@charset "UTF-8";
/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/OpenSans-VariableFont_wdth_wght-btEiAPUS.woff2') format('woff2');
    font-weight: 300 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/assets/OpenSans-Italic-VariableFont_wdth_wght-DD2uuYGf.woff2') format('woff2');
    font-weight: 300 800;
    font-style: italic;
    font-display: swap;
}
/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-VariableFont_wdth_wght-BqdmyidR.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('/assets/Roboto-Italic-VariableFont_wdth_wght-BDoFY-1p.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
:root {
  writing-mode: horizontal-tb;
  direction: ltr;
  text-orientation: mixed;
  color-scheme: light;
  --mainBackground: #1f5895;
  --statementBackground: #f2f6ff;
  --inputBackground: #f5fcff;
  --mainBackgroundError: #ff0000;
  --text-primary: rgba(33, 36, 48, 1);
  --text-primary-contrast: rgba(33, 36, 48, 1);
  --text-secondary: rgba(56, 62, 84, 1);
  --text-secondary-contrast: rgb(35, 39, 54);
  --text-tertiary: rgba(85, 87, 116, 1);
  --text-tertiary-contrast: rgb(49, 51, 68);
  --lighter: rgba(137, 140, 167, 1);
  --lighter-contrast: rgb(93, 95, 113);
  --gray0-1: hsl(0, 0%, 90%);
  --gray0-1-border: hsl(0, 0%, 85%);
  --gray0-1-text: #2a2a2a;
  --gray0-125: hsl(0, 0%, 87.5%);
  --gray0-125-border: hsl(0, 0%, 82.5%);
  --gray0-125-text: #2a2a2a;
  --gray0-15: hsl(0, 0%, 85%);
  --gray0-15-border: hsl(0, 0%, 80%);
  --gray0-15-text: #2a2a2a;
  --gray0-2: hsl(0, 0%, 80%);
  --gray0-2-border: hsl(0, 0%, 75%);
  --gray0-2-text: #2a2a2a;
  --gray0-1-high-contrast: hsl(0, 0%, 75%);
  --gray0-1-border-high-contrast: hsl(0, 0%, 60%);
  --gray0-1-text-high-contrast: #000000;
  --gray0-125-high-contrast: hsl(0, 0%, 70%);
  --gray0-125-border-high-contrast: hsl(0, 0%, 55%);
  --gray0-125-text-high-contrast: #000000;
  --gray0-15-high-contrast: hsl(0, 0%, 65%);
  --gray0-15-border-high-contrast: hsl(0, 0%, 50%);
  --gray0-15-text-high-contrast: #ffffff;
  --gray0-2-high-contrast: hsl(0, 0%, 50%);
  --gray0-2-border-high-contrast: hsl(0, 0%, 30%);
  --gray0-2-text-high-contrast: #ffffff;
  --agree0: #d8f0ed;
  --agree0-border: #b8e8e2;
  --agree0-text: #1a1a1a;
  --agree1: #b8e8e2;
  --agree1-border: #7ed8cf;
  --agree1-text: #1a1a1a;
  --agree2: #7ed8cf;
  --agree2-border: #57c6b2;
  --agree2-text: #1a1a1a;
  --agree3: #57c6b2;
  --agree3-border: #3a9d8e;
  --agree3-text: #ffffff;
  --agree0-high-contrast: #a8ddd5;
  --agree0-border-high-contrast: #7ed8cf;
  --agree0-text-high-contrast: #000000;
  --agree1-high-contrast: #7ed8cf;
  --agree1-border-high-contrast: #57c6b2;
  --agree1-text-high-contrast: #000000;
  --agree2-high-contrast: #57c6b2;
  --agree2-border-high-contrast: #3a9d8e;
  --agree2-text-high-contrast: #ffffff;
  --agree3-high-contrast: #3a9d8e;
  --agree3-border-high-contrast: #1e7068;
  --agree3-text-high-contrast: #ffffff;
  --alert: #dd90b6;
  --notify: #d98ff3;
  --tooltip: #6db0f9;
  --option: #e7d080;
  --option-text: #3b4f7d;
  --result: #a9adf4;
  --result-text: rgb(90, 87, 87);
  --question: #47b4ef;
  --question-text: white;
  --question-contrast: #1093fd;
  --group: #b893e7;
  --group-text: white;
  --group-contrast: #a080e0;
  --agree: #57c6b2;
  --disagree: #fe6ba2;
  --approve: #57c6b2;
  --reject: #fe6ba2;
  --shadow: rgba(181, 197, 232, 0.486);
  --radius: 5px;
  --inactive: rgb(207, 207, 207);
  --inactive-text: #acacac;
  --accent: #7cacf8;
  --padding: var(--space-md);
  --page-bottom-clearance: calc(160px + env(safe-area-inset-bottom, 0px));
  --h1-font-size: 2rem;
  --h2-font-size: 1.7rem;
  --h3-font-size: 1.5rem;
  --h4-font-size: 1.3rem;
  --h5-font-size: 1.2rem;
  --h6-font-size: 1.1rem;
  --p-font-size: 1rem;
  --white: white;
  --red: #e8749e;
  --placeHolder: #93b6da;
  --link: #4848df;
  --link-contrast: darkblue;
  --info-text-padding: 15px;
  --weight-medium: 400;
  --range-positive-100: #3a7e71;
  --range-positive-60: #76c0b3;
  --range-positive-30: #abd8d0;
  --range-conflict-100: #ff8401;
  --range-conflict-60: #ef7550;
  --range-conflict-30: #f9c8b9;
  --range-objections-100: #ae2891;
  --range-objections-60: #e281cd;
  --range-objections-30: #f4cdeb;
  --range-positive-100-contrast: #3a7e71;
  --range-positive-60-contrast: #00bd9a;
  --range-positive-30-contrast: #24ffd7;
  --range-conflict-100-contrast: #b92504;
  --range-conflict-60-contrast: #fb6340;
  --range-conflict-30-contrast: #fdc2b4;
  --range-objections-100-contrast: #b50881;
  --range-objections-60-contrast: #f746c2;
  --range-objections-30-contrast: #fcb6e7;
  --btn-primary: #5f88e5;
  --btn-primary-default: #5f88e5;
  --btn-primary-hover: #80a0ea;
  --btn-primary-selected: #285edc;
  --btn-primary-disabled: #c6cddc;
  --btn-secondary: #5f88e5;
  --btn-secondary-default: #5f88e5;
  --btn-secondary-hover: #80a0ea;
  --btn-secondary-selected-border: #285edc;
  --btn-secondary-selected-fill: #e5edff;
  --btn-secondary-disabled: #7484a9;
  --btn-white-default: #ffffff;
  --btn-white-hover: #f2f6ff;
  --btn-white-selected: #b4e0f8;
  --btn-white-disabled: #ffffff;
  --btn-orange-default: #ef7550;
  --btn-orange-hover: #f29173;
  --btn-orange-selected: #ea4715;
  --add-btn: #275ddb;
  --btn-primary-contrast: #165bfa;
  --btn-primary-default-contrast: #165bfa;
  --btn-primary-hover-contrast: #467cfb;
  --btn-primary-selected-contrast: #0544d7;
  --btn-primary-disabled-contrast: #dce0ea;
  --btn-secondary-contrast: #165bfa;
  --btn-secondary-default-contrast: #165bfa;
  --btn-secondary-hover-contrast: #467cfb;
  --btn-secondary-selected-border-contrast: #0544d7;
  --btn-secondary-selected-fill-contrast: #e5edff;
  --btn-secondary-disabled-contrast: #424e6c;
  --btn-purple-default: #a879e1;
  --btn-purple-hover: #b893e7;
  --btn-purple-selected: #823fd4;
  --btn-purple-disable: #dcc9f3;
  --btn-purple-default-contrast: #8a62d8;
  --btn-purple-hover-contrast: #a080e0;
  --btn-purple-selected-contrast: #6432c8;
  --btn-purple-disable-contrast: #d1c2f0;
  --btn-white-default-contrast: #ffffff;
  --btn-white-hover-contrast: #a9e0fe;
  --btn-white-selected-contrast: #7cd0fe;
  --btn-white-disabled-contrast: #dce0ea;
  --btn-orange-default-contrast: #fb6340;
  --btn-orange-hover-contrast: #fc8064;
  --btn-orange-selected-contrast: #f53105;
  --add-btn-contrast: #0443d6;
  --btn-disabled-contrast: #93a0bd;
  --btn-accessibility-icons: #5f88e5;
  --btn-accessibility-light-contrast: #f5f8ff;
  --btn-accessibility-light-contrast-text: #191e29;
  --btn-accessibility-light-contrast-icons: #5f88e5;
  --btn-accessibility-icons-contrast: #17349c;
  --btn-accessibility-light-contrast-contrast: #165bfa;
  --btn-accessibility-light-contrast-text-contrast: #ffffff;
  --btn-accessibility-light-contrast-icons-contrast: #ffffff;
  --card-default: #ffffff;
  --card-raised: #ffffff;
  --card-needs-surface: #c7e5e0;
  --card-needs-top: #93cdc2;
  --card-suggestion-added: #fdffe0;
  --card-question-added: #d9f0fc;
  --card-other-message: #faf6f0;
  --card-default-contrast: #ffffff;
  --card-needs-surface-contrast: #24ffd7;
  --card-needs-top-contrast: #00bd9a;
  --card-suggestion-added-contrast: #fffed1;
  --card-question-added-contrast: #7cd0fe;
  --chips-default: #ffffff;
  --chips-active: #ffe16a;
  --chips-default-contrast: #ffffff;
  --chips-active-contrast: #fefa0e;
  --cluster-progress-bar-level-1: #4ec0fd;
  --cluster-progress-bar-level-2: #165bfa;
  --cluster-progress-bar-level-1-contrast: #24b1fd;
  --cluster-progress-bar-level-2-contrast: #0544d7;
  --doc-tabs-info: #ffd324;
  --doc-tabs-research: #5f88e5;
  --doc-tabs-needs: #ef7550;
  --doc-tabs-suggestions: #76c0b3;
  --doc-tabs-voting: #e281cd;
  --doc-tabs-summary: #f86d6f;
  --doc-tabs-info-contrast: #fefa0e;
  --doc-tabs-research-contrast: #165bfa;
  --doc-tabs-needs-contrast: #f53105;
  --doc-tabs-suggestions-contrast: #00eec4;
  --doc-tabs-voting-contrast: #f746c2;
  --doc-tabs-summary-contrast: #ff0207;
  --dropdown-cluster-active: #ffffff;
  --dropdown-cluster-active-contrast: #165bfa;
  --dropdown-option-active: #ffffff;
  --dropdown-option-active-contrast: #165bfa;
  --dropdown-rooms-active: #ffffff;
  --dropdown-rooms-active-contrast: #165bfa;
  --dropdown-step-default: #f2f6ff;
  --dropdown-step-active: #ffffff;
  --dropdown-step-default-contrast: #ffffff;
  --dropdown-step-active-contrast: #165bfa;
  --dropdown-step-activity-active: #f2f6ff;
  --dropdown-step-activity-contrast: #165bfa;
  --emoji-happy: #80a0ea;
  --emoji-smiley: #93cdc2;
  --emoji-neutral: #ffd324;
  --emoji-thinking: #f29173;
  --emoji-sad: #f86d6f;
  --emoji-happy-inactive: #909ebc;
  --emoji-smiley-inactive: #adb7cd;
  --emoji-neutral-inactive: #c6cddc;
  --emoji-thinking-inactive: #adb7cd;
  --emoji-sad-inactive: #909ebc;
  --emoji-happy-contrast: #149ce6;
  --emoji-smiley-contrast: #00bd9a;
  --emoji-neutral-contrast: #d5d201;
  --emoji-thinking-contrast: #fb6340;
  --emoji-sad-contrast: #f40b0f;
  --emoji-happy-inactive-contrast: #212736;
  --emoji-smiley-inactive-contrast: #424e6c;
  --emoji-neutral-inactive-contrast: #93a0bd;
  --emoji-thinking-inactive-contrast: #424e6c;
  --emoji-sad-inactive-contrast: #212736;
  --header-home: #5f88e5;
  --header-question: #47b4ef;
  --header-chosen: #76c0b3;
  --header-not-chosen: #ffe16a;
  --header-group: #b9a1e8;
  --header-home-contrast: #165bfa;
  --header-question-contrast: #1093fd;
  --header-chosen-contrast: #24ffd7;
  --header-not-chosen-contrast: #ffd324;
  --header-group-contrast: #8a62d8;
  --header-ink-on-light: #2a3346;
  --header-ink-on-dark: #ffffff;
  --icons-blue: #5f88e5;
  --icons-primary: #3a60d6;
  --icons-blue-dark: #1b45a7;
  --icons-white: #ffffff;
  --icons-red: #f74a4d;
  --icons-green: #4fab9a;
  --icons-disabled: #adb7cd;
  --icons-disabled-dark: #909ebc;
  --icons-blue-contrast: #165bfa;
  --icons-blue-dark-contrast: #0332a0;
  --icons-white-contrast: #ffffff;
  --icons-red-contrast: #ff0207;
  --icons-green-contrast: #00bd9a;
  --icons-disabled-contrast: #93a0bd;
  --icons-disabled-dark-contrast: #6d7ea6;
  --input-active: #ffffff;
  --input-active-contrast: #ffffff;
  --map-statement: #ffffff;
  --map-question: #6ec4f2;
  --map-suggestion: #abd8d0;
  --map-statement-current: #ffe16a;
  --map-question-current: #149ce6;
  --map-suggestion-current: #4fab9a;
  --map-statement-contrast: #ffffff;
  --map-question-contrast: #4ec0fd;
  --map-suggestion-contrast: #00eec4;
  --map-statement-current-contrast: #fefc71;
  --map-question-current-contrast: #1093fd;
  --map-suggestion-current-contrast: #00bd9a;
  --cluster-synth-bg: linear-gradient(135deg, #4fbfa9 0%, #2f9e8b 100%);
  --cluster-synth-ring: #8fe0d2;
  --cluster-synth-glow: rgba(47, 158, 139, 0.35);
  --cluster-synth-text: #ffffff;
  --cluster-topic-bg: #6f8ce8;
  --cluster-topic-accent: #4d6fd0;
  --cluster-topic-text: #ffffff;
  --cluster-pill-bg: rgba(255, 255, 255, 0.22);
  --cluster-pill-text: #ffffff;
  --cluster-synth-bg-high-contrast: linear-gradient(135deg, #2f9e8b 0%, #1f7e6e 100%);
  --cluster-synth-ring-high-contrast: #5cffe1;
  --cluster-topic-bg-high-contrast: #4a66c4;
  --cluster-topic-accent-high-contrast: #2f4aa8;
  --cluster-pill-bg-high-contrast: rgba(0, 0, 0, 0.35);
  --member-awaiting: #b4e0f8;
  --member-voter: #e7def7;
  --member-evaluator: #c7e5e0;
  --member-participant: #8ed1f5;
  --member-blocked: #f74a4d;
  --member-awaiting-contrast: #ffffff;
  --member-voter-contrast: #a080e0;
  --member-evaluator-contrast: #5cffe1;
  --member-participant-contrast: #165bfa;
  --member-blocked-contrast: #ff3336;
  --menu-default: #ffffff;
  --menu-active: #f2f6ff;
  --menu-default-contrast: #ffffff;
  --menu-active-contrast: #165bfa;
  --off-canvas-background: #f2f6ff;
  --off-canvas-header: #5f88e5;
  --off-canvas-footer: #5f88e5;
  --off-canvas-background-contrast: #ffffff;
  --off-canvas-header-contrast: #165bfa;
  --off-canvas-footer-contrast: #165bfa;
  --popup-default: #f2f6ff;
  --popup-default-contrast: #ffffff;
  --snackbar-default: #5f88e5;
  --snackbar-default-contrast: #165bfa;
  --stepper-default: #ffffff;
  --stepper-default-contrast: #ffffff;
  --surface-background: #f2f6ff;
  --surface-overlay: #01113766;
  --surface-edit: #f2f6ff;
  --surface-Surface-60: #ffffff99;
  --Surface-tabSys-background-level-1: #f2f6ff00;
  --Surface-tabSys-background-level-2: #f2f6ff;
  --surface-background-contrast: #ffffff;
  --surface-overlay-contrast: #011137cc;
  --surface-edit-contrast: #165bfa;
  --surface-Surface-60-contrast: #f2f6ff;
  --Surface-tabSys-background-level-1-contrast: #ffffff00;
  --Surface-tabSys-background-level-2-contrast: #ffffff;
  --border-primary: #C6D8F7;
  --text-title: #191e29;
  --text-subtitle: #2a3346;
  --text-body: #3d4d71;
  --text-caption: #7484a9;
  --text-label: #7484a9;
  --text-negative: #ffffff;
  --text-disabled: #909ebc;
  --text-blue: #285edc;
  --text-success: #4fab9a;
  --text-error: #f74a4d;
  --text-warning: #ef7550;
  --text-title-contrast: #08090d;
  --text-subtitle-contrast: #11151d;
  --text-body-contrast: #212736;
  --text-caption-contrast: #424e6c;
  --text-Label-contrast: #424e6c;
  --text-negative-contrast: #ffffff;
  --text-disabled-contrast: #6d7ea6;
  --text-blue-contrast: #0544d7;
  --text-success-contrast: #008f75;
  --text-error-contrast: #ff0207;
  --text-warning-contrast: #fb6340;
  --toggle-background: #e0e8fa;
  --toggle-disabled: #f74a4d;
  --toggle-enabled: #76c0b3;
  --toggle-background-contrast: #d2dffe;
  --toggle-disabled-contrast: #ff3336;
  --toggle-enabled-contrast: #00eec4;
  --triangle-dots-agreement-100: #4fab9a;
  --triangle-dots-agreement-100-disinterest: #abd8d0;
  --triangle-dots-agreement-50: #ffe16a;
  --triangle-dots-agreement-50-disinterest: #fff3c2;
  --triangle-dots-agreement-0: #ef7550;
  --triangle-dots-agreement-0-disinterest: #f9c8b9;
  --triangle-dots-objections-50: #d549b7;
  --triangle-dots-objections-50-disinterest: #eeb4e1;
  --triangle-dots-objections-100: #7a0507;
  --triangle-dots-objections-100-disinterest: #8f7200;
  --triangle-dots-avoidance: #c6cddc;
  --triangle-dots-agreement-100-contrast: #4fab9a;
  --triangle-dots-agreement-100-disinterest-contrast: #abd8d0;
  --triangle-dots-agreement-50-contrast: #ffe16a;
  --triangle-dots-agreement-50-disinterest-contrast: #fff3c2;
  --triangle-dots-agreement-0-contrast: #ef7550;
  --triangle-dots-agreement-0-disinterest-contrast: #f9c8b9;
  --triangle-dots-objections-50-contrast: #d549b7;
  --triangle-dots-objections-50-disinterest-contrast: #eeb4e1;
  --triangle-dots-objections-100-contrast: #7a0507;
  --triangle-dots-objections-100-disinterest-contrast: #8f7200;
  --triangle-dots-avoidance-contrast: #c6cddc;
  --voting-palette-pair-1-light: #fc8c9b;
  --voting-palette-pair-1-dark: #f57c8c;
  --voting-palette-pair-2-light: #f4978d;
  --voting-palette-pair-2-dark: #ec8b81;
  --voting-palette-pair-3-light: #feb69f;
  --voting-palette-pair-3-dark: #efa38a;
  --voting-palette-pair-4-light: #f1d075;
  --voting-palette-pair-4-dark: #ebbd3d;
  --voting-palette-pair-5-light: #85d697;
  --voting-palette-pair-5-dark: #5fc976;
  --voting-palette-pair-6-light: #a1d3a5;
  --voting-palette-pair-6-dark: #97c99b;
  --voting-palette-pair-7-light: #b4ccb9;
  --voting-palette-pair-7-dark: #9bbaa2;
  --voting-palette-pair-8-light: #b6d89c;
  --voting-palette-pair-8-dark: #9bca78;
  --voting-palette-pair-9-light: #95d7fe;
  --voting-palette-pair-9-dark: #73c6f1;
  --voting-palette-pair-10-light: #75c2fa;
  --voting-palette-pair-10-dark: #4eb1f9;
  --voting-palette-pair-11-light: #98bfff;
  --voting-palette-pair-11-dark: #83adf3;
  --voting-palette-pair-12-light: #a4dddf;
  --voting-palette-pair-12-dark: #82c7ca;
  --voting-palette-pair-13-light: #76d4d0;
  --voting-palette-pair-13-dark: #64c8c4;
  --voting-palette-pair-14-light: #bbb0f7;
  --voting-palette-pair-14-dark: #a89be9;
  --voting-palette-pair-15-light: #bda3ed;
  --voting-palette-pair-15-dark: #a992d4;
  --voting-palette-pair-16-light: #d99fec;
  --voting-palette-pair-16-dark: #c38fd4;
  --voting-palette-pair-17-light: #ffb8d1;
  --voting-palette-pair-17-dark: #fc9cbe;
  --voting-palette-pair-18-light: #ffa3c4;
  --voting-palette-pair-18-dark: #fb84ae;
  --voting-palette-pair-19-light: #dd90b6;
  --voting-palette-pair-19-dark: #d578a6;
  --voting-palette-pair-1-light-contrast: #ff6b7f;
  --voting-palette-pair-1-dark-contrast: #ff4760;
  --voting-palette-pair-2-light-contrast: #ff7f7a;
  --voting-palette-pair-2-dark-contrast: #ff6661;
  --voting-palette-pair-3-light-contrast: #ffac8e;
  --voting-palette-pair-3-dark-contrast: #ff875c;
  --voting-palette-pair-4-light-contrast: #f7eb6a;
  --voting-palette-pair-4-dark-contrast: #edda0d;
  --voting-palette-pair-5-light-contrast: #63eb82;
  --voting-palette-pair-5-dark-contrast: #34e55d;
  --voting-palette-pair-6-light-contrast: #a8f26f;
  --voting-palette-pair-6-dark-contrast: #6fe515;
  --voting-palette-pair-7-light-contrast: #5fdd79;
  --voting-palette-pair-7-dark-contrast: #35d455;
  --voting-palette-pair-8-light-contrast: #7fe7c2;
  --voting-palette-pair-8-dark-contrast: #42dca5;
  --voting-palette-pair-9-light-contrast: #8acaff;
  --voting-palette-pair-9-dark-contrast: #70beff;
  --voting-palette-pair-10-light-contrast: #66bfff;
  --voting-palette-pair-10-dark-contrast: #33a9ff;
  --voting-palette-pair-11-light-contrast: #8acaff;
  --voting-palette-pair-11-dark-contrast: #57b3ff;
  --voting-palette-pair-12-light-contrast: #7bdee5;
  --voting-palette-pair-12-dark-contrast: #50d4dc;
  --voting-palette-pair-13-light-contrast: #28e2da;
  --voting-palette-pair-13-dark-contrast: #1edcd4;
  --voting-palette-pair-14-light-contrast: #aa99ff;
  --voting-palette-pair-14-dark-contrast: #9480ff;
  --voting-palette-pair-15-light-contrast: #b891ff;
  --voting-palette-pair-15-dark-contrast: #a270ff;
  --voting-palette-pair-16-light-contrast: #bf75d9;
  --voting-palette-pair-16-dark-contrast: #b652d9;
  --voting-palette-pair-17-light-contrast: #fa86b0;
  --voting-palette-pair-17-dark-contrast: #ed6697;
  --voting-palette-pair-18-light-contrast: #fa86b0;
  --voting-palette-pair-18-dark-contrast: #ed6697;
  --voting-palette-pair-19-light-contrast: #ff6eb6;
  --voting-palette-pair-19-dark-contrast: #ff3d9d;
  --btn-disabled: #c6d2de;
  --btn-disabled-text: #88919b;
  --wrapper-max-width: 75ch;
  --wrapper: 75ch;
  --border-light: #e0e8fa;
  --bg-hover: #f2f6ff;
  --bg-disabled: #f0f2f5;
  --bg-selected: #e5edff;
  --bg-main: #f2f6ff;
  --button-blue: #5f88e5;
  --icon-blue: #5f88e5;
  --btn-fab: #275ddb;
  --h2Color: #3d4d71;
  --h3Color: #3d4d71;
  --h4Color: #3d4d71;
  --h5Color: #3d4d71;
  --text-paragraph: #3d4d71;
  --text-headline: #191e29;
  --text-description: #7484a9;
  --header: #5f88e5;
  --bg-success-light: #f0fdf4;
  --bg-error-light: #fff5f5;
  --bg-warning-light: #fffbeb;
  --bg-info-light: #eff6ff;
  --agree-hover: #4bb5a0;
  --agree-active: #3d9a87;
  --disagree-hover: #fe8ab7;
  --disagree-active: #fe4c8d;
  --approve-hover: #37756a;
  --approve-active: #2d5f56;
  --reject-hover: #be3b3d;
  --add-btn-hover: #1f4eb8;
  --red-hover: #d93636;
  --icon-blue-hover: #2563c7;
  --skeleton-base: #e0e0e0;
  --skeleton-shine: #f0f0f0;
  --engagement-level-0: var(--lighter);
  --engagement-level-1: var(--btn-primary);
  --engagement-level-2: var(--agree);
  --engagement-level-3: #d4a017;
  --engagement-level-4: #7b5ea7;
  --streak-flame: #ff6b35;
  --credit-earn: var(--agree);
  --progress-track: var(--border-color);
  --progress-fill: var(--btn-primary);
  --cluster-synthesis-accent: #b455ff;
  --cluster-topic-accent: #2aa39a;
  --cluster-semantic-accent: var(--btn-primary);
  --cluster-custom-accent: #ef7550;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 240ms;
  --motion-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --elevation-0: none;
  --elevation-1: 0 1px 2px var(--shadow);
  --elevation-2: 0 2px 6px var(--shadow);
  --elevation-3: 0 8px 24px var(--shadow);
  --elevation-4: 0 20px 50px color-mix(in srgb, var(--text-title) 20%, transparent);
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-snug: 1.4;
  --line-height-normal: 1.55;
  --letter-spacing-caps: 0.04em;
  --hairline-width: 1px;
  --hairline: 1px solid var(--border-light);
  --rule-width: 3px;
  --divider: 1px solid color-mix(in srgb, var(--border-light) 60%, transparent);
  --wash-approve: color-mix(in srgb, var(--approve) 7%, var(--card-default));
  --wash-warning: color-mix(in srgb, var(--warning) 7%, var(--card-default));
  --wash-primary: color-mix(in srgb, var(--btn-primary) 7%, var(--card-default));
  --wash-neutral: color-mix(in srgb, var(--lighter) 7%, var(--card-default));
  --approve-ink: #3a7e71;
  --warning-ink: #9a4d00;
  --text-meta: #62719a;
  --text-heading: var(--text-title);
  --dark-text: var(--text-body);
  --dark-header: var(--text-title);
  --light-header: #ffffff;
  --Text-Title: var(--text-title);
  --text-muted: var(--text-caption);
  --Text-lighter: var(--lighter);
  --text-inverse: #ffffff;
  --btn-primary-text: #ffffff;
  --text-danger: var(--text-error);
  --Text-Error: var(--text-error);
  --background-secondary: var(--bg-hover);
  --background-tertiary: var(--bg-disabled);
  --background-hover: var(--bg-hover);
  --bg-secondary: var(--bg-hover);
  --page-background: var(--surface-background);
  --switch-bg: var(--toggle-background);
  --primary-color: #4caf50;
  --primary-hover: #45a049;
  --error-text: #991b1b;
  --error-bg: var(--bg-error-light);
  --success-text: #065f46;
  --warning: #d97706;
  --warning-background: var(--bg-warning-light);
  --nav-scrim-from: rgba(242, 246, 255, 0);
  --nav-scrim-to: rgba(242, 246, 255, 1);
  --evaluation-thumb-inactive: rgba(0, 0, 0, 0.18);
  --evaluation-thumb-ring: rgba(0, 0, 0, 0.22);
}
@media (prefers-contrast: more) {
  :root {
    --gray0-1: var(--gray0-1-high-contrast);
    --gray0-1-border: var(--gray0-1-border-high-contrast);
    --gray0-1-text: var(--gray0-1-text-high-contrast);
    --gray0-125: var(--gray0-125-high-contrast);
    --gray0-125-border: var(--gray0-125-border-high-contrast);
    --gray0-125-text: var(--gray0-125-text-high-contrast);
    --gray0-15: var(--gray0-15-high-contrast);
    --gray0-15-border: var(--gray0-15-border-high-contrast);
    --gray0-15-text: var(--gray0-15-text-high-contrast);
    --gray0-2: var(--gray0-2-high-contrast);
    --gray0-2-border: var(--gray0-2-border-high-contrast);
    --gray0-2-text: var(--gray0-2-text-high-contrast);
    --cluster-synth-bg: var(--cluster-synth-bg-high-contrast);
    --cluster-synth-ring: var(--cluster-synth-ring-high-contrast);
    --cluster-topic-bg: var(--cluster-topic-bg-high-contrast);
    --cluster-topic-accent: var(--cluster-topic-accent-high-contrast);
    --cluster-pill-bg: var(--cluster-pill-bg-high-contrast);
    --text-meta: var(--text-caption-contrast);
    --border-light: #6d7ea6;
    --wash-approve: var(--card-default);
    --wash-warning: var(--card-default);
    --wash-primary: var(--card-default);
    --wash-neutral: var(--card-default);
    --rule-width: 5px;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --mainBackground: #16406e;
    --statementBackground: #10151f;
    --inputBackground: #161c29;
    --text-primary: rgba(237, 240, 248, 1);
    --text-primary-contrast: rgba(255, 255, 255, 1);
    --text-secondary: rgba(198, 205, 223, 1);
    --text-secondary-contrast: rgba(226, 231, 243, 1);
    --text-tertiary: rgba(158, 167, 190, 1);
    --text-tertiary-contrast: rgba(198, 205, 223, 1);
    --lighter: rgba(128, 137, 162, 1);
    --lighter-contrast: rgba(170, 178, 200, 1);
    --gray0-1: hsl(220, 16%, 18%);
    --gray0-1-border: hsl(220, 16%, 26%);
    --gray0-1-text: #e7ebf3;
    --gray0-125: hsl(220, 16%, 20%);
    --gray0-125-border: hsl(220, 16%, 28%);
    --gray0-125-text: #e7ebf3;
    --gray0-15: hsl(220, 16%, 23%);
    --gray0-15-border: hsl(220, 16%, 31%);
    --gray0-15-text: #eef1f7;
    --gray0-2: hsl(220, 16%, 27%);
    --gray0-2-border: hsl(220, 16%, 36%);
    --gray0-2-text: #f4f6fb;
    --tooltip: #6db0f9;
    --accent: #7cacf8;
    --option-text: #d3dcf1;
    --result-text: #c6cde0;
    --shadow: rgba(0, 0, 0, 0.55);
    --inactive: #39415a;
    --inactive-text: #737c98;
    --white: #ffffff;
    --placeHolder: #6d7590;
    --link: #8fa8ff;
    --link-contrast: #b8c6ff;
    --card-default: #1c2434;
    --card-raised: #232c40;
    --card-needs-surface: #16332e;
    --card-needs-top: #1d453e;
    --card-suggestion-added: #2b2a1a;
    --card-question-added: #142a3c;
    --card-other-message: #26221b;
    --card-default-contrast: #1c2434;
    --chips-default: #232c40;
    --dropdown-cluster-active: #232c40;
    --dropdown-option-active: #232c40;
    --dropdown-rooms-active: #232c40;
    --dropdown-step-default: #161c29;
    --dropdown-step-active: #232c40;
    --dropdown-step-activity-active: #1c2434;
    --input-active: #1f2740;
    --map-statement: #1c2434;
    --member-awaiting: #223a52;
    --member-voter: #2e2748;
    --member-evaluator: #1d453e;
    --menu-default: #1c2434;
    --menu-active: #232c40;
    --off-canvas-background: #161c29;
    --popup-default: #1c2434;
    --stepper-default: #1c2434;
    --surface-background: #10151f;
    --surface-overlay: rgba(0, 0, 0, 0.66);
    --surface-edit: #161c29;
    --surface-Surface-60: rgba(28, 36, 52, 0.6);
    --Surface-tabSys-background-level-1: rgba(16, 21, 31, 0);
    --Surface-tabSys-background-level-2: #161c29;
    --border-primary: #2c3650;
    --border-light: #262f45;
    --border-color: #2c3650;
    --text-title: #f2f5fb;
    --text-subtitle: #dfe4f0;
    --text-body: #c6cde0;
    --text-caption: #97a0bb;
    --text-label: #97a0bb;
    --text-negative: #ffffff;
    --text-disabled: #6d7590;
    --text-blue: #8fa8ff;
    --toggle-background: #2a344e;
    --border-light: #262f45;
    --bg-hover: #232c40;
    --bg-disabled: #1a2030;
    --bg-selected: #263255;
    --bg-main: #10151f;
    --h2Color: #c6cde0;
    --h3Color: #c6cde0;
    --h4Color: #c6cde0;
    --h5Color: #c6cde0;
    --text-paragraph: #c6cde0;
    --text-headline: #f2f5fb;
    --text-description: #97a0bb;
    --bg-success-light: rgba(79, 171, 154, 0.14);
    --bg-error-light: rgba(247, 74, 77, 0.14);
    --bg-warning-light: rgba(239, 117, 80, 0.14);
    --bg-info-light: rgba(95, 136, 229, 0.14);
    --btn-disabled: #2a3348;
    --btn-disabled-text: #6d7590;
    --skeleton-base: #222b40;
    --skeleton-shine: #2c3752;
    --progress-track: #2c3650;
    --error-text: #fca5a5;
    --success-text: #6ee7b7;
    --warning: #fcd34d;
    --nav-scrim-from: rgba(16, 21, 31, 0);
    --nav-scrim-to: rgba(16, 21, 31, 1);
    --evaluation-thumb-inactive: rgba(255, 255, 255, 0.22);
    --evaluation-thumb-ring: rgba(255, 255, 255, 0.28);
    --text-meta: #97a0bb;
    --approve-ink: #57c6b2;
    --warning-ink: #fcd34d;
    --elevation-4: 0 20px 50px rgba(0, 0, 0, 0.6);
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}
html {
  margin: 0px;
  height: fit-content;
  font-size: 17px;
}
body {
  width: 100svw;
  height: 100svh;
  margin: 0px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.0625rem;
  line-height: 150%;
  background: var(--statementBackground);
  overflow: hidden;
}
#root {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
h1 {
  font-size: 1.75rem;
  font-weight: 500;
}
h2 {
  font-size: 1.5rem;
  color: var(--h2Color);
  font-weight: 400;
}
h3 {
  font-size: 1.25rem;
  color: var(--h3Color);
  font-weight: 400;
}
h4 {
  font-size: 1.15rem;
  color: var(--h4Color);
  font-weight: 400;
}
h5 {
  font-size: 1.1rem;
  color: var(--h5Color);
  font-weight: 400;
}
h1,
h2 {
  text-align: center;
}
a {
  text-decoration: none;
  color: inherit;
}
b {
  font-family: "Open Sans", sans-serif;
  user-select: text;
}
p {
  font-size: 1rem;
  color: var(--text-paragraph);
}
.wrapperAll {
  position: relative;
  margin: auto;
  max-width: var(--maxWidthOnPC);
  min-width: 75ch;
  padding: 10px;
}
.simple-wrapper {
  width: var(--wrapper);
  margin: auto;
}
.wrapper {
  flex: auto;
  width: 100%;
  height: fit-content;
  max-width: var(--wrapper-max-width);
  gap: 1rem;
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 600px) {
  .wrapper {
    gap: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 80px;
  }
}
.legacy-card {
  color: var(--card-menu);
  border-radius: 3px;
  direction: rtl;
  padding: 10px;
  margin: 5px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.legacy-card h2 {
  color: var(--black);
  font-size: var(--size15);
}
.legacy-card p {
  color: var(--text-paragraph);
  font-size: var(--size13);
}
.hand {
  font-family: "Patrick Hand", cursive;
}
.hidden {
  display: none;
}
.scroll {
  overflow-y: auto;
}
.icon {
  cursor: pointer;
  user-select: none;
  position: relative;
  margin: 0.5rem 0.7rem 0px 0px;
}
.center {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.clickable {
  cursor: pointer;
  user-select: none;
}
.draggable {
  cursor: grab;
}
.href--undecorated {
  text-decoration: none;
  color: inherit;
}
.notificationsCircle {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 2rem;
  background-color: var(--icons-blue-dark);
  color: white;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.description {
  font-size: 1.1rem;
  font-weight: 400;
  margin: 1.8rem 36px 1rem 36px;
  color: var(--text-body);
}
.description p {
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  position: relative;
  gap: 0.5rem;
}
.button:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.button:active {
  transform: scale(0.98);
}
.button__text {
  display: inline-block;
  white-space: nowrap;
}
.button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--button-blue);
  border: 2px solid var(--white);
  flex-shrink: 0;
}
.button__icon svg {
  width: 1.2rem;
  height: 1.2rem;
}
.button__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: buttonSpin 0.6s linear infinite;
}
.button--primary {
  background-color: var(--btn-primary);
  color: var(--white);
  border-color: var(--btn-primary);
}
.button--primary:hover:not(:disabled) {
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
}
.button--primary:active:not(:disabled) {
  background-color: var(--btn-primary-selected);
  border-color: var(--btn-primary-selected);
}
.button--secondary {
  background-color: var(--card-default);
  color: var(--btn-secondary);
  border-color: var(--btn-secondary);
}
.button--secondary:hover:not(:disabled) {
  background-color: var(--btn-secondary-hover);
}
.button--secondary:active:not(:disabled) {
  background-color: var(--btn-white-selected);
}
.button--agree {
  background-color: var(--agree);
  color: var(--white);
  border-color: var(--agree);
}
.button--agree:hover:not(:disabled) {
  background-color: var(--agree-hover);
}
.button--agree:active:not(:disabled) {
  background-color: var(--agree-active);
}
.button--disagree {
  background-color: var(--disagree);
  color: var(--white);
  border-color: var(--disagree);
}
.button--disagree:hover:not(:disabled) {
  background-color: var(--disagree-hover);
}
.button--disagree:active:not(:disabled) {
  background-color: var(--disagree-active);
}
.button--approve {
  background-color: var(--approve);
  color: var(--white);
  border-color: var(--approve);
  width: 165px;
  height: 44px;
}
.button--approve:hover:not(:disabled) {
  background-color: var(--approve-hover);
}
.button--approve:active:not(:disabled) {
  background-color: var(--approve-active);
}
.button--reject {
  background-color: transparent;
  color: var(--text-error);
  border-color: var(--text-error);
  font-weight: 800;
  width: 98px;
  height: 44px;
}
.button--reject:hover:not(:disabled) {
  color: var(--reject-hover);
  border-color: var(--reject-hover);
  background-color: var(--bg-disabled);
}
.button--reject:active:not(:disabled) {
  background-color: var(--inactive);
}
.button--add {
  background-color: var(--add-btn);
  color: var(--white);
  border-color: var(--add-btn);
  width: fit-content;
}
.button--add:hover:not(:disabled) {
  background-color: var(--add-btn-hover);
}
.button--cancel {
  background-color: var(--red);
  color: var(--white);
  border-color: var(--red);
}
.button--cancel:hover:not(:disabled) {
  background-color: var(--red-hover);
}
.button--inactive {
  background-color: var(--inactive);
  color: var(--inactive-text);
  border-color: var(--inactive);
  cursor: default;
}
.button--icon {
  background-color: var(--icon-blue);
  color: var(--white);
}
.button--icon:hover:not(:disabled) {
  background-color: var(--icon-blue-hover);
}
.button--affirmation {
  background-color: var(--button-blue);
  color: var(--white);
}
.button--affirmation:hover:not(:disabled) {
  background-color: var(--icon-blue-hover);
}
.button--outline-white {
  background: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}
.button--outline-white:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.button--outline-white:active:not(:disabled) {
  background: rgba(255, 255, 255, 0.2);
}
.button--outline-gray {
  background: transparent;
  border: 1px solid rgb(63, 63, 63);
  color: rgb(63, 63, 63);
}
.button--outline-gray:hover:not(:disabled) {
  background: rgba(126, 122, 122, 0.228);
}
.button--small {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  height: auto;
}
.button--large {
  font-size: 1.2rem;
  padding: 0.6rem 1.5rem;
  border-radius: 5rem;
  height: auto;
}
.button--mass-consensus {
  padding: 0.5rem 1.5rem;
  min-width: 80px;
  flex: 1;
  max-width: 150px;
}
@media (max-width: 600px) {
  .button--mass-consensus {
    padding: 0.5rem 1rem;
    min-width: 60px;
    font-size: 0.9rem;
  }
}
@media (max-width: 360px) {
  .button--mass-consensus {
    padding: 0.5rem 0.8rem;
    min-width: 50px;
    font-size: 0.85rem;
  }
}
.button--full-width {
  width: 100%;
}
.button--with-image {
  padding: 0.5rem 1rem;
  height: auto;
}
.button--with-image img {
  width: 2rem;
  height: 2rem;
}
.button--disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.button--disabled:hover, .button--disabled:active {
  background-color: var(--btn-disabled);
  transform: none;
}
.button--loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.button--loading .button__text,
.button--loading .button__icon {
  opacity: 0;
}
.button:disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.button:disabled:hover, .button:disabled:active {
  background-color: var(--btn-disabled);
  transform: none;
}
@media (max-width: 600px) {
  .button {
    font-size: 0.95rem;
    padding: 0.35rem 0.85rem;
  }
}
@media (max-width: 360px) {
  .button {
    font-size: 0.9rem;
    padding: 0.3rem 0.7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .button {
    transition: none;
  }
  .button:active {
    transform: none;
  }
}
.button-group {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .button-group {
    gap: 0.5rem;
  }
}
@media (max-width: 360px) {
  .button-group {
    gap: 0.3rem;
  }
}
.button-group--end {
  justify-content: flex-end;
}
.button-group--start {
  justify-content: flex-start;
}
.button-group--space-between {
  justify-content: space-between;
}
.button-group--vertical {
  flex-direction: column;
  align-items: stretch;
}
.fab {
  background: var(--btn-fab);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 50%;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
  user-select: none;
  cursor: pointer;
  z-index: 200;
  border: none;
}
.fab:active {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fab__inner {
  z-index: 100;
  background: var(--accent);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fab--blink {
  animation: blinkFab 200ms ease-in-out 0s 35 alternate;
}
@media (prefers-reduced-motion: reduce) {
  .fab--blink {
    animation: none;
  }
}
.fab--fixed {
  position: absolute;
}
@media (max-width: 650px) {
  .fab--fixed {
    right: 1.5rem;
  }
}
@media (max-width: 300px) {
  .fab--fixed {
    right: calc(50vw - 15ch);
  }
}
.fab--up {
  bottom: 24vh;
  right: 5vw;
}
@keyframes buttonSpin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes blinkFab {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
[dir=rtl] .button__icon svg {
  transform: scaleX(-1);
}
.input, .search-input, .textarea {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  width: 100%;
}
.input__label {
  font-size: 1rem;
  position: relative;
  top: 0.875rem;
  left: -0.5rem;
  z-index: 1;
  width: fit-content;
  color: var(--text-caption);
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--card-default);
}
[dir=rtl] .input__label {
  left: auto;
  right: -0.5rem;
}
.input__container, .textarea__container {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  border: 1px solid var(--border-light);
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
  background-color: var(--card-default);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input__container:focus-within, .textarea__container:focus-within {
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.input__field, .search-input__field, .textarea__field {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 0.5rem;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  color: var(--text-body);
  background-color: var(--card-default);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  border: none;
  padding: 0;
  box-shadow: none;
}
.input__field::placeholder, .search-input__field::placeholder, .textarea__field::placeholder {
  color: var(--text-caption);
  opacity: 0.7;
}
.input__field:focus, .search-input__field:focus, .textarea__field:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.input__field:disabled, .search-input__field:disabled, .textarea__field:disabled {
  background-color: var(--bg-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
.input__field:focus, .search-input__field:focus, .textarea__field:focus {
  border: none;
  box-shadow: none;
}
.input__field::placeholder, .search-input__field::placeholder, .textarea__field::placeholder {
  color: var(--text-caption);
  opacity: 0.7;
  font-style: italic;
  font-weight: 300;
}
.input__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  color: var(--text-caption);
}
.input__icon svg {
  width: 100%;
  height: 100%;
}
.input__icon--left {
  margin-right: 0.75rem;
}
[dir=rtl] .input__icon--left {
  margin-right: 0;
  margin-left: 0.75rem;
}
.input__icon--right {
  margin-left: 0.75rem;
}
[dir=rtl] .input__icon--right {
  margin-left: 0;
  margin-right: 0.75rem;
}
.input__clear-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.5rem;
  cursor: pointer;
  color: var(--text-caption);
  transition: opacity 0.2s ease;
  flex-shrink: 0;
}
.input__clear-button svg {
  width: 20px;
  height: 20px;
  transform: scale(0.8);
}
.input__clear-button:hover {
  opacity: 0.8;
}
.input__clear-button:focus {
  outline: 2px solid var(--btn-primary);
  border-radius: 4px;
}
@media (max-width: 600px) {
  .input__clear-button {
    padding: 0.25rem;
  }
}
.input__helper-text {
  font-size: 0.875rem;
  color: var(--text-caption);
  margin-top: 0.25rem;
  padding: 0 0.5rem;
}
.input__error-text {
  font-size: 0.875rem;
  color: var(--text-error);
  margin-top: 0.25rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.input__error-text::before {
  content: "⚠";
}
.input__character-count {
  font-size: 0.75rem;
  color: var(--text-caption);
  text-align: right;
  margin-top: 0.25rem;
  padding: 0 0.5rem;
}
.input--error .input__container, .input--error .textarea__container {
  border-color: var(--text-error);
}
.input--error .input__container:focus-within, .input--error .textarea__container:focus-within {
  border-color: var(--text-error);
  box-shadow: 0 0 0 3px rgba(247, 74, 77, 0.1);
}
.input--error .input__field, .input--error .search-input__field, .input--error .textarea__field {
  color: var(--text-error);
}
.input--disabled .input__container, .input--disabled .textarea__container {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.input--disabled .input__field, .input--disabled .search-input__field, .input--disabled .textarea__field {
  background-color: transparent;
  color: var(--text-disabled);
  cursor: not-allowed;
}
.input--disabled .input__label {
  color: var(--text-disabled);
}
.input--success .input__container, .input--success .textarea__container {
  border-color: var(--approve);
}
.input--success .input__container:focus-within, .input--success .textarea__container:focus-within {
  border-color: var(--approve);
  box-shadow: 0 0 0 3px rgba(79, 171, 154, 0.1);
}
.input--small .input__container, .input--small .textarea__container {
  padding: 0.75rem 0.75rem;
}
.input--small .input__field, .input--small .search-input__field, .input--small .textarea__field {
  font-size: 0.875rem;
}
.input--small .input__label {
  font-size: 0.875rem;
}
.input--large .input__container, .input--large .textarea__container {
  padding: 1.5rem 1.25rem;
}
.input--large .input__field, .input--large .search-input__field, .input--large .textarea__field {
  font-size: 1.125rem;
}
.input--large .input__label {
  font-size: 1.125rem;
}
.input--full-width {
  width: 100%;
}
@media (max-width: 600px) {
  .input .input__container, .search-input .input__container, .input .textarea__container, .search-input .textarea__container, .textarea .input__container, .textarea .textarea__container {
    padding: 1rem 0.85rem;
  }
  .input .input__field, .input .search-input__field, .search-input .input__field, .search-input .search-input__field, .input .textarea__field, .search-input .textarea__field, .textarea .input__field, .textarea .search-input__field, .textarea .textarea__field {
    font-size: 0.95rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .input .input__container, .search-input .input__container, .input .textarea__container, .search-input .textarea__container, .textarea .input__container, .textarea .textarea__container,
  .input .input__field,
  .input .search-input__field,
  .search-input .input__field,
  .search-input .search-input__field,
  .input .textarea__field,
  .search-input .textarea__field,
  .textarea .input__field,
  .textarea .search-input__field,
  .textarea .textarea__field {
    transition: none;
  }
}
.textarea__field {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
}
.textarea__field--no-resize {
  resize: none;
}
.textarea__field--auto-resize {
  resize: none;
  overflow: hidden;
}
.textarea__container {
  align-items: flex-start;
}
.search-input__field {
  padding-left: 2.5rem;
}
[dir=rtl] .search-input__field {
  padding-left: 1rem;
  padding-right: 2.5rem;
}
.search-input__icon {
  position: absolute;
  left: 0.75rem;
  color: var(--text-caption);
}
[dir=rtl] .search-input__icon {
  left: auto;
  right: 0.75rem;
}
.input-group {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.input-group--vertical {
  flex-direction: column;
}
.input-group--horizontal {
  flex-direction: row;
}
.input-group--horizontal .input, .input-group--horizontal .textarea, .input-group--horizontal .search-input {
  flex: 1;
}
@media (max-width: 600px) {
  .input-group {
    flex-direction: column;
    gap: 0.75rem;
  }
}
[dir=rtl] .input__label {
  text-align: right;
}
[dir=rtl] .input__container, [dir=rtl] .textarea__container {
  flex-direction: row-reverse;
}
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0.125rem 0.375rem;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background-color: var(--text-error);
  color: var(--white);
}
.badge--notification {
  background-color: var(--text-error);
  color: var(--white);
}
.badge--unread {
  background-color: var(--btn-primary);
  color: var(--white);
}
.badge--success {
  background-color: var(--agree);
  color: var(--white);
}
.badge--warning {
  background-color: var(--text-warning);
  color: var(--white);
}
.badge--info {
  background-color: var(--accent);
  color: var(--white);
}
.badge--neutral {
  background-color: var(--text-caption);
  color: var(--white);
}
.badge--small {
  min-width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  padding: 0.0625rem 0.25rem;
}
.badge--large {
  min-width: 1.5rem;
  height: 1.5rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem;
}
.badge--top-right {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
}
[dir=rtl] .badge--top-right {
  right: auto;
  left: -0.375rem;
}
.badge--top-left {
  position: absolute;
  top: -0.375rem;
  left: -0.375rem;
}
[dir=rtl] .badge--top-left {
  left: auto;
  right: -0.375rem;
}
.badge--bottom-right {
  position: absolute;
  bottom: -0.375rem;
  right: -0.375rem;
}
[dir=rtl] .badge--bottom-right {
  right: auto;
  left: -0.375rem;
}
.badge--bottom-left {
  position: absolute;
  bottom: -0.375rem;
  left: -0.375rem;
}
[dir=rtl] .badge--bottom-left {
  left: auto;
  right: -0.375rem;
}
.badge--dot {
  min-width: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border-radius: 50%;
}
.badge--pill {
  border-radius: 100px;
  padding: 0.25rem 0.625rem;
}
.badge--square {
  border-radius: 3px;
}
.badge--pulse {
  animation: badgePulse 2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .badge--pulse {
    animation: none;
  }
}
.badge--hidden {
  display: none;
}
.badge-container {
  position: relative;
  display: inline-flex;
}
@keyframes badgePulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
}
.checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  line-height: 1.5;
  user-select: none;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.checkbox__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--icons-disabled, #b0b0b0);
  border-radius: 4px;
  background-color: transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.checkbox__box svg {
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  color: var(--white);
}
.checkbox__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.checkbox__icon svg {
  width: 100%;
  height: 100%;
  color: var(--icons-disabled, #b0b0b0);
  transition: color 0.2s ease;
}
.checkbox__label {
  flex: 1;
  font-size: 1rem;
  color: var(--text-disabled);
  transition: color 0.2s ease;
}
.checkbox__hint {
  display: block;
  font-size: 0.8125rem;
  color: var(--text-caption);
  margin-top: 0.125rem;
}
.checkbox--checked .checkbox__box {
  border-color: var(--icons-blue-dark, var(--btn-primary));
  background-color: var(--icons-blue-dark, var(--btn-primary));
}
.checkbox--checked .checkbox__box svg {
  opacity: 1;
  transform: scale(1);
}
.checkbox--checked .checkbox__icon svg {
  color: var(--icons-blue-dark, var(--btn-primary));
}
.checkbox--checked .checkbox__label {
  color: var(--text-body);
}
.checkbox--indeterminate .checkbox__box {
  border-color: var(--icons-blue-dark, var(--btn-primary));
  background-color: var(--icons-blue-dark, var(--btn-primary));
}
.checkbox--indeterminate .checkbox__box svg {
  opacity: 1;
  transform: scale(1);
}
.checkbox--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.checkbox--disabled .checkbox__box {
  border-color: var(--bg-disabled);
  background-color: var(--bg-disabled);
}
.checkbox--disabled .checkbox__label {
  color: var(--text-disabled);
}
.checkbox--error .checkbox__box {
  border-color: var(--text-error);
}
.checkbox--error .checkbox__label {
  color: var(--text-error);
}
.checkbox--small {
  gap: 0.5rem;
}
.checkbox--small .checkbox__box {
  width: 1rem;
  height: 1rem;
}
.checkbox--small .checkbox__icon {
  width: 20px;
  height: 20px;
}
.checkbox--small .checkbox__label {
  font-size: 0.875rem;
}
.checkbox--large {
  gap: 1rem;
}
.checkbox--large .checkbox__box {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 5px;
}
.checkbox--large .checkbox__icon {
  width: 28px;
  height: 28px;
}
.checkbox--large .checkbox__label {
  font-size: 1.125rem;
}
.checkbox:focus-within .checkbox__box {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.checkbox:hover:not(.checkbox--disabled) .checkbox__box {
  border-color: var(--btn-primary);
}
@media (prefers-reduced-motion: reduce) {
  .checkbox .checkbox__box,
  .checkbox .checkbox__box svg,
  .checkbox .checkbox__icon svg,
  .checkbox .checkbox__label {
    transition: none;
  }
}
.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.checkbox-group__label {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.checkbox-group__error {
  font-size: 0.875rem;
  color: var(--text-error);
  margin-top: 0.25rem;
}
.checkbox-group--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
}
.loader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.loader__spinner {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  transform: rotateZ(45deg);
}
.loader__spinner::before, .loader__spinner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
}
.loader__spinner::before {
  transform: rotateX(70deg);
  animation: loaderSpinBlue 1s linear infinite;
}
.loader__spinner::after {
  transform: rotateY(70deg);
  animation: loaderSpinAccent 1s linear infinite;
  animation-delay: 0.4s;
}
.loader__text {
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  color: var(--text-caption);
  margin-top: 0.75rem;
}
.loader--small .loader__spinner {
  width: 24px;
  height: 24px;
}
.loader--small .loader__text {
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.loader--large .loader__spinner {
  width: 64px;
  height: 64px;
}
.loader--large .loader__text {
  font-size: 1rem;
  margin-top: 1rem;
}
.loader--fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.8);
  flex-direction: column;
}
.loader--inline {
  display: inline-flex;
}
.loader--centered {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 0;
}
.loader--primary .loader__spinner::before {
  animation-name: loaderSpinPrimary;
}
.loader--white .loader__spinner::before {
  animation-name: loaderSpinWhite;
}
.loader--white .loader__spinner::after {
  animation-name: loaderSpinWhiteAccent;
}
.loader--white .loader__text {
  color: var(--white);
}
@media (prefers-reduced-motion: reduce) {
  .loader .loader__spinner::before, .loader .loader__spinner::after {
    animation-duration: 2s;
  }
}
@keyframes loaderSpinBlue {
  0%, 100% {
    box-shadow: 0.2em 0 0 0 var(--btn-primary, navy);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--btn-primary, navy);
  }
  25% {
    box-shadow: 0 0.2em 0 0 var(--btn-primary, navy);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--btn-primary, navy);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--btn-primary, navy);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--btn-primary, navy);
  }
  75% {
    box-shadow: 0 -0.2em 0 0 var(--btn-primary, navy);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--btn-primary, navy);
  }
}
@keyframes loaderSpinAccent {
  0%, 100% {
    box-shadow: 0.2em 0 0 0 var(--text-error, #ff3d00);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--text-error, #ff3d00);
  }
  25% {
    box-shadow: 0 0.2em 0 0 var(--text-error, #ff3d00);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--text-error, #ff3d00);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--text-error, #ff3d00);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--text-error, #ff3d00);
  }
  75% {
    box-shadow: 0 -0.2em 0 0 var(--text-error, #ff3d00);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--text-error, #ff3d00);
  }
}
@keyframes loaderSpinPrimary {
  0%, 100% {
    box-shadow: 0.2em 0 0 0 var(--btn-primary);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--btn-primary);
  }
  25% {
    box-shadow: 0 0.2em 0 0 var(--btn-primary);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--btn-primary);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--btn-primary);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--btn-primary);
  }
  75% {
    box-shadow: 0 -0.2em 0 0 var(--btn-primary);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--btn-primary);
  }
}
@keyframes loaderSpinWhite {
  0%, 100% {
    box-shadow: 0.2em 0 0 0 var(--white, white);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 var(--white, white);
  }
  25% {
    box-shadow: 0 0.2em 0 0 var(--white, white);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 var(--white, white);
  }
  50% {
    box-shadow: -0.2em 0 0 0 var(--white, white);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 var(--white, white);
  }
  75% {
    box-shadow: 0 -0.2em 0 0 var(--white, white);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 var(--white, white);
  }
}
@keyframes loaderSpinWhiteAccent {
  0%, 100% {
    box-shadow: 0.2em 0 0 0 rgba(255, 255, 255, 0.5);
  }
  12% {
    box-shadow: 0.2em 0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0 0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
  37% {
    box-shadow: -0.2em 0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: -0.2em 0 0 0 rgba(255, 255, 255, 0.5);
  }
  62% {
    box-shadow: -0.2em -0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
  75% {
    box-shadow: 0 -0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
  87% {
    box-shadow: 0.2em -0.2em 0 0 rgba(255, 255, 255, 0.5);
  }
}
@keyframes skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.skeleton {
  background: linear-gradient(90deg, var(--card-default) 0%, var(--border-light) 50%, var(--card-default) 100%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s ease-in-out infinite;
  border-radius: 4px;
}
.skeleton--text {
  height: 1rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.skeleton--title {
  height: 1.5rem;
  width: 60%;
  margin-bottom: 1rem;
}
.skeleton--avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.skeleton--button {
  height: 40px;
  width: 120px;
  border-radius: 20px;
}
.skeleton--card {
  height: 120px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.skeleton--header {
  height: 56px;
  width: 100%;
  border-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
  .skeleton {
    animation: none;
    background: var(--card-default);
  }
}
.skeleton-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: var(--padding);
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.skeleton-container--centered {
  align-items: center;
  justify-content: center;
  min-height: 50vh;
}
.skeleton-statement {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.skeleton-statement__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: var(--card-default);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.skeleton-statement__title {
  flex: 1;
}
.skeleton-statement__content {
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.skeleton-statement__card {
  background: var(--card-default);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
}
.skeleton-statement__card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.skeleton-statement__card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.skeleton-statement__fab {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.skeleton-statement__nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: var(--card-default);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.skeleton-statement__nav-item {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}
.toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 0.5rem;
}
.toggle input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.toggle__track {
  position: relative;
  width: 2.75rem;
  height: 1.5rem;
  background-color: var(--toggle-background);
  border-radius: 0.75rem;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.toggle__thumb {
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--card-default);
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}
.toggle__label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.toggle__hint {
  font-size: 0.8125rem;
  color: var(--text-caption);
  line-height: 1.4;
  margin-top: 0.125rem;
}
.toggle input[type=checkbox]:checked + .toggle__track {
  background-color: var(--btn-primary);
}
.toggle input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(1.25rem);
}
.toggle input[type=checkbox]:focus-visible + .toggle__track {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.toggle:hover .toggle__track {
  background-color: var(--btn-primary-hover);
  opacity: 0.8;
}
.toggle input[type=checkbox]:checked + .toggle__track:hover {
  background-color: var(--btn-primary-hover);
  opacity: 1;
}
.toggle--small .toggle__track {
  width: 2rem;
  height: 1.125rem;
}
.toggle--small .toggle__thumb {
  width: 0.875rem;
  height: 0.875rem;
}
.toggle--small input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(0.875rem);
}
.toggle--small .toggle__label {
  font-size: 0.875rem;
}
.toggle--large .toggle__track {
  width: 3.5rem;
  height: 2rem;
}
.toggle--large .toggle__thumb {
  width: 1.75rem;
  height: 1.75rem;
}
.toggle--large input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(1.5rem);
}
.toggle--large .toggle__label {
  font-size: 1rem;
}
.toggle--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.toggle--disabled .toggle__track {
  pointer-events: none;
}
.toggle--success input[type=checkbox]:checked + .toggle__track {
  background-color: var(--agree);
}
.toggle--warning input[type=checkbox]:checked + .toggle__track {
  background-color: var(--text-warning);
}
.toggle--with-labels .toggle__track {
  width: 3.5rem;
}
[dir=rtl] .toggle .toggle__thumb {
  left: auto;
  right: 0.125rem;
}
[dir=rtl] .toggle input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-1.25rem);
}
[dir=rtl] .toggle--small input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-0.875rem);
}
[dir=rtl] .toggle--large input[type=checkbox]:checked + .toggle__track .toggle__thumb {
  transform: translateX(-1.5rem);
}
@media (prefers-reduced-motion: reduce) {
  .toggle .toggle__thumb,
  .toggle .toggle__track {
    transition: none;
  }
}
.tooltip {
  position: relative;
  display: inline-flex;
}
.tooltip__trigger {
  display: inline-flex;
  cursor: pointer;
}
.tooltip__content {
  position: absolute;
  z-index: 9999;
  width: max-content;
  max-width: 220px;
  min-width: 80px;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-family: "Roboto", sans-serif;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  background-color: var(--text-title, rgba(0, 0, 0, 0.85));
  color: var(--white, #fff);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  animation: tooltipFadeIn 0.2s ease-out forwards;
}
@media (max-width: 600px) {
  .tooltip__content {
    max-width: 160px;
    min-width: 60px;
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
  }
}
.tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.tooltip--top .tooltip__content {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--top .tooltip__arrow {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-bottom: 0;
}
.tooltip--bottom .tooltip__content {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--bottom .tooltip__arrow {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-top: 0;
}
.tooltip--left .tooltip__content {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip--left .tooltip__arrow {
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-right: 0;
}
.tooltip--right .tooltip__content {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip--right .tooltip__arrow {
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-left: 0;
}
.tooltip--top-left .tooltip__content {
  bottom: calc(100% + 10px);
  right: 0;
}
.tooltip--top-left .tooltip__arrow {
  bottom: -10px;
  right: 1rem;
  border-top-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-bottom: 0;
}
.tooltip--top-right .tooltip__content {
  bottom: calc(100% + 10px);
  left: 0;
}
.tooltip--top-right .tooltip__arrow {
  bottom: -10px;
  left: 1rem;
  border-top-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-bottom: 0;
}
.tooltip--bottom-left .tooltip__content {
  top: calc(100% + 10px);
  right: 0;
}
.tooltip--bottom-left .tooltip__arrow {
  top: -10px;
  right: 1rem;
  border-bottom-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-top: 0;
}
.tooltip--bottom-right .tooltip__content {
  top: calc(100% + 10px);
  left: 0;
}
.tooltip--bottom-right .tooltip__arrow {
  top: -10px;
  left: 1rem;
  border-bottom-color: var(--text-title, rgba(0, 0, 0, 0.85));
  border-top: 0;
}
.tooltip--light .tooltip__content {
  background-color: var(--card-default);
  color: var(--text-body);
  border: 1px solid var(--border-light);
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
}
.tooltip--light.tooltip--top .tooltip__arrow {
  border-top-color: var(--white);
}
.tooltip--light.tooltip--bottom .tooltip__arrow {
  border-bottom-color: var(--white);
}
.tooltip--light.tooltip--left .tooltip__arrow {
  border-left-color: var(--white);
}
.tooltip--light.tooltip--right .tooltip__arrow {
  border-right-color: var(--white);
}
@media (prefers-reduced-motion: reduce) {
  .tooltip .tooltip__content {
    animation: none;
  }
}
@media (prefers-contrast: more) {
  .tooltip .tooltip__content {
    background-color: #000;
    color: #fff;
    border: 1px solid #fff;
  }
}
@keyframes tooltipFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.segmented-control {
  display: inline-flex;
  align-items: stretch;
  width: fit-content;
  background: var(--card-default, #f0f0f0);
  border-radius: 8px;
  padding: 3px;
  gap: 2px;
}
.segmented-control__segment {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 44px;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: var(--text-body);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  white-space: nowrap;
  position: relative;
}
.segmented-control__segment:hover:not(.segmented-control__segment--active) {
  background: var(--lighter, rgba(0, 0, 0, 0.05));
}
.segmented-control__segment:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
}
.segmented-control__segment--active {
  background: var(--btn-primary);
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.segmented-control__count {
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0.8;
}
@media (max-width: 600px) {
  .segmented-control {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .segmented-control::-webkit-scrollbar {
    display: none;
  }
  .segmented-control .segmented-control__segment {
    padding: 0.5rem 0.625rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .segmented-control .segmented-control__segment {
    transition: none;
  }
}
.branch-bell {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
  color: var(--text-caption);
}
.branch-bell:hover {
  background-color: var(--border-light);
}
.branch-bell:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.branch-bell__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}
.branch-bell__icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.5;
}
.branch-bell__dot {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--btn-primary);
}
[dir=rtl] .branch-bell__dot {
  right: auto;
  left: 4px;
}
.branch-bell--unsubscribed {
  color: var(--text-caption);
}
.branch-bell--instant {
  color: var(--btn-primary);
}
.branch-bell--instant .branch-bell__dot {
  background-color: var(--btn-primary);
}
.branch-bell--daily {
  color: var(--agree);
}
.branch-bell--daily .branch-bell__dot {
  background-color: var(--agree);
}
.branch-bell--weekly {
  color: var(--option);
}
.branch-bell--weekly .branch-bell__dot {
  background-color: var(--option);
}
.branch-bell--muted {
  color: var(--text-caption);
  opacity: 0.75;
}
.branch-bell--small {
  width: 1.5rem;
  height: 1.5rem;
}
.branch-bell--small .branch-bell__icon {
  width: 1rem;
  height: 1rem;
}
.branch-bell--small .branch-bell__dot {
  width: 5px;
  height: 5px;
  top: 2px;
  right: 2px;
}
[dir=rtl] .branch-bell--small .branch-bell__dot {
  right: auto;
  left: 2px;
}
.branch-bell--large {
  width: 2.5rem;
  height: 2.5rem;
}
.branch-bell--large .branch-bell__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.branch-bell--disabled {
  pointer-events: none;
  opacity: 0.4;
}
:root {
  --engagement-level-0: var(--text-caption);
  --engagement-level-1: var(--btn-primary);
  --engagement-level-2: var(--agree);
  --engagement-level-3: var(--option);
  --engagement-level-4: var(--group);
  --streak-flame: #ff6b35;
  --credit-earn: var(--agree);
  --progress-track: var(--border-light);
  --progress-fill: var(--btn-primary);
}
.level-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 100px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background-color: var(--engagement-level-0);
  color: var(--white);
}
.level-badge__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 0.625rem;
  font-weight: 700;
}
.level-badge__name {
  font-size: 0.6875rem;
}
.level-badge--observer {
  background-color: var(--engagement-level-0);
}
.level-badge--participant {
  background-color: var(--engagement-level-1);
}
.level-badge--contributor {
  background-color: var(--engagement-level-2);
}
.level-badge--advocate {
  background-color: var(--engagement-level-3);
  color: var(--text-title);
}
.level-badge--leader {
  background-color: var(--engagement-level-4);
}
.level-badge--small {
  padding: 0.0625rem 0.375rem;
  font-size: 0.625rem;
}
.level-badge--small .level-badge__icon {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.5rem;
}
.level-badge--small .level-badge__name {
  font-size: 0.5625rem;
}
.level-badge--large {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  gap: 0.375rem;
}
.level-badge--large .level-badge__icon {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0.75rem;
}
.level-badge--large .level-badge__name {
  font-size: 0.8125rem;
}
.level-badge--icon-only {
  padding: 0.25rem;
  border-radius: 50%;
}
.level-badge--icon-only .level-badge__name {
  display: none;
}
.level-progress {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}
.level-progress__bar {
  width: 100%;
  height: 4px;
  background-color: var(--progress-track);
  border-radius: 2px;
  overflow: hidden;
}
.level-progress__fill {
  height: 100%;
  border-radius: 2px;
  background-color: var(--progress-fill);
  transition: width 0.3s ease;
}
.level-progress__label {
  display: flex;
  justify-content: space-between;
  font-size: 0.6875rem;
  color: var(--text-caption);
}
.level-progress--thick .level-progress__bar {
  height: 8px;
  border-radius: 4px;
}
.level-progress--thick .level-progress__fill {
  border-radius: 4px;
}
.credit-toast {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 100px;
  background-color: var(--credit-earn);
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 700;
  animation: creditFloat 1.5s ease-out forwards;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .credit-toast {
    animation: creditFade 1s ease-out forwards;
  }
}
@keyframes creditFloat {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-24px);
  }
}
@keyframes creditFade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.streak-indicator {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--streak-flame);
}
.streak-indicator__flame {
  font-size: 1rem;
  line-height: 1;
}
.streak-indicator__count {
  line-height: 1;
}
.streak-indicator--at-risk {
  animation: streakPulse 1.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .streak-indicator--at-risk {
    animation: none;
  }
}
@keyframes streakPulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.profile-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: transform 0.1s ease, opacity 0.15s ease;
  text-decoration: none;
  flex-shrink: 0;
}
.profile-avatar:hover {
  opacity: 0.85;
}
.profile-avatar:active {
  transform: scale(0.92);
}
.profile-avatar:focus-visible {
  outline: 2px solid var(--white, #fff);
  outline-offset: 2px;
}
.profile-avatar__image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.profile-avatar__initials {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  color: var(--white, #fff);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
}
.profile-avatar--observer {
  border-color: rgba(255, 255, 255, 0.4);
}
.profile-avatar--participant {
  border-color: var(--engagement-level-1, #5f88e5);
}
.profile-avatar--contributor {
  border-color: var(--engagement-level-2, #57c6b2);
}
.profile-avatar--advocate {
  border-color: var(--engagement-level-3, #d4a017);
}
.profile-avatar--leader {
  border-color: var(--engagement-level-4, #7b5ea7);
}
.profile-avatar--medium {
  width: 40px;
  height: 40px;
}
.profile-avatar--medium .profile-avatar__initials {
  font-size: 0.875rem;
}
.profile-avatar--large {
  width: 56px;
  height: 56px;
  border-width: 3px;
}
.profile-avatar--large .profile-avatar__initials {
  font-size: 1.125rem;
}
.language-pill-anchor {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.language-pill {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.15s ease;
  user-select: none;
}
.language-pill:hover {
  background-color: color-mix(in srgb, currentColor 15%, transparent);
}
.language-pill:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.language-pill:active {
  transform: scale(0.95);
}
.language-pill__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6875rem;
  height: 1.6875rem;
  color: inherit;
}
.language-pill .language-pill__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.language-pill__code {
  position: absolute;
  bottom: -2px;
  inset-inline-end: -2px;
  min-width: 1.1rem;
  height: 0.85rem;
  padding: 0 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Open Sans", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--btn-primary);
  background-color: var(--card-default);
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.language-pill__hint {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--text-title);
  color: var(--white);
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.4rem 0.75rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  pointer-events: none;
  z-index: 1100;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.18);
}
.language-pill__hint::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background-color: var(--text-title);
}
.language-pill--open {
  background-color: color-mix(in srgb, currentColor 20%, transparent);
}
.language-pill--pulse {
  animation: language-pill-pulse 1.2s ease-in-out 2;
}
@media (prefers-reduced-motion: reduce) {
  .language-pill--pulse {
    animation: none;
  }
}
.language-pill--large {
  width: 3rem;
  height: 3rem;
  color: var(--btn-primary);
  background-color: var(--card-default);
  border: 1px solid var(--border-light);
  box-shadow: 0px 2px 6px rgba(38, 56, 84, 0.08);
}
.language-pill--large:hover {
  background-color: var(--toggle-background, rgba(95, 136, 229, 0.08));
}
.language-pill--large:focus-visible {
  outline-color: var(--btn-primary);
}
.language-pill--large .language-pill__icon {
  width: 1.875rem;
  height: 1.875rem;
}
.language-pill--large .language-pill__code {
  color: var(--white);
  background-color: var(--btn-primary);
  box-shadow: 0 1px 3px rgba(38, 56, 84, 0.25);
}
@keyframes language-pill-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55);
  }
  50% {
    transform: scale(1.12);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
}
.participation-funnel {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  animation: participation-funnel-fade-in 150ms ease-in;
}
@media (max-width: 600px) {
  .participation-funnel {
    flex-wrap: nowrap;
    overflow-x: auto;
    font-size: 0.75rem;
    line-height: 1.5;
    scrollbar-width: none;
  }
  .participation-funnel::-webkit-scrollbar {
    display: none;
  }
}
.participation-funnel__segment + .participation-funnel__segment::before {
  content: "·";
  margin-inline: 0.5em;
}
@keyframes participation-funnel-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .participation-funnel {
    animation: none;
  }
}
.card, .message-card {
  background-color: var(--card-default);
  border-radius: 8px;
  padding: var(--padding);
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
  display: flex;
  flex-direction: column;
}
.card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-light);
}
.card__title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: var(--h4-font-size);
  color: var(--text-title);
  margin: 0;
}
.card__subtitle {
  font-size: var(--p-font-size);
  color: var(--text-caption);
  margin-top: 0.25rem;
  font-weight: 400;
}
.card__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card__body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  flex: 1;
}
.card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-light);
}
.card__footer--space-between {
  justify-content: space-between;
}
.card__footer--start {
  justify-content: flex-start;
}
.card__footer--center {
  justify-content: center;
}
.card__media {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.card__media img,
.card__media video {
  width: 100%;
  height: auto;
  display: block;
}
.card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
[dir=rtl] .card__badge {
  right: auto;
  left: 0.75rem;
}
.card--elevated {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
}
.card--elevated:hover {
  transform: translateY(-2px);
  box-shadow: 0px 5px 10px rgba(115, 138, 191, 0.2), 0px 15px 20px rgba(115, 138, 191, 0.15), 0px 30px 25px rgba(115, 138, 191, 0.1);
}
.card--interactive {
  cursor: pointer;
  user-select: none;
}
.card--interactive:hover {
  box-shadow: 0px 5px 12px rgba(65, 98, 134, 0.2509803922);
}
.card--interactive:active {
  transform: scale(0.98);
}
.card--bordered {
  border: 2px solid var(--border-light);
}
.card--flat {
  box-shadow: none;
  border: 1px solid var(--border-light);
}
.card--question {
  background-color: var(--card-question-added);
  border-left: 4px solid var(--question);
  position: relative;
}
.card--question::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--question);
}
.card--suggestion {
  background-color: var(--card-suggestion-added);
  border-left: 4px solid var(--option);
  position: relative;
}
.card--suggestion::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background-color: var(--option);
}
.card--message {
  background-color: var(--card-other-message);
}
.card--error {
  background-color: var(--bg-error-light);
  border-left: 4px solid var(--text-error);
}
.card--success {
  background-color: var(--bg-success-light);
  border-left: 4px solid var(--agree);
}
.card--warning {
  background-color: var(--bg-warning-light);
  border-left: 4px solid var(--text-warning);
}
.card--info {
  background-color: var(--bg-info-light);
  border-left: 4px solid var(--accent);
}
.card--selected {
  border: 2px solid var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
.card--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.card--loading {
  position: relative;
  pointer-events: none;
}
.card--loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.card--compact {
  padding: 0.75rem;
}
.card--compact .card__header {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.card--compact .card__title {
  font-size: 1.1rem;
}
.card--compact .card__footer {
  margin-top: 0.75rem;
  padding-top: 0.5rem;
}
.card--spacious {
  padding: 2rem;
}
.card--spacious .card__header {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
.card--spacious .card__footer {
  margin-top: 1.5rem;
  padding-top: 1rem;
}
.card--horizontal {
  flex-direction: row;
  align-items: center;
}
.card--horizontal .card__media {
  width: 200px;
  margin-bottom: 0;
  margin-right: 1rem;
  flex-shrink: 0;
}
[dir=rtl] .card--horizontal .card__media {
  margin-right: 0;
  margin-left: 1rem;
}
@media (max-width: 600px) {
  .card--horizontal {
    flex-direction: column;
  }
  .card--horizontal .card__media {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
  [dir=rtl] .card--horizontal .card__media {
    margin-left: 0;
    margin-bottom: 1rem;
  }
}
.card--full-width {
  width: 100%;
}
.card--centered {
  text-align: center;
}
.card--centered .card__header,
.card--centered .card__footer {
  justify-content: center;
}
.card--shadow-sm {
  box-shadow: 0px 2px 4px rgba(115, 138, 191, 0.1);
}
.card--shadow-md {
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
}
.card--shadow-lg {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
}
.card--shadow-none {
  box-shadow: none;
}
@media (max-width: 600px) {
  .card, .message-card {
    padding: 0.75rem;
  }
  .card .card__title, .message-card .card__title {
    font-size: 1.1rem;
  }
  .card .card__header, .message-card .card__header {
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
  }
  .card .card__footer, .message-card .card__footer {
    margin-top: 0.75rem;
    padding-top: 0.5rem;
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card, .message-card {
    transition: none;
  }
  .card:hover, .message-card:hover {
    transform: none;
  }
  .card:active, .message-card:active {
    transform: none;
  }
}
.card-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
.card-list--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
@media (max-width: 600px) {
  .card-list--grid {
    grid-template-columns: 1fr;
  }
}
.card-list--horizontal {
  flex-direction: row;
  overflow-x: auto;
  gap: 1rem;
  padding-bottom: 0.5rem;
}
.card-list--horizontal .card, .card-list--horizontal .message-card {
  flex-shrink: 0;
  width: 300px;
}
@media (max-width: 600px) {
  .card-list--horizontal .card, .card-list--horizontal .message-card {
    width: 280px;
  }
}
.card-list--compact {
  gap: 0.5rem;
}
.card-list--spacious {
  gap: 2rem;
}
.message-card {
  padding: 0.75rem 1rem;
  border-radius: 12px;
  max-width: 70%;
  position: relative;
}
.message-card--user {
  background-color: var(--card-default);
  border: 1px solid var(--border-light);
  align-self: flex-end;
  border-bottom-right-radius: 4px;
}
[dir=rtl] .message-card--user {
  align-self: flex-start;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 4px;
}
.message-card--other {
  background-color: var(--bg-success-light);
  align-self: flex-start;
  border-bottom-left-radius: 4px;
}
[dir=rtl] .message-card--other {
  align-self: flex-end;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 4px;
}
@media (max-width: 600px) {
  .message-card {
    max-width: 85%;
    padding: 0.625rem 0.875rem;
  }
}
[dir=rtl] .card--question, [dir=rtl] .card--suggestion, [dir=rtl] .card--error, [dir=rtl] .card--success, [dir=rtl] .card--warning, [dir=rtl] .card--info {
  border-left: none;
  border-right: 4px solid;
}
[dir=rtl] .card--question::before, [dir=rtl] .card--suggestion::before, [dir=rtl] .card--error::before, [dir=rtl] .card--success::before, [dir=rtl] .card--warning::before, [dir=rtl] .card--info::before {
  left: auto;
  right: 0;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
}
.modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.modal__content {
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
  position: relative;
  z-index: 1;
  background-color: var(--card-default);
  border-radius: 0.5rem;
  padding: 1.5rem;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
  transform: scale(0.9);
  transition: transform 0.3s ease;
}
.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-light);
}
.modal__title {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
  margin: 0;
  font-size: var(--h3-font-size);
  color: var(--text-title);
  margin: 0;
}
.modal__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-caption);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.modal__close-button:hover {
  background-color: var(--bg-hover);
}
.modal__close-button:focus {
  outline: 2px solid var(--btn-primary);
}
.modal__close-button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.modal__body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  margin-bottom: 1rem;
}
.modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-light);
}
.modal__footer--space-between {
  justify-content: space-between;
}
.modal__footer--center {
  justify-content: center;
}
.modal__footer--start {
  justify-content: flex-start;
}
.modal--open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.modal--open .modal__content {
  transform: scale(1);
}
.modal--small .modal__content {
  width: 400px;
  max-width: 90vw;
}
.modal--medium .modal__content {
  width: 600px;
  max-width: 90vw;
}
.modal--large .modal__content {
  width: 800px;
  max-width: 90vw;
}
.modal--full-screen .modal__content {
  width: 95vw;
  height: 95vh;
  max-width: none;
  max-height: none;
  border-radius: 0.5rem;
}
@media (max-width: 600px) {
  .modal--full-screen .modal__content {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}
.modal--bottom-sheet {
  align-items: flex-end;
}
.modal--bottom-sheet .modal__content {
  width: 100%;
  max-width: 100vw;
  border-radius: 1rem 1rem 0 0;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.modal--bottom-sheet.modal--open .modal__content {
  transform: translateY(0);
}
.modal--centered .modal__content {
  text-align: center;
}
.modal--centered .modal__footer {
  justify-content: center;
}
.modal--no-padding .modal__content {
  padding: 0;
}
.modal--primary .modal__content {
  background: linear-gradient(135deg, var(--mainBackground) 0%, var(--btn-primary) 100%);
  color: var(--white);
}
.modal--primary .modal__title {
  color: var(--white);
}
.modal--primary .modal__body {
  color: var(--white);
}
.modal--primary .modal__close-button {
  color: var(--white);
}
.modal--primary .modal__close-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.modal--warning .modal__header {
  border-bottom-color: var(--text-warning);
}
.modal--warning .modal__title {
  color: var(--text-warning);
}
.modal--error .modal__header {
  border-bottom-color: var(--text-error);
}
.modal--error .modal__title {
  color: var(--text-error);
}
.modal--success .modal__header {
  border-bottom-color: var(--agree);
}
.modal--success .modal__title {
  color: var(--agree);
}
@media (max-width: 600px) {
  .modal .modal__content {
    width: 95vw;
    padding: 1rem;
    max-height: 85vh;
  }
  .modal .modal__header {
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .modal .modal__title {
    font-size: 1.3rem;
  }
  .modal .modal__footer {
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .modal {
    transition: none;
  }
  .modal .modal__content {
    transition: none;
    transform: scale(1);
  }
  .modal.modal--open .modal__content {
    transform: scale(1);
  }
  .modal.modal--bottom-sheet .modal__content {
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes slideInUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-open {
  overflow: hidden;
  padding-right: var(--scrollbar-width, 0);
}
.toast {
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.15), 0px 11px 11px rgba(115, 138, 191, 0.12), 0px 26px 16px rgba(115, 138, 191, 0.08);
  position: fixed;
  z-index: 9999;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background-color: var(--card-default);
  border-radius: 0.5rem;
  min-width: 300px;
  max-width: 500px;
  pointer-events: auto;
  opacity: 0;
  transform: translateY(-1rem);
  animation: toastSlideIn 0.3s ease forwards;
}
.toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.toast__icon svg {
  width: 100%;
  height: 100%;
}
.toast__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.toast__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}
.toast__message {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-body);
  margin: 0;
}
.toast__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--text-caption);
  border-radius: 50%;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.toast__close-button:hover {
  background-color: var(--bg-hover);
}
.toast__close-button svg {
  width: 1rem;
  height: 1rem;
}
.toast__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background-color: currentColor;
  border-radius: 0 0 0.5rem 0.5rem;
  transform-origin: left;
  animation: toastProgress var(--toast-duration, 5s) linear forwards;
}
.toast--success {
  background-color: var(--bg-success-light);
  border-left: 4px solid var(--agree);
  color: var(--agree);
}
.toast--success .toast__title {
  color: var(--agree);
}
.toast--error {
  background-color: var(--bg-error-light);
  border-left: 4px solid var(--text-error);
  color: var(--text-error);
}
.toast--error .toast__title {
  color: var(--text-error);
}
.toast--warning {
  background-color: var(--bg-warning-light);
  border-left: 4px solid var(--text-warning);
  color: var(--text-warning);
}
.toast--warning .toast__title {
  color: var(--text-warning);
}
.toast--info {
  background-color: var(--bg-info-light);
  border-left: 4px solid var(--btn-primary);
  color: var(--btn-primary);
}
.toast--info .toast__title {
  color: var(--btn-primary);
}
.toast--default {
  background-color: var(--card-default);
  border-left: 4px solid var(--text-caption);
}
.toast--top-right {
  top: 1rem;
  right: 1rem;
}
[dir=rtl] .toast--top-right {
  right: auto;
  left: 1rem;
}
.toast--top-left {
  top: 1rem;
  left: 1rem;
}
[dir=rtl] .toast--top-left {
  left: auto;
  right: 1rem;
}
.toast--top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%) translateY(-1rem);
}
.toast--top-center.toast--visible {
  transform: translateX(-50%) translateY(0);
}
.toast--bottom-right {
  bottom: 1rem;
  right: 1rem;
  transform: translateY(1rem);
}
[dir=rtl] .toast--bottom-right {
  right: auto;
  left: 1rem;
}
.toast--bottom-right.toast--visible {
  transform: translateY(0);
}
.toast--bottom-left {
  bottom: 1rem;
  left: 1rem;
  transform: translateY(1rem);
}
[dir=rtl] .toast--bottom-left {
  left: auto;
  right: 1rem;
}
.toast--bottom-left.toast--visible {
  transform: translateY(0);
}
.toast--bottom-center {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%) translateY(1rem);
}
.toast--bottom-center.toast--visible {
  transform: translateX(-50%) translateY(0);
}
.toast--visible {
  opacity: 1;
  transform: translateY(0);
}
.toast--dismissing {
  animation: toastSlideOut 0.3s ease forwards;
}
@media (max-width: 600px) {
  .toast {
    min-width: auto;
    max-width: calc(100vw - 2rem);
    padding: 0.875rem 1rem;
  }
  .toast__title {
    font-size: 0.875rem;
  }
  .toast__message {
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .toast {
    animation: none;
    transform: translateY(0);
  }
  .toast--visible {
    transform: translateY(0);
  }
  .toast--dismissing {
    animation: none;
    opacity: 0;
  }
  .toast .toast__progress {
    animation: none;
  }
}
.toast-container {
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  pointer-events: none;
}
.toast-container--top-right {
  top: 1rem;
  right: 1rem;
}
[dir=rtl] .toast-container--top-right {
  right: auto;
  left: 1rem;
}
.toast-container--top-left {
  top: 1rem;
  left: 1rem;
}
[dir=rtl] .toast-container--top-left {
  left: auto;
  right: 1rem;
}
.toast-container--top-center {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.toast-container--bottom-right {
  bottom: 1rem;
  right: 1rem;
}
[dir=rtl] .toast-container--bottom-right {
  right: auto;
  left: 1rem;
}
.toast-container--bottom-left {
  bottom: 1rem;
  left: 1rem;
}
[dir=rtl] .toast-container--bottom-left {
  left: auto;
  right: 1rem;
}
.toast-container--bottom-center {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
@media (max-width: 600px) {
  .toast-container {
    max-width: 100vw;
    left: 1rem;
    right: 1rem;
  }
}
@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(-1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toastSlideOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-1rem);
  }
}
@keyframes toastProgress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
[dir=rtl] .toast--success, [dir=rtl] .toast--error, [dir=rtl] .toast--warning, [dir=rtl] .toast--info, [dir=rtl] .toast--default {
  border-left: none;
  border-right: 4px solid;
}
[dir=rtl] .toast__progress {
  transform-origin: right;
}
.user-profile-popover {
  position: absolute;
  z-index: 9999;
  background-color: var(--card-raised);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 4px 16px var(--shadow);
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
  pointer-events: none;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
}
.user-profile-popover__avatar-container {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.user-profile-popover__avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--border-light);
}
.user-profile-popover__avatar--active {
  border-color: var(--agree);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}
.user-profile-popover__avatar-default {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--btn-primary), var(--btn-purple-default));
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--border-light);
}
.user-profile-popover__avatar-default--active {
  border-color: var(--agree);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.2);
}
.user-profile-popover__initial {
  font-size: 2rem;
  font-weight: 600;
  color: var(--white);
}
.user-profile-popover__name {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
  text-align: center;
  margin: 0;
  word-break: break-word;
}
.user-profile-popover__status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-caption);
}
.user-profile-popover__status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-caption);
}
.user-profile-popover__status-indicator--active {
  background-color: var(--agree);
}
.user-profile-popover__arrow {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--card-raised);
  filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.05));
}
.user-profile-popover--visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0s;
  pointer-events: auto;
}
.user-profile-popover--position-top {
  top: auto;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(8px);
}
.user-profile-popover--position-top.user-profile-popover--visible {
  transform: translateX(-50%) translateY(0);
}
.user-profile-popover--position-top .user-profile-popover__arrow {
  top: 100%;
  bottom: auto;
  border-bottom: none;
  border-top: 8px solid var(--card-raised);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.05));
}
.user-profile-popover--position-left {
  left: 0;
  transform: translateX(0) translateY(-8px);
}
.user-profile-popover--position-left.user-profile-popover--visible {
  transform: translateX(0) translateY(0);
}
.user-profile-popover--position-left .user-profile-popover__arrow {
  left: 1rem;
  transform: translateX(0);
}
.user-profile-popover--position-right {
  left: auto;
  right: 0;
  transform: translateX(0) translateY(-8px);
}
.user-profile-popover--position-right.user-profile-popover--visible {
  transform: translateX(0) translateY(0);
}
.user-profile-popover--position-right .user-profile-popover__arrow {
  left: auto;
  right: 1rem;
  transform: translateX(0);
}
@media (max-width: 600px) {
  .user-profile-popover {
    min-width: 180px;
    padding: 0.875rem;
  }
  .user-profile-popover__avatar, .user-profile-popover__avatar-default {
    width: 64px;
    height: 64px;
  }
  .user-profile-popover__initial {
    font-size: 1.5rem;
  }
  .user-profile-popover__name {
    font-size: 0.9375rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .user-profile-popover {
    transition: opacity 0.1s ease, visibility 0s linear 0.1s;
    transform: translateX(-50%) translateY(0);
  }
  .user-profile-popover--visible {
    transition-delay: 0s;
  }
  .user-profile-popover--position-top {
    transform: translateX(-50%) translateY(0);
  }
  .user-profile-popover--position-left, .user-profile-popover--position-right {
    transform: translateX(0) translateY(0);
  }
}
.rich-text-editor {
  background-color: var(--card-default);
  border-radius: 8px;
  padding: var(--padding);
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
  display: flex;
  flex-direction: column;
  min-height: 300px;
  max-height: 80vh;
}
.rich-text-editor__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-light);
  background-color: var(--card-default);
  position: sticky;
  top: 0;
  z-index: 10;
}
.rich-text-editor__toolbar-group {
  display: flex;
  gap: 0.125rem;
  padding-inline-end: 0.5rem;
  border-inline-end: 1px solid var(--border-light);
}
.rich-text-editor__toolbar-group:last-child {
  border-inline-end: none;
  padding-inline-end: 0;
}
.rich-text-editor__toolbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.15s ease;
  font-size: 0.875rem;
  font-weight: 500;
}
.rich-text-editor__toolbar-button:hover {
  background-color: var(--btn-secondary);
  color: var(--text-title);
}
.rich-text-editor__toolbar-button--active {
  background-color: var(--btn-primary);
  color: white;
}
.rich-text-editor__toolbar-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rich-text-editor__toolbar-button svg {
  width: 1rem;
  height: 1rem;
}
.rich-text-editor__content {
  flex: 1;
  padding: 1rem;
  overflow-y: auto;
  min-height: 200px;
}
.rich-text-editor__content .ProseMirror {
  outline: none;
  min-height: 100%;
}
.rich-text-editor__content .ProseMirror > * + * {
  margin-top: 0.75rem;
}
.rich-text-editor__content .ProseMirror h1 {
  font-size: var(--h1-font-size);
  font-weight: 700;
  color: var(--text-title);
  line-height: 1.2;
}
.rich-text-editor__content .ProseMirror h2 {
  font-size: var(--h2-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.25;
}
.rich-text-editor__content .ProseMirror h3 {
  font-size: var(--h3-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.3;
}
.rich-text-editor__content .ProseMirror h4 {
  font-size: var(--h4-font-size);
  font-weight: 600;
  color: var(--text-title);
  line-height: 1.35;
}
.rich-text-editor__content .ProseMirror h5 {
  font-size: var(--h5-font-size);
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.rich-text-editor__content .ProseMirror h6 {
  font-size: var(--h6-font-size);
  font-weight: 500;
  color: var(--text-title);
  line-height: 1.4;
}
.rich-text-editor__content .ProseMirror p {
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.6;
}
.rich-text-editor__content .ProseMirror ul,
.rich-text-editor__content .ProseMirror ol {
  padding-inline-start: 1.5rem;
}
.rich-text-editor__content .ProseMirror ul li,
.rich-text-editor__content .ProseMirror ol li {
  margin-top: 0.25rem;
}
.rich-text-editor__content .ProseMirror ul li p,
.rich-text-editor__content .ProseMirror ol li p {
  margin: 0;
}
.rich-text-editor__content .ProseMirror ul {
  list-style-type: disc;
}
.rich-text-editor__content .ProseMirror ul li::marker {
  color: var(--text-caption);
}
.rich-text-editor__content .ProseMirror ol {
  list-style-type: decimal;
}
.rich-text-editor__content .ProseMirror ol li::marker {
  color: var(--text-caption);
}
.rich-text-editor__content .ProseMirror p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  color: var(--text-caption);
  pointer-events: none;
  height: 0;
}
.rich-text-editor__block {
  position: relative;
  padding: 0.5rem;
  margin: 0.25rem 0;
  border-radius: 4px;
  transition: background-color 0.15s ease;
}
.rich-text-editor__block:hover {
  background-color: var(--bg-hover);
}
.rich-text-editor__block--selected {
  background-color: var(--bg-selected);
  outline: 2px solid var(--btn-primary);
}
.rich-text-editor__block--dragging {
  opacity: 0.5;
  background-color: var(--bg-selected);
}
.rich-text-editor__block-handle {
  position: absolute;
  inset-inline-start: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  color: var(--text-caption);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.rich-text-editor__block-handle:active {
  cursor: grabbing;
}
.rich-text-editor__block:hover .rich-text-editor__block-handle {
  opacity: 1;
}
.rich-text-editor__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-light);
  background-color: var(--card-default);
}
.rich-text-editor__save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  background-color: var(--btn-primary);
  color: white;
}
.rich-text-editor__save-btn:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.rich-text-editor__save-btn:active {
  transform: scale(0.98);
}
.rich-text-editor__save-btn:hover {
  background-color: var(--btn-primary-hover);
}
.rich-text-editor__save-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.rich-text-editor__cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  background-color: var(--btn-secondary);
  color: var(--text-body);
}
.rich-text-editor__cancel-btn:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.rich-text-editor__cancel-btn:active {
  transform: scale(0.98);
}
.rich-text-editor__cancel-btn:hover {
  background-color: var(--btn-secondary-hover);
}
.rich-text-editor--fullscreen {
  position: fixed;
  inset: 0;
  z-index: 1000;
  max-height: none;
  border-radius: 0;
}
.rich-text-editor--compact {
  min-height: 150px;
  max-height: 60vh;
}
.rich-text-editor--compact .rich-text-editor__content {
  min-height: 100px;
}
.rich-text-editor--disabled {
  pointer-events: none;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .rich-text-editor__toolbar {
    padding: 0.5rem;
    gap: 0.125rem;
  }
  .rich-text-editor__toolbar-button {
    width: 2.5rem;
    height: 2.5rem;
  }
  .rich-text-editor__content {
    padding: 0.75rem;
  }
  .rich-text-editor__actions {
    flex-direction: column;
    gap: 0.5rem;
  }
  .rich-text-editor__actions button {
    width: 100%;
  }
}
.multi-suggestion-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  z-index: var(--modal-z-index, 1000);
  padding: var(--padding, 1rem);
  background-color: var(--card-default, #ffffff);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.multi-suggestion-modal__overlay {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: calc(var(--modal-z-index, 1000) - 1);
}
.multi-suggestion-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-light, #e0e0e0);
}
.multi-suggestion-modal__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title, #1a1a2e);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
.multi-suggestion-modal__close-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  color: var(--text-caption, #666);
  border-radius: 4px;
  transition: background-color 0.2s;
}
.multi-suggestion-modal__close-btn:hover {
  background-color: var(--page-background, #f5f5f5);
}
.multi-suggestion-modal__description {
  color: var(--text-body, #3d4d71);
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.multi-suggestion-modal__original {
  background-color: var(--page-background, #f5f5f5);
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  border-left: 3px solid var(--accent, #5f88e5);
}
.multi-suggestion-modal__original-label {
  font-weight: 500;
  color: var(--text-caption, #666);
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.multi-suggestion-modal__original-text {
  color: var(--text-body, #3d4d71);
  font-style: italic;
}
.multi-suggestion-modal__suggestions-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.multi-suggestion-modal__footer {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-light, #e0e0e0);
}
@media (max-width: 480px) {
  .multi-suggestion-modal__footer {
    flex-direction: column-reverse;
  }
}
.multi-suggestion-modal__footer-left {
  display: flex;
  gap: 0.5rem;
}
.multi-suggestion-modal__footer-right {
  display: flex;
  gap: 0.5rem;
}
.multi-suggestion-modal__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  gap: 1rem;
  color: var(--text-caption, #666);
}
.suggestion-edit-card {
  border: 2px solid var(--border-light, #e0e0e0);
  border-radius: 8px;
  padding: 1rem;
  background-color: var(--card-default, #ffffff);
  transition: border-color 0.2s, background-color 0.2s;
}
.suggestion-edit-card--removed {
  opacity: 0.5;
  border-color: var(--text-error, #dc2626);
  background-color: rgba(220, 38, 38, 0.05);
}
.suggestion-edit-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.suggestion-edit-card__number {
  background-color: var(--btn-primary, #5f88e5);
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
}
.suggestion-edit-card__actions {
  display: flex;
  gap: 0.5rem;
}
.suggestion-edit-card__action-btn {
  background: none;
  border: 1px solid var(--border-light, #e0e0e0);
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  color: var(--text-caption, #666);
  font-size: 0.75rem;
  transition: background-color 0.2s, color 0.2s;
}
.suggestion-edit-card__action-btn:hover {
  background-color: var(--page-background, #f5f5f5);
}
.suggestion-edit-card__action-btn--remove {
  color: var(--text-error, #dc2626);
  border-color: var(--text-error, #dc2626);
}
.suggestion-edit-card__action-btn--remove:hover {
  background-color: rgba(220, 38, 38, 0.1);
}
.suggestion-edit-card__action-btn--restore {
  color: var(--agree, #16a34a);
  border-color: var(--agree, #16a34a);
}
.suggestion-edit-card__action-btn--restore:hover {
  background-color: rgba(22, 163, 74, 0.1);
}
.suggestion-edit-card__title-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-light, #e0e0e0);
  border-radius: 4px;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
}
.suggestion-edit-card__title-input:focus {
  border-color: var(--btn-primary, #5f88e5);
  outline: none;
}
.suggestion-edit-card__title-input:disabled {
  background-color: var(--page-background, #f5f5f5);
  cursor: not-allowed;
}
.suggestion-edit-card__description-input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--border-light, #e0e0e0);
  border-radius: 4px;
  resize: vertical;
  min-height: 60px;
  font-family: inherit;
  font-size: 0.875rem;
  color: var(--text-body, #3d4d71);
}
.suggestion-edit-card__description-input:focus {
  border-color: var(--btn-primary, #5f88e5);
  outline: none;
}
.suggestion-edit-card__description-input:disabled {
  background-color: var(--page-background, #f5f5f5);
  cursor: not-allowed;
}
.suggestion-edit-card__original-text {
  font-size: 0.75rem;
  color: var(--text-caption, #666);
  margin-top: 0.5rem;
  font-style: italic;
}
.similarity-card {
  position: relative;
  background: var(--card-default);
  border-radius: 12px;
  padding: 1.25rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  width: 100%;
  text-align: start;
}
.similarity-card:hover {
  border-color: var(--btn-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(95, 136, 229, 0.15);
}
.similarity-card:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.similarity-card__badge {
  position: absolute;
  top: -10px;
  inset-inline-end: 20px;
  background: var(--agree);
  color: var(--white);
  padding: 0.25rem 0.75rem;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.similarity-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.similarity-card__meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.similarity-card__score {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: var(--agree);
  font-weight: 600;
}
.similarity-card__score::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}
.similarity-card__supporters {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
  color: var(--text-caption);
}
.similarity-card__supporters svg {
  width: 14px;
  height: 14px;
}
.similarity-card__title {
  font-size: 1.1rem;
  color: var(--text-title);
  line-height: 1.5;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.similarity-card__description {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.similarity-card__action {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}
.similarity-card--user-own {
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.08) 0%, rgba(124, 172, 248, 0.08) 100%);
  border: 2px solid var(--agree);
}
.similarity-card--user-own .similarity-card__badge {
  display: block;
}
.similarity-card--user-own:hover {
  border-color: var(--agree);
  box-shadow: 0 4px 20px rgba(87, 198, 178, 0.2);
}
.similarity-card--best-match {
  border-color: var(--btn-primary);
  box-shadow: 0 4px 20px rgba(95, 136, 229, 0.12);
}
.similarity-card--best-match .similarity-card__badge {
  background: var(--btn-primary);
}
.similarity-card--animate {
  animation: similarityCardEnter 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
  transform: translateY(20px);
}
.similarity-card--animate:nth-child(1) {
  animation-delay: 0.1s;
}
.similarity-card--animate:nth-child(2) {
  animation-delay: 0.2s;
}
.similarity-card--animate:nth-child(3) {
  animation-delay: 0.3s;
}
.similarity-card--animate:nth-child(4) {
  animation-delay: 0.4s;
}
.similarity-card--animate:nth-child(5) {
  animation-delay: 0.5s;
}
.similarity-card--animate:nth-child(6) {
  animation-delay: 0.6s;
}
.similarity-card--animate:nth-child(7) {
  animation-delay: 0.7s;
}
.similarity-card--animate:nth-child(8) {
  animation-delay: 0.8s;
}
.similarity-card--animate:nth-child(9) {
  animation-delay: 0.9s;
}
.similarity-card--animate:nth-child(10) {
  animation-delay: 1s;
}
@keyframes similarityCardEnter {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.similarity-cards-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.similarity-cards-container__section {
  margin-bottom: 1.5rem;
}
.similarity-cards-container__section-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}
.similarity-cards-container__section-header h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--text-title);
  font-weight: 600;
}
.similarity-cards-container__section-subtitle {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin-bottom: 1rem;
  line-height: 1.5;
}
.similarity-cards-container__divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  color: var(--text-caption);
  font-size: 0.85rem;
}
.similarity-cards-container__divider::before, .similarity-cards-container__divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border);
}
@media (max-width: 768px) {
  .similarity-card {
    padding: 1rem;
  }
  .similarity-card__badge {
    font-size: 0.65rem;
    padding: 0.2rem 0.5rem;
  }
  .similarity-card__title {
    font-size: 1rem;
  }
  .similarity-card__meta {
    gap: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .similarity-card {
    transition: none;
  }
  .similarity-card--animate {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .similarity-card:hover {
    transform: none;
  }
}
.inherited-demographics {
  margin-bottom: 1.5rem;
  border-radius: 12px;
  background-color: var(--surface-background);
  border: 1px solid var(--border-primary);
  overflow: hidden;
  transition: all 0.3s ease;
}
.inherited-demographics__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  cursor: pointer;
  background-color: var(--card-default);
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.inherited-demographics__header:hover {
  background-color: rgba(95, 136, 229, 0.04);
}
.inherited-demographics__icon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--btn-primary);
  flex-shrink: 0;
}
.inherited-demographics__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
  flex: 1;
}
.inherited-demographics__subtitle {
  font-size: 0.8125rem;
  color: var(--text-caption);
  margin: 0.125rem 0 0 2.25rem;
}
.inherited-demographics__expand-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--text-caption);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.inherited-demographics__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: var(--btn-primary);
  color: var(--white);
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
}
.inherited-demographics__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.inherited-demographics__inner {
  padding: 1rem 1.25rem;
}
.inherited-demographics__empty {
  text-align: center;
  padding: 2rem;
  color: var(--text-caption);
  font-style: italic;
}
.inherited-demographics__empty svg {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}
.inherited-demographics__source-group {
  margin-bottom: 1.25rem;
}
.inherited-demographics__source-group:last-child {
  margin-bottom: 0;
}
.inherited-demographics__source-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed var(--border-primary);
}
.inherited-demographics__source-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.inherited-demographics__source-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-title);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inherited-demographics__source-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.5rem;
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.inherited-demographics__source-badge--group {
  background-color: rgba(184, 147, 231, 0.15);
  color: var(--group);
}
.inherited-demographics__source-badge--discussion {
  background-color: rgba(71, 180, 239, 0.15);
  color: var(--question);
}
.inherited-demographics__questions-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inherited-demographics__question-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background-color: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-primary);
  transition: all 0.2s ease;
}
.inherited-demographics__question-item:hover {
  border-color: var(--btn-primary-hover);
}
.inherited-demographics__question-item--excluded {
  background-color: var(--surface-background);
  border-color: transparent;
  opacity: 0.7;
}
.inherited-demographics__question-item--excluded .inherited-demographics__question-text,
.inherited-demographics__question-item--excluded .inherited-demographics__question-meta {
  color: var(--text-disabled);
}
.inherited-demographics__question-item--excluded:hover {
  opacity: 0.85;
  border-color: var(--border-primary);
}
.inherited-demographics__question-toggle {
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.inherited-demographics__question-content {
  flex: 1;
  min-width: 0;
}
.inherited-demographics__question-text {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title);
  margin: 0 0 0.25rem 0;
  line-height: 1.4;
}
.inherited-demographics__question-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.8125rem;
  color: var(--text-caption);
}
.inherited-demographics__question-type {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.inherited-demographics__question-type svg {
  width: 0.875rem;
  height: 0.875rem;
}
.inherited-demographics__question-options-count {
  color: var(--text-caption);
}
.inherited-demographics__excluded-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.375rem;
  background-color: rgba(116, 132, 169, 0.15);
  color: var(--text-caption);
  border-radius: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.inherited-demographics--expanded .inherited-demographics__header {
  border-bottom-color: var(--border-primary);
}
.inherited-demographics--expanded .inherited-demographics__expand-icon {
  transform: rotate(180deg);
}
.inherited-demographics--expanded .inherited-demographics__content {
  max-height: 1000px;
}
.inherited-demographics--loading .inherited-demographics__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.inherited-demographics--compact .inherited-demographics__header {
  padding: 0.75rem 1rem;
}
.inherited-demographics--compact .inherited-demographics__inner {
  padding: 0.75rem 1rem;
}
.inherited-demographics--compact .inherited-demographics__question-item {
  padding: 0.625rem 0.75rem;
}
@media (max-width: 600px) {
  .inherited-demographics {
    margin-bottom: 1rem;
  }
  .inherited-demographics .inherited-demographics__header {
    padding: 0.875rem 1rem;
  }
  .inherited-demographics .inherited-demographics__title {
    font-size: 0.9375rem;
  }
  .inherited-demographics .inherited-demographics__subtitle {
    display: none;
  }
  .inherited-demographics .inherited-demographics__inner {
    padding: 0.75rem 1rem;
  }
  .inherited-demographics .inherited-demographics__question-item {
    padding: 0.75rem;
  }
  .inherited-demographics .inherited-demographics__question-text {
    font-size: 0.875rem;
  }
  .inherited-demographics .inherited-demographics__question-meta {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .inherited-demographics {
    transition: none;
  }
  .inherited-demographics .inherited-demographics__content,
  .inherited-demographics .inherited-demographics__expand-icon,
  .inherited-demographics .inherited-demographics__question-item {
    transition: none;
  }
}
[dir=rtl] .inherited-demographics__subtitle {
  margin-left: 0;
  margin-right: 2.25rem;
}
.frequency-selector {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 180px;
  padding: 0.5rem;
  background: var(--card-default);
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--border-light);
}
.frequency-selector__title {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
}
.frequency-selector__option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.5rem;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease;
  text-align: start;
}
.frequency-selector__option:hover {
  background-color: var(--border-light);
}
.frequency-selector__option:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
}
.frequency-selector__option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--text-caption);
}
.frequency-selector__option-icon svg {
  width: 100%;
  height: 100%;
}
.frequency-selector__option-content {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
}
.frequency-selector__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-body);
  line-height: 1.3;
}
.frequency-selector__description {
  font-size: 0.75rem;
  color: var(--text-caption);
  line-height: 1.3;
}
.frequency-selector__check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: var(--btn-primary);
  opacity: 0;
  transition: opacity 0.15s ease;
}
.frequency-selector__option--active {
  background-color: rgba(95, 136, 229, 0.08);
}
.frequency-selector__option--active .frequency-selector__option-icon {
  color: var(--btn-primary);
}
.frequency-selector__option--active .frequency-selector__label {
  color: var(--btn-primary);
  font-weight: 600;
}
.frequency-selector__option--active .frequency-selector__check {
  opacity: 1;
}
.frequency-selector__option--active:hover {
  background-color: rgba(95, 136, 229, 0.12);
}
.frequency-selector__divider {
  height: 1px;
  background-color: var(--border-light);
  margin: 0.25rem 0;
}
.frequency-popover {
  position: absolute;
  z-index: 100;
  top: calc(100% + 4px);
  right: 0;
  animation: frequencyPopoverIn 0.15s ease-out;
}
[dir=rtl] .frequency-popover {
  right: auto;
  left: 0;
}
@media (prefers-reduced-motion: reduce) {
  .frequency-popover {
    animation: none;
  }
}
@keyframes frequencyPopoverIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.engagement-dashboard {
  padding: 1rem;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.engagement-dashboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.engagement-dashboard__level-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.engagement-dashboard__level-info {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.engagement-dashboard__level-label {
  font-size: 0.75rem;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.engagement-dashboard__level-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
}
.engagement-dashboard__progress-section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.engagement-dashboard__progress-label {
  font-size: 0.875rem;
  color: var(--text-body);
}
.engagement-dashboard__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
.engagement-dashboard__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  background: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-light);
}
.engagement-dashboard__stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--btn-primary);
}
.engagement-dashboard__stat-label {
  font-size: 0.75rem;
  color: var(--text-caption);
  text-align: center;
}
.engagement-dashboard__section {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.engagement-dashboard__section-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.engagement-dashboard__badges-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: 0.5rem;
}
.engagement-dashboard__badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  background: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-light);
}
.engagement-dashboard__badge-icon {
  font-size: 1.5rem;
}
.engagement-dashboard__badge-name {
  font-size: 0.625rem;
  color: var(--text-caption);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.engagement-dashboard__empty {
  text-align: center;
  padding: 1.5rem;
  color: var(--text-caption);
  font-size: 0.875rem;
}
.engagement-dashboard__activity-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.engagement-dashboard__activity-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
  background: var(--card-default);
  border-radius: 6px;
  border: 1px solid var(--border-light);
}
.engagement-dashboard__activity-action {
  font-size: 0.875rem;
  color: var(--text-body);
}
.engagement-dashboard__activity-amount {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--agree);
}
.engagement-dashboard__activity-time {
  font-size: 0.75rem;
  color: var(--text-caption);
}
.subscription-manager {
  padding: 1rem;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.subscription-manager__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.subscription-manager__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-light);
}
.subscription-manager__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.subscription-manager__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subscription-manager__meta {
  font-size: 0.75rem;
  color: var(--text-caption);
}
.subscription-manager__empty {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-caption);
  font-size: 0.875rem;
}
.compound-question {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem;
}
.compound-question__phase-content {
  animation: fadeIn 0.3s ease-in-out;
  min-height: 200px;
}
.compound-stepper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.5rem;
  gap: 0;
  width: 100%;
}
@media (max-width: 600px) {
  .compound-stepper {
    padding: 0.4rem 0.25rem;
  }
}
.compound-stepper__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  flex: 0 0 auto;
  position: relative;
  cursor: default;
}
.compound-stepper__step--clickable {
  cursor: pointer;
}
.compound-stepper__circle {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  border: 2px solid var(--border-light);
  background: var(--card-default);
  color: var(--text-caption);
  transition: all 0.3s ease;
}
.compound-stepper__circle--active {
  border-color: var(--btn-primary);
  background: var(--btn-primary);
  color: var(--white);
  box-shadow: 0 0 0 4px rgba(95, 136, 229, 0.15);
}
.compound-stepper__circle--completed {
  border-color: var(--agree);
  background: var(--agree);
  color: var(--white);
}
.compound-stepper__circle--locked {
  border-color: var(--option);
  background: var(--option);
  color: var(--option-text);
}
.compound-stepper__label {
  font-size: 0.6rem;
  color: var(--text-caption);
  text-align: center;
  max-width: 4.5rem;
  line-height: 1.2;
}
.compound-stepper__label--active {
  color: var(--btn-primary);
  font-weight: 600;
}
.compound-stepper__label--completed {
  color: var(--agree);
}
@media (max-width: 600px) {
  .compound-stepper__label {
    font-size: 0.55rem;
    max-width: 3.5rem;
  }
}
.compound-stepper__connector {
  flex: 1;
  height: 2px;
  background: var(--border-light);
  margin: 0 0.15rem;
  margin-bottom: 1rem;
  min-width: 1rem;
  transition: background 0.3s ease;
}
.compound-stepper__connector--completed {
  background: var(--agree);
}
@media (max-width: 600px) {
  .compound-stepper__connector {
    min-width: 0.5rem;
  }
}
.phase-admin-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.phase-admin-controls__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  font-size: 0.85rem;
  padding: 0.35rem 0.75rem;
}
.phase-admin-controls__btn:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.phase-admin-controls__btn:active {
  transform: scale(0.98);
}
.phase-admin-controls__btn--advance {
  background-color: var(--btn-primary);
  color: var(--white);
}
.phase-admin-controls__btn--advance:hover {
  opacity: 0.9;
}
.phase-admin-controls__btn--revert {
  background-color: var(--card-default);
  color: var(--text-body);
  border-color: var(--border-light);
}
.phase-admin-controls__btn--revert:hover {
  background-color: var(--bg-hover);
}
.phase-admin-controls__btn--lock {
  background-color: var(--option);
  color: var(--option-text);
}
.phase-admin-controls__btn--lock:hover {
  opacity: 0.9;
}
.phase-admin-controls__btn:disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  border-color: var(--btn-disabled);
  cursor: not-allowed;
  opacity: 0.6;
}
.phase-admin-controls__btn:disabled:hover, .phase-admin-controls__btn:disabled:active {
  background-color: var(--btn-disabled);
  transform: none;
}
.locked-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: rgba(231, 208, 128, 0.15);
  border: 1px solid var(--option);
  border-radius: 8px;
  font-size: 0.85rem;
  color: var(--text-body);
}
.locked-banner__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.locked-banner__icon svg {
  width: 1rem;
  height: 1rem;
}
.locked-banner__text {
  flex: 1;
}
.locked-banner__text strong {
  font-weight: 600;
}
.locked-banner__unlock {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background: none;
  color: var(--text-caption);
  cursor: pointer;
  border-radius: 4px;
}
.locked-banner__unlock svg {
  width: 1.1rem;
  height: 1.1rem;
}
.locked-banner__unlock:hover {
  color: var(--btn-primary);
  background: rgba(95, 136, 229, 0.08);
}
.statement-description {
  margin: 0.5rem 1rem 0.75rem;
  padding: 0.875rem 1rem;
  background-color: var(--bg-info-light);
  border-radius: 10px;
  border-inline-start: 4px solid var(--btn-primary);
  text-align: start;
  position: relative;
  box-shadow: 0px 2px 4px rgba(115, 138, 191, 0.1);
}
@media (max-width: 600px) {
  .statement-description {
    margin: 0.5rem 0.75rem 0.75rem;
    padding: 0.75rem;
  }
}
.statement-description__header {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.375rem;
}
.statement-description__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--btn-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.statement-description__icon svg {
  width: 100%;
  height: 100%;
}
.statement-description__label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-subtitle);
  letter-spacing: 0.01em;
  line-height: 1.3;
}
.statement-description__content {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  font-size: 0.925rem;
  color: var(--text-body);
  line-height: 1.6;
  white-space: pre-line;
  margin: 0;
}
.statement-description__content--collapsed {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.statement-description__toggle {
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0;
  border: none;
  background: none;
  color: var(--text-blue);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
}
.statement-description__toggle:hover {
  text-decoration: underline;
}
.statement-description__toggle:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.statement-description__cta {
  display: block;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-light);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-caption);
  line-height: 1.4;
}
.statement-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  max-width: 75ch;
  margin: 1rem auto 0.75rem;
  padding: 0 1rem;
  text-align: start;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .statement-body {
    margin: 0.75rem auto 0.5rem;
    padding: 0 0.5rem;
  }
}
.statement-body__block {
  position: relative;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  border-inline-start: 2px solid transparent;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.statement-body__block:hover {
  background-color: var(--bg-hover, rgba(0, 0, 0, 0.02));
}
.statement-body__block--focused {
  border-inline-start-color: var(--btn-primary);
  background-color: var(--bg-hover, rgba(0, 0, 0, 0.02));
}
.statement-body__block--editing {
  border-inline-start-color: var(--btn-primary);
  background-color: var(--card-default, var(--bg-card, white));
  box-shadow: 0 0 0 1px var(--btn-primary);
}
.statement-body__paragraph {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  color: var(--text-body);
  line-height: 1.6;
}
.statement-body__h1 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-title, var(--text-body));
  line-height: 1.3;
}
.statement-body__h2 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-title, var(--text-body));
  line-height: 1.35;
}
.statement-body__h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-title, var(--text-body));
  line-height: 1.4;
}
.statement-body__h4, .statement-body__h5, .statement-body__h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-title, var(--text-body));
  line-height: 1.4;
}
.statement-body__text {
  display: inline-block;
  width: 100%;
  word-break: break-word;
  cursor: text;
}
.statement-body__editor {
  display: block;
  width: 100%;
  outline: none;
  min-height: 1.5em;
  word-break: break-word;
  white-space: pre-wrap;
}
.statement-body__editor:focus-visible {
  outline: none;
}
.statement-body__li {
  position: relative;
  margin: 0;
  padding-inline-start: 1.5rem;
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  color: var(--text-body);
  line-height: 1.6;
}
.statement-body__li::before {
  content: "•";
  position: absolute;
  inset-inline-start: 0.5rem;
  color: var(--text-body);
}
.statement-body__controls {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px dashed var(--border-light);
  flex-wrap: wrap;
}
.statement-body__controls--editing {
  gap: 0.5rem;
  border-top-color: var(--btn-primary);
}
.statement-body__type-select {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  color: var(--text-body);
  background: var(--card-default, white);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  cursor: pointer;
}
.statement-body__type-select:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.statement-body__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-width: 28px;
  height: 28px;
  padding: 0 0.375rem;
  background: transparent;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  color: var(--text-body);
  cursor: pointer;
  font-size: 0.85rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.statement-body__icon-button:hover:not(:disabled) {
  background-color: var(--bg-hover, rgba(0, 0, 0, 0.04));
}
.statement-body__icon-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.statement-body__icon-button--danger:hover:not(:disabled) {
  background-color: var(--bg-danger-light, rgba(220, 38, 38, 0.08));
  color: var(--text-danger, #b91c1c);
}
.statement-body__icon-button--primary {
  padding: 0 0.625rem;
  background: var(--btn-primary);
  border-color: var(--btn-primary);
  color: var(--text-inverse, #fff);
  font-weight: 600;
}
.statement-body__icon-button--primary:hover:not(:disabled) {
  background: var(--btn-primary-hover, var(--btn-primary));
  filter: brightness(1.05);
}
.statement-body__icon-button:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.statement-body__icon-button-label {
  font-weight: 600;
}
.statement-body__placeholder {
  width: 100%;
  padding: 1rem;
  background: transparent;
  border: 1px dashed var(--border-light);
  border-radius: 8px;
  color: var(--text-caption);
  font-size: 0.95rem;
  font-style: italic;
  text-align: start;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.statement-body__placeholder:hover {
  background-color: var(--bg-hover, rgba(0, 0, 0, 0.02));
  border-color: var(--btn-primary);
  color: var(--text-body);
}
.statement-body__placeholder:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.statement-body__edit-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-start;
  padding: 0.25rem 0;
  background: transparent;
  border: none;
  color: var(--btn-primary);
  font-size: 0.875rem;
  cursor: pointer;
}
.statement-body__edit-button svg {
  width: 16px;
  height: 16px;
}
.statement-body__edit-button:hover {
  text-decoration: underline;
}
.statement-body__edit-button:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.statement-body__add-end {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  align-self: flex-start;
  margin-top: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: transparent;
  border: 1px dashed var(--border-light);
  border-radius: 6px;
  color: var(--text-caption);
  font-size: 0.85rem;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.statement-body__add-end:hover {
  background-color: var(--bg-hover, rgba(0, 0, 0, 0.02));
  border-color: var(--btn-primary);
  color: var(--text-body);
}
.statement-body__add-end:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .statement-body__block, .statement-body__icon-button, .statement-body__add-end, .statement-body__placeholder {
    transition: none;
  }
}
.deadline-banner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0 1rem 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: rgba(95, 136, 229, 0.08);
  border-radius: 8px;
  border-inline-start: 3px solid var(--btn-primary);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 600px) {
  .deadline-banner {
    margin: 0 0.75rem 0.375rem;
    padding: 0.375rem 0.625rem;
    gap: 0.375rem;
  }
}
@media (max-width: 600px) {
  .deadline-banner--empty {
    padding: 0.25rem 0.625rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .deadline-banner {
    animation: none !important;
    transition: none !important;
  }
}
.deadline-banner--expired {
  background-color: rgba(229, 95, 95, 0.08);
  border-inline-start-color: var(--against);
}
.deadline-banner--expired .deadline-banner__icon {
  color: var(--against);
}
.deadline-banner--expired .deadline-banner__text {
  color: var(--against);
}
.deadline-banner--warning {
  background-color: rgba(231, 168, 48, 0.1);
  border-inline-start-color: var(--option);
}
.deadline-banner--warning .deadline-banner__icon {
  color: darkorange;
}
.deadline-banner--warning .deadline-banner__text {
  color: darkorange;
}
.deadline-banner--urgent {
  background-color: rgba(229, 95, 95, 0.1);
  border-inline-start-color: tomato;
}
.deadline-banner--urgent .deadline-banner__icon {
  color: tomato;
}
.deadline-banner--urgent .deadline-banner__text {
  color: tomato;
}
.deadline-banner--paused {
  background-color: rgba(231, 208, 128, 0.12);
  border-inline-start-color: var(--option);
}
.deadline-banner--paused .deadline-banner__icon {
  color: var(--option);
}
.deadline-banner--paused .deadline-banner__text {
  color: var(--text-body);
}
.deadline-banner--halted {
  background-color: rgba(229, 95, 95, 0.06);
  border-inline-start-color: var(--against);
  padding: 0.5rem 0.75rem;
}
.deadline-banner--halted .deadline-banner__icon {
  color: var(--against);
}
.deadline-banner--halted .deadline-banner__text {
  color: var(--against);
  font-weight: 700;
}
.deadline-banner--empty {
  background-color: transparent;
  border-inline-start: none;
  padding: 0.25rem 0;
  margin-bottom: 0.25rem;
}
.deadline-banner__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 1.5rem;
}
.deadline-banner__icon {
  flex-shrink: 0;
  color: var(--btn-primary);
  display: flex;
  align-items: center;
}
.deadline-banner__text {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-body);
  font-variant-numeric: tabular-nums;
  flex: 1;
}
.deadline-banner__controls {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-inline-start: auto;
  flex-shrink: 0;
}
.deadline-banner__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
  background-color: transparent;
  padding: 0;
}
.deadline-banner__action-btn:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.deadline-banner__action-btn:active {
  transform: scale(0.92);
}
.deadline-banner__action-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.deadline-banner__action-btn:disabled:active {
  transform: none;
}
.deadline-banner__action-btn--pause {
  color: var(--option);
  border-color: var(--option);
}
.deadline-banner__action-btn--pause:hover:not(:disabled) {
  background-color: rgba(231, 208, 128, 0.15);
}
.deadline-banner__action-btn--resume {
  color: var(--agree);
  border-color: var(--agree);
}
.deadline-banner__action-btn--resume:hover:not(:disabled) {
  background-color: rgba(87, 198, 178, 0.12);
}
.deadline-banner__action-btn--extend {
  color: var(--btn-primary);
  border-color: var(--btn-primary);
}
.deadline-banner__action-btn--extend:hover:not(:disabled) {
  background-color: rgba(95, 136, 229, 0.1);
}
.deadline-banner__action-btn--halt {
  color: var(--against);
  border-color: var(--against);
}
.deadline-banner__action-btn--halt:hover:not(:disabled) {
  background-color: rgba(229, 95, 95, 0.1);
}
.deadline-banner__action-btn--remove {
  color: var(--against);
  border-color: var(--against);
}
.deadline-banner__action-btn--remove:hover:not(:disabled) {
  background-color: rgba(229, 95, 95, 0.1);
}
.deadline-banner__admin-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.deadline-banner__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  background: transparent;
  border: 1px dashed var(--btn-primary);
  border-radius: 20px;
  color: var(--btn-primary);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  align-self: flex-start;
}
.deadline-banner__trigger:hover {
  background-color: rgba(95, 136, 229, 0.08);
  border-style: solid;
}
.deadline-banner__trigger:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.deadline-banner__trigger:active {
  transform: scale(0.97);
}
.deadline-banner__setup {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-top: 0.25rem;
  animation: fadeIn 0.15s ease-in-out;
}
.deadline-banner__duration-input {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 480px) {
  .deadline-banner__duration-input {
    flex-direction: column;
    align-items: stretch;
  }
}
.deadline-banner__segments {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: var(--card-default);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  padding: 0.25rem 0.5rem;
  flex: 1;
  min-width: 0;
}
.deadline-banner__segment {
  display: flex;
  align-items: baseline;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}
.deadline-banner__segment-value {
  width: 100%;
  min-width: 2rem;
  max-width: 3rem;
  padding: 0.25rem 0.125rem;
  border: none;
  border-radius: 4px;
  background-color: transparent;
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--text-title);
  text-align: center;
  line-height: 1.2;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
  -moz-appearance: textfield;
  appearance: textfield;
}
.deadline-banner__segment-value::-webkit-outer-spin-button, .deadline-banner__segment-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.deadline-banner__segment-value:focus {
  outline: none;
  background-color: rgba(95, 136, 229, 0.1);
  box-shadow: 0 0 0 2px rgba(95, 136, 229, 0.25);
  border-radius: 4px;
}
.deadline-banner__segment-value:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (max-width: 480px) {
  .deadline-banner__segment-value {
    font-size: 1.1rem;
  }
}
.deadline-banner__segment-unit {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-caption);
  text-transform: lowercase;
  user-select: none;
  flex-shrink: 0;
}
.deadline-banner__segment-separator {
  font-size: 1rem;
  font-weight: 300;
  color: var(--text-caption);
  opacity: 0.5;
  padding: 0 0.0625rem;
  user-select: none;
  flex-shrink: 0;
}
.deadline-banner__start-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background-color: var(--agree);
  color: #fff;
  border: none;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  flex-shrink: 0;
  min-height: 2.25rem;
  white-space: nowrap;
}
.deadline-banner__start-btn:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.deadline-banner__start-btn:focus-visible {
  outline: 2px solid var(--agree);
  outline-offset: 2px;
}
.deadline-banner__start-btn:active:not(:disabled) {
  transform: scale(0.97);
}
.deadline-banner__start-btn--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.deadline-banner__start-btn--disabled:hover {
  filter: none;
  transform: none;
}
@media (max-width: 480px) {
  .deadline-banner__start-btn {
    width: 100%;
  }
}
.deadline-banner__presets-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.deadline-banner__presets-label {
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--text-caption);
  text-transform: lowercase;
  flex-shrink: 0;
  user-select: none;
}
.deadline-banner__presets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.deadline-banner__preset-chip {
  padding: 0.3rem 0.625rem;
  background: var(--card-default);
  border: 1px solid var(--border-light);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-body);
  cursor: pointer;
  transition: all 0.15s ease;
  min-height: 1.75rem;
}
.deadline-banner__preset-chip:hover:not(:disabled) {
  background: rgba(95, 136, 229, 0.1);
  border-color: var(--btn-primary);
  color: var(--btn-primary);
}
.deadline-banner__preset-chip:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.deadline-banner__preset-chip:active:not(:disabled) {
  transform: scale(0.95);
}
.deadline-banner__preset-chip:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.grouped-suggestion {
  position: relative;
  margin-bottom: 1.5rem;
}
.grouped-suggestion::before, .grouped-suggestion::after {
  content: "";
  position: absolute;
  background: var(--card-default, #fff);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  z-index: 0;
  pointer-events: none;
}
.grouped-suggestion::after {
  top: 6px;
  left: 6px;
  right: -6px;
  bottom: -6px;
  opacity: 0.75;
}
[dir=rtl] .grouped-suggestion::after {
  left: -6px;
  right: 6px;
}
.grouped-suggestion::before {
  top: 12px;
  left: 12px;
  right: -12px;
  bottom: -12px;
  opacity: 0.4;
}
[dir=rtl] .grouped-suggestion::before {
  left: -12px;
  right: 12px;
}
.grouped-suggestion__card {
  position: relative;
  z-index: 1;
  border-left: 4px solid var(--btn-primary);
  padding-left: 0.5rem;
  background: color-mix(in srgb, var(--btn-primary) 4%, var(--card-default, #fff));
}
[dir=rtl] .grouped-suggestion__card {
  border-left: none;
  border-right: 4px solid var(--btn-primary);
  padding-left: 0;
  padding-right: 0.5rem;
}
.grouped-suggestion__pipeline-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.55rem;
  margin: 0 0 0.35rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 1px solid transparent;
}
.grouped-suggestion__pipeline-badge--synthesis {
  background: color-mix(in srgb, var(--btn-primary) 12%, transparent);
  color: var(--btn-primary);
  border-color: color-mix(in srgb, var(--btn-primary) 30%, transparent);
}
.grouped-suggestion__pipeline-badge--topic {
  background: color-mix(in srgb, var(--text-secondary, #777) 12%, transparent);
  color: var(--text-secondary, #777);
  border-color: color-mix(in srgb, var(--text-secondary, #777) 30%, transparent);
}
.grouped-suggestion--synthesis {
  margin-bottom: 0.75rem;
}
.grouped-suggestion--synthesis::before, .grouped-suggestion--synthesis::after {
  display: none !important;
}
.grouped-suggestion--synthesis .grouped-suggestion__card {
  background-color: var(--inputBackground, #f5fcff) !important;
  background-image: none !important;
  border: none !important;
  border-left: 8px solid white !important;
  border-radius: 4px !important;
  padding: 0.6rem 0.75rem !important;
  box-shadow: 2px 2px 4px var(--shadow, rgba(0, 0, 0, 0.08)) !important;
}
[dir=rtl] .grouped-suggestion--synthesis .grouped-suggestion__card {
  border-left: none !important;
  border-right: 8px solid white !important;
}
.grouped-suggestion--synthesis .grouped-suggestion__count-ribbon {
  display: none !important;
}
.grouped-suggestion--topic .grouped-suggestion__card {
  border-left-color: var(--cluster-topic-accent, #2aa39a);
  background: color-mix(in srgb, var(--cluster-topic-accent, #2aa39a) 5%, var(--card-default, #fff));
}
[dir=rtl] .grouped-suggestion--topic .grouped-suggestion__card {
  border-left: none;
  border-right-color: var(--cluster-topic-accent, #2aa39a);
}
.grouped-suggestion--semantic .grouped-suggestion__card {
  border-left-color: var(--cluster-semantic-accent, var(--btn-primary));
  background: color-mix(in srgb, var(--cluster-semantic-accent, var(--btn-primary)) 4%, var(--card-default, #fff));
}
[dir=rtl] .grouped-suggestion--semantic .grouped-suggestion__card {
  border-left: none;
  border-right-color: var(--cluster-semantic-accent, var(--btn-primary));
}
.grouped-suggestion--custom .grouped-suggestion__card {
  border-left-color: var(--cluster-custom-accent, #ef7550);
  background: color-mix(in srgb, var(--cluster-custom-accent, #ef7550) 4%, var(--card-default, #fff));
}
[dir=rtl] .grouped-suggestion--custom .grouped-suggestion__card {
  border-left: none;
  border-right-color: var(--cluster-custom-accent, #ef7550);
}
.grouped-suggestion__count-ribbon {
  position: absolute;
  top: -10px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.25rem 0.65rem;
  background: var(--btn-primary);
  color: var(--btn-primary-text, #fff);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
[dir=rtl] .grouped-suggestion__count-ribbon {
  right: auto;
  left: 12px;
}
.grouped-suggestion__count-ribbon--pair, .grouped-suggestion__count-ribbon--many {
  letter-spacing: 0.02em;
}
.grouped-suggestion__header {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  padding-right: 3rem;
}
[dir=rtl] .grouped-suggestion__header {
  padding-right: 0;
  padding-left: 3rem;
}
.grouped-suggestion__title-wrap {
  flex: 1;
  min-width: 0;
}
.grouped-suggestion__proposal-title {
  font-size: 1.15rem;
  line-height: 1.35;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.grouped-suggestion__proposal-description {
  display: block;
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--text-body, #333);
  white-space: pre-wrap;
}
.grouped-suggestion__proposal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0 0.25rem;
}
.grouped-suggestion__proposal-actions--admin {
  margin: 0 0 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px dashed var(--border-light);
}
.grouped-suggestion__proposal-read {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.7rem;
  background: var(--btn-primary);
  color: var(--btn-primary-text, #fff);
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
  transition: filter 120ms ease;
}
.grouped-suggestion__proposal-read:hover, .grouped-suggestion__proposal-read:focus-visible {
  filter: brightness(1.05);
  outline: none;
}
.grouped-suggestion__proposal-read:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.grouped-suggestion__proposal-admin-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.55rem;
  background: transparent;
  color: var(--text-secondary, #777);
  border: 1px solid color-mix(in srgb, var(--text-secondary, #777) 35%, transparent);
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
.grouped-suggestion__proposal-admin-btn:hover:not(:disabled), .grouped-suggestion__proposal-admin-btn:focus-visible:not(:disabled) {
  background: color-mix(in srgb, var(--btn-primary) 8%, transparent);
  color: var(--btn-primary);
  border-color: var(--btn-primary);
  outline: none;
}
.grouped-suggestion__proposal-admin-btn--danger:hover:not(:disabled), .grouped-suggestion__proposal-admin-btn--danger:focus-visible:not(:disabled) {
  background: color-mix(in srgb, var(--reject, #d36868) 8%, transparent);
  color: var(--reject, #d36868);
  border-color: var(--reject, #d36868);
}
.grouped-suggestion__proposal-admin-btn:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.grouped-suggestion__proposal-admin-btn:disabled {
  cursor: progress;
  opacity: 0.55;
}
.grouped-suggestion__preview {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0.35rem 0 0.75rem;
  padding-left: 0.5rem;
  border-left: 2px dashed var(--border-light);
}
[dir=rtl] .grouped-suggestion__preview {
  padding-left: 0;
  padding-right: 0.5rem;
  border-left: none;
  border-right: 2px dashed var(--border-light);
}
.grouped-suggestion__preview-line {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  font-size: 0.825rem;
  font-style: italic;
  color: var(--text-secondary, #777);
  line-height: 1.35;
}
.grouped-suggestion__preview-line::before {
  content: "›";
  font-style: normal;
  color: var(--btn-primary);
  flex-shrink: 0;
}
.grouped-suggestion__preview-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
.grouped-suggestion__preview-more {
  font-size: 0.75rem;
  color: var(--text-secondary, #777);
  font-style: italic;
  margin-top: 0.15rem;
}
.grouped-suggestion__body {
  font-family: "Open Sans", sans-serif;
  font-size: var(--p-font-size);
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
  margin-bottom: 0.75rem;
}
.grouped-suggestion__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  font-size: 0.8rem;
  color: var(--text-secondary, #777);
  margin-bottom: 0.75rem;
}
.grouped-suggestion__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.grouped-suggestion__meta--muted {
  opacity: 0.6;
  font-style: italic;
}
.grouped-suggestion__meta-toggle {
  display: none;
  align-items: center;
  gap: 0.3rem;
  background: transparent;
  border: none;
  color: var(--btn-primary);
  cursor: pointer;
  padding: 0.3rem 0;
  font-size: 0.8rem;
  font-weight: 500;
}
.grouped-suggestion__meta-toggle:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
  border-radius: 4px;
}
.grouped-suggestion__drawer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  min-height: 48px;
  padding: 0.65rem 0.85rem;
  margin-top: 0.75rem;
  background: color-mix(in srgb, var(--btn-primary) 6%, transparent);
  border: none;
  border-top: 1px dashed var(--border-light);
  border-radius: 0 0 8px 8px;
  color: var(--text-body);
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 150ms ease;
  text-align: start;
}
.grouped-suggestion__drawer:hover {
  background: color-mix(in srgb, var(--btn-primary) 12%, transparent);
}
.grouped-suggestion__drawer:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
}
.grouped-suggestion__drawer:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.grouped-suggestion__drawer-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.grouped-suggestion__drawer-label strong {
  font-weight: 700;
  color: var(--btn-primary);
}
.grouped-suggestion__drawer-chevron {
  display: inline-flex;
  transition: transform 200ms ease;
}
.grouped-suggestion--expanded .grouped-suggestion__drawer-chevron {
  transform: rotate(180deg);
}
.grouped-suggestion__nested {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.grouped-suggestion__originals {
  position: relative;
  margin-top: 0.5rem;
  padding: 0.75rem 0 0.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.grouped-suggestion__originals::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  bottom: 0.5rem;
  left: 0.4rem;
  width: 2px;
  background: color-mix(in srgb, var(--btn-primary) 45%, transparent);
  border-radius: 1px;
}
[dir=rtl] .grouped-suggestion__originals {
  padding-left: 0;
  padding-right: 1.25rem;
}
[dir=rtl] .grouped-suggestion__originals::before {
  left: auto;
  right: 0.4rem;
}
.grouped-suggestion__original {
  position: relative;
  padding: 0.65rem 0.85rem;
  background: var(--card-default, #fff);
  border: 1px solid color-mix(in srgb, var(--btn-primary) 20%, var(--border-light));
  border-radius: 6px;
  font-size: 0.9rem;
  color: var(--text-body);
}
.grouped-suggestion__original::before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: -1rem;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--btn-primary);
  border: 2px solid var(--card-default, #fff);
  border-radius: 50%;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--btn-primary) 30%, transparent);
}
[dir=rtl] .grouped-suggestion__original::before {
  left: auto;
  right: -1rem;
}
.grouped-suggestion__original-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}
.grouped-suggestion__original-text {
  flex: 1;
  min-width: 0;
}
.grouped-suggestion__original-nav {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.25rem 0.4rem;
  border-radius: 4px;
  color: var(--btn-primary);
  font-size: 0.78rem;
  text-decoration: none;
  transition: background-color 150ms ease;
}
.grouped-suggestion__original-nav:hover, .grouped-suggestion__original-nav:focus-visible {
  background: color-mix(in srgb, var(--btn-primary) 10%, transparent);
  outline: none;
}
.grouped-suggestion__original-nav:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.grouped-suggestion__original-note {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: var(--text-secondary, #777);
}
.grouped-suggestion--expanded .grouped-suggestion__card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.grouped-suggestion--clusters-only::before, .grouped-suggestion--clusters-only::after {
  display: none;
}
.grouped-suggestion--awaiting .grouped-suggestion__meta {
  opacity: 0.6;
  font-style: italic;
}
@media (prefers-reduced-motion: reduce) {
  .grouped-suggestion__drawer, .grouped-suggestion__drawer-chevron {
    transition: none;
  }
  .grouped-suggestion--expanded .grouped-suggestion__drawer-chevron {
    transform: none;
  }
}
@media (prefers-contrast: more) {
  .grouped-suggestion__card {
    background: var(--card-default, #fff);
    border: 2px solid var(--btn-primary);
  }
  .grouped-suggestion__drawer {
    background: var(--card-default, #fff);
    border-top: 2px solid var(--btn-primary);
  }
  .grouped-suggestion__originals::before {
    background: var(--btn-primary);
  }
  .grouped-suggestion__original {
    border: 2px solid var(--btn-primary);
  }
  .grouped-suggestion__pipeline-badge {
    background: var(--card-default, #fff);
  }
  .grouped-suggestion__pipeline-badge--synthesis {
    border-color: var(--btn-primary);
    color: var(--btn-primary);
  }
  .grouped-suggestion__pipeline-badge--topic {
    border-color: var(--text-body);
    color: var(--text-body);
  }
}
@media (max-width: 600px) {
  .grouped-suggestion__header {
    padding-right: 3.5rem;
  }
  [dir=rtl] .grouped-suggestion__header {
    padding-right: 0;
    padding-left: 3.5rem;
  }
  .grouped-suggestion__meta {
    display: none;
  }
  .grouped-suggestion__meta-toggle {
    display: inline-flex;
  }
  .grouped-suggestion--meta-open .grouped-suggestion__meta {
    display: flex;
  }
  .grouped-suggestion__originals {
    padding-left: 1rem;
  }
  [dir=rtl] .grouped-suggestion__originals {
    padding-left: 0;
    padding-right: 1rem;
  }
}
.score-breakdown {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--text-body, #1f2a44);
}
.score-breakdown__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.55rem;
  background: transparent;
  border: 1px solid var(--border-light);
  border-radius: 6px;
  font-size: 0.8rem;
  color: var(--text-secondary, #777);
  cursor: pointer;
  transition: background-color 120ms ease;
}
.score-breakdown__trigger:hover, .score-breakdown__trigger:focus-visible {
  background: var(--bg-hover, rgba(0, 0, 0, 0.04));
  outline: none;
}
.score-breakdown__trigger:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.score-breakdown__summary {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--text-secondary, #777);
  font-size: 0.8rem;
}
.score-breakdown__summary-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.score-breakdown__body {
  margin-top: 0.5rem;
  padding: 0.6rem 0.75rem;
  background: var(--bg-subtle, rgba(0, 0, 0, 0.03));
  border: 1px solid var(--border-light);
  border-radius: 6px;
}
.score-breakdown__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.score-breakdown__row {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.25rem 0;
  border-bottom: 1px dashed var(--border-light);
}
.score-breakdown__row:last-child {
  border-bottom: none;
}
.score-breakdown__row-title {
  flex: 1;
  min-width: 0;
  color: var(--text-body, #1f2a44);
  font-size: 0.82rem;
  line-height: 1.35;
  word-break: break-word;
}
.score-breakdown__row-meta {
  flex-shrink: 0;
  color: var(--text-secondary, #777);
  font-size: 0.75rem;
  white-space: nowrap;
}
.score-breakdown__timestamp {
  margin: 0.6rem 0 0;
  padding-top: 0.4rem;
  border-top: 1px solid var(--border-light);
  font-size: 0.7rem;
  color: var(--text-secondary, #777);
  text-align: end;
}
.section-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.25rem 0 0.75rem;
  color: var(--text-secondary, #777);
  font-size: 0.85rem;
  font-weight: 500;
}
.section-divider__rule {
  flex: 1 1 auto;
  height: 0;
  border: 0;
  border-top: 1px solid var(--border-light, rgba(0, 0, 0, 0.08));
  margin: 0;
}
.section-divider__label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.section-divider__count {
  color: var(--text-tertiary, #999);
  font-weight: 400;
}
.section-divider--synthesis {
  color: var(--cluster-synthesis-accent, var(--text-secondary));
}
.section-divider--topic {
  color: var(--cluster-topic-accent, var(--text-secondary));
}
.section-divider--semantic {
  color: var(--cluster-semantic-accent, var(--text-secondary));
}
.view-layers-toggle {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.6rem;
  padding: 0.6rem 0.75rem;
  margin-bottom: 0.75rem;
  background: var(--card-default, #fff);
  border: 1px solid var(--border-light, rgba(0, 0, 0, 0.08));
  border-radius: 0.85rem;
}
.view-layers-toggle__label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary, #777);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-inline-end: 0.25rem;
}
.view-layers-toggle__chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem;
  background: var(--bg-subtle, rgba(0, 0, 0, 0.03));
  border-radius: 999px;
}
.view-layers-toggle__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary, #777);
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
.view-layers-toggle__chip:hover {
  color: var(--text-body, #333);
}
.view-layers-toggle__chip:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.view-layers-toggle__chip--active {
  background: var(--btn-primary);
  color: var(--btn-primary-text, #fff);
}
.view-layers-toggle__chip--active:hover {
  color: var(--btn-primary-text, #fff);
  filter: brightness(1.05);
}
.view-layers-toggle__chip[aria-disabled=true] {
  cursor: default;
  opacity: 0.9;
}
.view-layers-toggle__chip--unavailable {
  opacity: 0.4;
  cursor: not-allowed;
}
.view-layers-toggle__chip--unavailable:hover {
  color: var(--text-secondary, #777);
}
.view-layers-toggle__actions {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-inline-start: auto;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .view-layers-toggle__actions {
    margin-inline-start: 0;
  }
}
.view-layers-toggle__action {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.6rem;
  border: 1px solid color-mix(in srgb, var(--text-secondary, #777) 35%, transparent);
  border-radius: 999px;
  background: transparent;
  color: var(--text-secondary, #777);
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
.view-layers-toggle__action:hover, .view-layers-toggle__action:focus-visible {
  color: var(--btn-primary);
  border-color: var(--btn-primary);
  background: color-mix(in srgb, var(--btn-primary) 8%, transparent);
  outline: none;
}
.view-layers-toggle__action:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
.view-layers-toggle__action--primary {
  color: var(--btn-primary);
  border-color: color-mix(in srgb, var(--btn-primary) 45%, transparent);
}
@media (prefers-contrast: more) {
  .view-layers-toggle__chip--active {
    outline: 2px solid var(--btn-primary-text, #fff);
    outline-offset: -3px;
  }
  .view-layers-toggle__chips {
    background: var(--card-default, #fff);
    border: 1px solid var(--text-body, #333);
  }
}
.load-all-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 1rem 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: color-mix(in srgb, var(--btn-primary) 8%, transparent);
  border-radius: 8px;
  border-inline-start: 3px solid var(--btn-primary);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 600px) {
  .load-all-banner {
    margin: 0 0.75rem 0.5rem;
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .load-all-banner {
    transition: none;
  }
}
.load-all-banner__text {
  color: var(--text-body);
  font-size: 0.875rem;
}
.load-all-banner__progress {
  color: var(--text-body);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}
.load-all-banner__action {
  flex-shrink: 0;
}
.load-all-banner--loading {
  border-inline-start-color: var(--option);
}
.load-all-banner--done {
  background-color: color-mix(in srgb, var(--agree) 10%, transparent);
  border-inline-start-color: var(--agree);
}
.load-all-banner--done .load-all-banner__text {
  color: var(--agree);
}
.results-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 0.25rem;
}
.results-strip__item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 2.9rem;
  padding: 0.15rem 0.4rem;
  border: 1px solid var(--border-light, rgba(0, 0, 0, 0.08));
  border-radius: 0.5rem;
  background: var(--bg-subtle, rgba(0, 0, 0, 0.03));
  color: var(--text-body);
  line-height: 1.1;
  cursor: default;
}
.results-strip__item--primary {
  border-color: var(--btn-primary);
  background: var(--card-default, #fff);
}
.results-strip__item--negative {
  color: var(--reject);
}
.results-strip__value {
  direction: ltr;
  font-size: 0.85rem;
  font-weight: 600;
}
.results-strip__item--primary .results-strip__value {
  font-size: 1rem;
}
.results-strip__label {
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--text-secondary, #777);
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .results-strip {
    gap: 0.2rem;
  }
  .results-strip__item {
    min-width: 2.5rem;
    padding: 0.1rem 0.3rem;
  }
  .results-strip__label {
    font-size: 0.55rem;
  }
}
.list-toolbar {
  width: 100%;
  margin-bottom: var(--space-xs);
}
.list-toolbar__row {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 44px;
  flex-wrap: wrap;
}
.list-toolbar__spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.list-toolbar__sheet-anchor {
  position: relative;
  flex-shrink: 0;
}
.list-toolbar__trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  gap: var(--space-2xs);
  padding: 0 var(--space-sm);
  border: var(--hairline);
  border-radius: var(--radius-pill);
  background: var(--card-default);
  color: var(--text-body);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--motion-ease);
}
.list-toolbar__trigger:hover {
  background: var(--bg-hover);
}
.list-toolbar__trigger:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.list-toolbar__trigger--active {
  border-color: var(--btn-primary);
  color: var(--btn-primary);
}
.list-toolbar__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--btn-primary);
  flex-shrink: 0;
}
.list-toolbar__sheet {
  position: absolute;
  inset-block-start: calc(100% + var(--space-2xs));
  inset-inline-start: 0;
  z-index: 30;
  min-width: 15rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: var(--space-sm);
  background: var(--card-default);
  border: var(--hairline);
  border-radius: var(--radius-md);
  box-shadow: var(--elevation-3);
}
@media (max-width: 600px) {
  .list-toolbar__sheet {
    position: fixed;
    inset-block-start: auto;
    inset-block-end: 0;
    inset-inline: 0;
    min-width: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: var(--space-md);
    padding-bottom: calc(var(--space-md) + env(safe-area-inset-bottom, 0px));
  }
}
.list-toolbar__section {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.list-toolbar__section-label {
  margin: 0;
  font-size: var(--font-size-2xs);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-caps);
  text-transform: uppercase;
  color: var(--text-meta);
}
@media (min-width: 1025px) {
  .list-toolbar__section--stats {
    display: none;
  }
}
.list-toolbar__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}
.list-toolbar__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  min-height: 36px;
  padding: 0 var(--space-sm);
  border: var(--hairline);
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-body);
  font-size: var(--font-size-sm);
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--motion-ease);
}
.list-toolbar__chip:hover {
  background: var(--bg-hover);
}
.list-toolbar__chip:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
.list-toolbar__chip--active {
  background: var(--btn-primary);
  border-color: var(--btn-primary);
  color: var(--btn-primary-text);
  font-weight: var(--font-weight-semibold);
}
.list-toolbar__layers {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
.list-toolbar__layers .view-layers-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.list-toolbar__stats {
  margin: 0;
  font-size: var(--font-size-xs);
  color: var(--text-meta);
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .list-toolbar__stats {
    display: none;
  }
}
.list-toolbar__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  flex-shrink: 0;
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-meta);
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--motion-ease);
}
.list-toolbar__icon-btn:hover {
  background: var(--bg-hover);
  color: var(--text-body);
}
.list-toolbar__icon-btn:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .list-toolbar__trigger,
  .list-toolbar__chip,
  .list-toolbar__icon-btn {
    transition: none;
  }
}
.homePage {
  width: 100vw;
  height: 100svh;
  position: fixed;
  display: flex;
  flex-direction: column;
}
.homePage__header {
  min-height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-negative);
  background-color: var(--header-home);
  margin-bottom: -1px;
  z-index: 1;
}
@media (max-width: 570px) {
  .homePage__header {
    background-color: #6499f0;
  }
}
@media (min-width: 570px) {
  .homePage__header {
    background-color: #6698ee;
  }
}
@media (min-width: 870px) {
  .homePage__header {
    background-color: #608be8;
  }
}
.homePage__header__wrapper {
  display: flex;
  flex-flow: row;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  width: var(--wrapper);
  margin: auto;
}
@media (max-width: 900px) {
  .homePage__header__wrapper {
    justify-content: space-between;
    padding: 1.2rem;
  }
}
.homePage__header__wrapper__notifications {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.homePage__header__wrapper__notifications__btn {
  position: relative;
  min-width: 32px;
  color: white;
}
.homePage__header__wrapper__notifications__btn .redCircle {
  position: absolute;
  top: -7px;
  right: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--icons-blue-dark);
  border-radius: 50%;
}
.homePage__header__wrapper__icons {
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  width: webkit-fit-content;
}
.homePage__header__wrapper__icons svg {
  height: 27px;
  color: white;
}
.homePage__header__wrapper__icons .homeMenu {
  position: absolute;
  user-select: none;
  cursor: pointer;
  top: 2rem;
  left: 2rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.4rem;
  color: var(--card-menu);
  padding: 1rem;
  box-shadow: 0 1px 4px rgba(169, 173, 244, 0.6039215686);
  border-radius: 0.36rem;
  z-index: 1003;
  transform: translateX(-20%);
  width: fit-content;
}
.homePage__header__wrapper__icons .homeMenu svg {
  color: black;
}
.homePage__header__wrapper__icons .homeMenu__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.homePage__header__wrapper__icons .homeMenu:hover {
  color: var(--menu-chosen);
}
.homePage__header__wrapper__title {
  margin-bottom: 0;
}
.peopleLoadingScreen {
  margin-top: 10rem;
}
.main-wrap {
  gap: 0;
  padding-left: 0;
  padding-right: 0;
}
.home-page__main {
  height: 100%;
  overflow-y: auto;
  width: 100vw;
}
.heroImg {
  background-size: cover;
  background-position: bottom;
  margin-bottom: 2rem;
  margin-top: -5rem;
  width: 100vw;
  background-image: url("/assets/Hero-rectangle-BKDXqa3p.png");
  height: 32vh;
}
@media (max-width: 1200px) {
  .heroImg {
    background-image: url("/assets/hero-x4-D_O22lEV.png");
    height: 25vh;
    margin-top: 0;
  }
}
@media (max-width: 860px) {
  .heroImg {
    background-image: url("/assets/hero-x3-5WNuHJ4e.png");
    height: 26vh;
    margin-top: 0;
  }
}
@media (max-width: 570px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 22vh;
  }
}
@media (max-width: 440px) {
  .heroImg {
    background-image: url("/assets/hero-x1-QEkMnlhR.png");
    height: 20vh;
  }
}
.bikeImg {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 240px;
  height: 160px;
  margin-bottom: 1.5rem;
  margin-top: -8.5rem;
}
@media (min-width: 870px) {
  .bikeImg {
    width: 310px;
    height: 200px;
    margin-bottom: 1.5rem;
    margin-top: -10.5rem;
  }
}
.passwordUiComponent {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
  color: var(--card-menu);
}
/* Inputs */
input,
textarea {
  width: 100%;
  padding: 0.5rem;
  border: none;
  outline: none;
  word-break: keep-all;
  background-color: var(--inputBackground);
  background-color: var(--card-default);
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
}
textarea {
  resize: none;
}
input::placeholder,
textarea::placeholder {
  color: var(--placeHolder);
  font-family: Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  letter-spacing: 0.2px;
}
select {
  padding: 0.3rem;
  border: none;
  border-bottom: 1px solid rgb(211, 211, 211);
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
}
select option {
  line-height: 1rem;
  margin: 2rem;
  font-size: 1.2rem;
}
select option:nth-child(even) {
  background: var(--bg-hover);
  margin-bottom: 1rem;
}
.inputs {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  padding: 20px 0px;
}
.inputs > * {
  margin-bottom: 10px;
  resize: none;
}
.inputDescription {
  height: 4rem;
}
.inputGeneral {
  border-radius: var(--roundBorderSmall);
  background-color: var(--gray5);
  font-size: var(--size15);
  border: none;
  padding: var(--regPadding);
  font-size: var(--size17);
  margin: 5px 0px;
}
.roomsCards__admin {
  max-width: 75ch;
  margin-bottom: 100px;
}
.roomsCards__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-end: auto;
  grid-auto-rows: 120px;
  gap: 0.7rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.2rem;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .roomsCards__wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;
    width: 100%;
  }
}
.page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--statementBackground);
  overflow: hidden;
}
.page__header {
  width: 100%;
  z-index: 999;
  position: relative;
}
.page__header__mini {
  position: absolute;
  inset: 0 0 auto 0;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--header-question, #123def);
  color: var(--question-text, #fff);
  opacity: 0;
  pointer-events: none;
  border: none;
  width: 100%;
  cursor: pointer;
}
.page__header__mini:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: -3px;
}
.page__header__mini__title {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
}
@media screen and (max-width: 600px) {
  .page__header--minimized .page__header__full {
    display: none;
  }
  .page__header--minimized .page__header__mini {
    position: static;
    opacity: 1;
    pointer-events: auto;
    animation: page-header-mini-in var(--motion-base) var(--motion-ease);
  }
}
.page__header.rtl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50px;
}
.page__header__wrapper {
  position: relative;
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem;
}
@media screen and (min-width: 600px) {
  .page__header__wrapper {
    max-width: 75ch;
    margin: auto;
  }
}
.page__header__wrapper__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page__header__wrapper__actions__iconButton {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
.page__header__wrapper__actions__iconButton svg {
  height: 24px;
}
.page__header__nav {
  display: flex;
  width: 90%;
  max-width: 75ch;
  margin: 0 auto;
  justify-content: center;
}
.page__header__nav__button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  letter-spacing: 0.3px;
  opacity: 0.7;
}
.page__header__nav__button--selected {
  font-size: 1.1rem;
  opacity: 1;
  background-color: var(--card-default);
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  min-width: fit-content;
  color: var(--question);
  display: flex;
  height: 2.5rem;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 600px) {
  .page__header__nav__button--selected {
    height: 5rem;
  }
}
.page__header__nav__button__tabTxt {
  display: none;
  font-weight: 600;
  margin-left: 4px;
}
.page__header__nav__button--selected .page__header__nav__button__tabTxt {
  display: inline;
  color: var(--question);
}
.page__header__nav__button__navIcon {
  height: 2rem;
}
@media only screen and (max-width: 600px) {
  .page__header__nav__button__navIcon {
    height: 1.3rem;
  }
}
.page__main {
  width: 100%;
  max-width: 100vw;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1441px) {
  .page__main {
    padding-left: calc((100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-right: calc((100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-left: max(340px, (100vw - var(--wrapper-max-width)) / 2 - 20px);
    padding-right: max(340px, (100vw - var(--wrapper-max-width)) / 2 - 20px);
  }
}
.page__main .statement-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100vw;
}
.page__main .statement-inner h1 {
  text-align: start;
  margin: 2rem auto 2rem auto;
  position: sticky;
  top: 0;
  color: var(--text-headline);
  width: var(--wrapper);
}
.page__main .statement-inner .page__description {
  margin: 1rem 0;
  color: var(--text-description);
}
.page__main .statement-inner__wrapper {
  display: flex;
  width: 100vw;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
.page__main .statement-inner__wrapper > * {
  width: 100vw;
  flex-shrink: 0;
  overflow-y: auto;
}
.page__footer {
  width: 100%;
  max-width: 82ch;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page__footer__form {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.page__footer__form__input {
  padding: 0.3rem 70px 0.2rem 0.2rem;
  resize: none;
  outline: none;
  border: none;
  color: var(--text-body);
  min-height: 4rem;
  flex: auto;
  box-shadow: 0px 2px 4px 0px rgba(181, 197, 232, 0.48);
  box-shadow: 0px -2px 4px 0px rgba(195, 202, 217, 0.5);
  font-size: 1rem;
}
.page__footer__form__input::placeholder {
  color: var(--placeHolder);
}
.page__footer__form__sendBtnBox {
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0rem;
  user-select: none;
  cursor: pointer;
  background-color: var(--btn-primary);
}
.page__footer__form__sendBtnBox .sendBtn {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 600px) {
  .page__footer__form {
    max-width: 75ch;
    margin: 0 auto;
  }
}
@keyframes page-header-mini-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.btnBox,
.btns {
  display: flex;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .btnBox,
  .btns {
    gap: 0.5rem;
  }
}
@media (max-width: 360px) {
  .btnBox,
  .btns {
    gap: 0.3rem;
  }
}
.btnBox--end,
.btns--end {
  justify-content: flex-end;
}
button {
  border: none;
  cursor: pointer;
  background-color: inherit;
}
.btn {
  padding: 0.4rem 1rem 0.4rem 1rem;
  color: var(--btn-primary);
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid var(--btn-primary);
  text-align: center;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
}
.btn--icon {
  background-color: var(--icon-blue);
  color: var(--white);
}
.btn--affirmation {
  background-color: var(--button-blue);
  color: var(--white);
}
.btn--add {
  width: fit-content;
  background-color: var(--add-btn);
  color: var(--white);
}
.btn--cancel {
  background-color: var(--red);
  color: var(--white);
  border: 1px solid red;
}
.btn--agree {
  background-color: var(--agree);
  color: var(--white);
}
.btn--disagree {
  background-color: var(--disagree);
  color: var(--white);
}
.btn--inactive {
  background-color: var(--inactive);
  color: var(--inactive-text);
}
.btn--large {
  font-size: 1.2rem;
  padding: 0.5rem 1.4rem;
  border-radius: 5rem;
  height: auto;
}
.btn--small {
  font-size: 0.8rem;
  padding: 0.1rem 0.4rem;
  width: fit-content;
}
.btn--img {
  padding: 0.5rem 1rem;
  display: flex;
  height: auto;
  align-items: center;
  gap: 1rem;
}
.btn--img img {
  width: 2rem;
  height: 2rem;
}
.btn--primary {
  background-color: var(--btn-primary);
  color: var(--white);
}
.btn--secondary {
  background-color: var(--card-default);
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}
.btn--disabled {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  cursor: not-allowed;
  border: 1px solid var(--btn-disabled);
}
.btn--massConsensus {
  padding: 0.5rem 1.5rem;
  min-width: 80px;
  flex: 1;
  max-width: 150px;
}
@media (max-width: 480px) {
  .btn--massConsensus {
    padding: 0.5rem 1rem;
    min-width: 60px;
    font-size: 0.9rem;
  }
}
@media (max-width: 360px) {
  .btn--massConsensus {
    padding: 0.5rem 0.8rem;
    min-width: 50px;
    font-size: 0.85rem;
  }
}
.btn--approve {
  background-color: #4fab9a !important;
  color: white;
  width: 165px;
  height: 44px;
  padding: 8px 12px;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0px 2px 4px 0px rgba(38, 56, 84, 0.2196078431), 0px 9px 6px 0px rgba(38, 56, 84, 0.1098039216), 0px 16px 7px 0px rgba(38, 56, 84, 0.031372549);
}
.btn--approve:hover {
  background-color: #37756a !important;
}
.btn--reject {
  background: transparent;
  color: var(--Text-Error, #f74a4d);
  border: 1px solid var(--Text-Error, #f74a4d);
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 25px;
  font-weight: 800;
  cursor: pointer;
  width: 98px;
  height: 44px;
}
.btn--reject:hover {
  color: var(--Text-Error, #be3b3d);
  border: 1px solid var(--Text-Error, #be3b3d);
  background-color: var(--bg-hover);
}
.btn--Close {
  align-self: center;
  margin: 2rem 0 1rem 0;
  width: 89px;
  height: 44px;
  color: #285edc;
  border: 1px solid #285edc;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btn--Close:hover {
  background-color: rgba(40, 94, 220, 0.1);
}
.buttonOutlineWhite {
  background: none;
  border: 1px solid white;
}
.buttonOutlineWhite:active {
  background: rgba(255, 255, 255, 0.191);
}
.buttonOutlineGray {
  background: rgba(255, 255, 255, 0);
  border: 1px solid rgb(63, 63, 63);
  color: rgb(63, 63, 63);
}
.buttonOutlineGray:hover {
  background: rgba(126, 122, 122, 0.228);
}
.confirm {
  background: #51d051 !important;
}
.cancel {
  background: #e85353;
}
.negative {
  color: red;
}
.fav {
  background: var(--btn-fab);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 50%;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.5);
  user-select: none;
  cursor: pointer;
  z-index: 200;
}
.fav:active {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.fav--blink {
  /* animation: name duration timing-function delay iteration-count direction fill-mode; */
  animation: blinkFav 200ms ease-in-out 0s 35 alternate;
}
.fav--fixed {
  position: absolute;
}
@media (max-width: 650px) {
  .fav--fixed {
    right: 1.5rem;
  }
}
@media (max-width: 300px) {
  .fav--fixed {
    right: calc(50vw - 15ch);
  }
}
.fav--up {
  bottom: 24vh;
  right: 5vw;
}
.fav > div {
  z-index: 100;
  background: var(--accent);
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainButton {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.arc-buttons {
  position: absolute;
  bottom: -0.3rem;
  right: 0;
  align-items: center;
}
.arc-buttons button {
  margin: 0.1rem;
  opacity: 0;
}
.arc-buttons.open button:nth-child(1) {
  position: relative;
  opacity: 1;
  animation: moveToFirstButton 0.5s forwards;
  left: 0.1rem;
  top: 19.5rem;
}
.arc-buttons.open button:nth-child(2) {
  position: relative;
  opacity: 0;
  top: 0;
  animation: moveToSecondButton 0.5s forwards;
  animation-delay: 0.1s;
}
.arc-buttons.open button:nth-child(3) {
  position: relative;
  opacity: 0;
  animation: moveToThirdButton 0.5s forwards;
  animation-delay: 0.3s;
}
.arc-buttons.open button:nth-child(4) {
  position: relative;
  opacity: 0;
  animation: moveToFourthButton 0.5s forwards;
  animation-delay: 0.5s;
}
.arc-buttons.open button:nth-child(5) {
  position: relative;
  opacity: 0;
  animation: moveToFifthButton 0.5s forwards;
  animation-delay: 0.7s;
}
.mainButton:hover,
.arc-buttons.open button:hover {
  opacity: 0.5;
}
@keyframes moveToSecondButton {
  0% {
    opacity: 0;
    top: 13rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -75px);
    top: 20.5rem;
    right: 5rem;
  }
}
@keyframes moveToThirdButton {
  0% {
    opacity: 0;
    top: 11rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    top: 10.8rem;
    right: 5.2rem;
  }
}
@keyframes moveToFourthButton {
  0% {
    opacity: 0;
    top: 5rem;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, -25px) rotate(15deg);
    top: 1.1rem;
    right: 3rem;
  }
}
@keyframes moveToFifthButton {
  0% {
    opacity: 0;
    transform: translate(0, 0);
    top: 8rem;
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    bottom: 3rem;
    left: 1rem;
  }
}
@keyframes blinkFav {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.9);
  }
}
.slide-in {
  animation: slideIn var(--motion-slow) var(--motion-ease);
}
.slide-out {
  animation: slideOut var(--motion-slow) var(--motion-ease);
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(-24px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOut {
  0% {
    opacity: 0;
    transform: translateX(24px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.zoom-in {
  animation: zoomIn var(--motion-slow) var(--motion-ease);
}
.zoom-out {
  animation: zoomOut var(--motion-slow) var(--motion-ease);
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.98);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fade-in {
  animation: fadeIn var(--motion-slow) var(--motion-ease);
}
.fade-out {
  animation: fadeOut var(--motion-slow) var(--motion-ease-exit);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.app-header {
  width: 100%;
  height: 4.2rem;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.1490196078);
  position: relative;
  z-index: 100;
  background-color: var(--header);
  border-radius: 0 0 2.1rem 0;
}
.app-header[dir=rtl] {
  border-radius: 0 0 0 2.1rem;
}
@media (max-width: 600px) {
  .app-header {
    height: 3.5rem;
    border-radius: 0 0 1.75rem 0;
  }
  .app-header[dir=rtl] {
    border-radius: 0 0 0 1.75rem;
  }
}
.app-header--sticky {
  position: sticky;
  top: 0;
}
.app-header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.app-header--shadow {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.app-header--transparent {
  background-color: transparent;
  box-shadow: none;
}
.app-header--dark {
  background-color: var(--dark-header, #333);
  color: var(--white);
}
.app-header--light {
  background-color: var(--light-header, #fff);
  color: var(--dark-text, #333);
}
.app-header--light .app-header-title,
.app-header--light .app-header-back-button {
  color: var(--dark-text, #333);
}
.app-header--light .app-header-back-button svg {
  color: var(--dark-text, #333);
}
.app-header-wrapper {
  width: 100%;
  height: 100%;
  max-width: var(--wrapper);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .app-header-wrapper {
    padding: 0 0.5rem;
    gap: 0.5rem;
  }
}
.app-header-title {
  flex: 1;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--white);
}
@media (max-width: 768px) {
  .app-header-title {
    font-size: 1.1rem;
  }
}
.app-header-back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  color: var(--white);
  min-width: 44px;
  min-height: 44px;
}
.app-header-back-button:hover {
  background-color: color-mix(in srgb, currentColor 12%, transparent);
}
.app-header-back-button svg {
  width: 24px;
  height: 24px;
  color: currentColor;
}
.app-header-spacer {
  width: 40px;
  height: 40px;
}
[dir=rtl] .app-header-back-button:not(.no-rotate) .back-arrow-icon {
  transform: rotate(180deg);
}._button_hqm15_1 {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.625rem 1.5rem;
  border-radius: 50px;
  color: var(--text-light-btn);
  box-sizing: border-box;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._button--primary_hqm15_16 {
  background-color: var(--btn-primary);
  color: var(--white);
  box-shadow: 0px 3px 6px rgba(95, 136, 229, 0.3);
}
._button--primary_hqm15_16:hover:not(._button--disabled_hqm15_21) {
  background-color: var(--btn-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0px 4px 8px rgba(95, 136, 229, 0.4);
}
._button--primary_hqm15_16:active:not(._button--disabled_hqm15_21) {
  transform: translateY(0);
  box-shadow: 0px 2px 4px rgba(95, 136, 229, 0.3);
}
._button--secondary_hqm15_30 {
  background-color: var(--card-default);
  color: var(--btn-secondary);
  border: 1px solid var(--btn-secondary);
}
._button--secondary_hqm15_30:hover:not(._button--disabled_hqm15_21) {
  background-color: var(--surface-background);
}
._button--disabled_hqm15_21 {
  background-color: var(--btn-primary-disabled);
  color: var(--btn-white-selected);
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.7;
}
._button__text_hqm15_45 {
  font-size: 1rem;
  text-align: center;
  padding: 0 0.5rem;
  white-space: nowrap;
}
._button__icon-wrapper_hqm15_51 {
  display: flex;
  align-items: center;
  justify-content: center;
}
._button__icon_hqm15_51 {
  background-color: var(--button-blue);
  color: white;
  height: 100%;
  min-width: 2rem;
  padding: 0.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3.25rem;
  border: solid 2px var(--white);
}
._button__icon_hqm15_51 svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.2rem;
}
._button__icon--right_hqm15_73 {
  border-radius: 3.25rem;
}
._button--right_hqm15_76 {
  flex-direction: row-reverse;
}
._button--with-icon_hqm15_79 {
  padding-right: 2.5rem;
}

._rtl_hqm15_83 {
  flex-direction: row-reverse;
}
._rtl_hqm15_83 svg {
  transform: scaleX(-1);
}

._ltr_hqm15_90 {
  flex-direction: row;
}._modal_102iu_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-overlay);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 2rem;
}
._modal_102iu_1 ._modalContent_102iu_15 {
  background-color: var(--statementBackground);
  border-radius: 0.5rem;
  box-shadow: 0px 20px 50px 0px rgba(33, 37, 54, 0.2);
  box-shadow: 0px -4px 40px 0px rgba(33, 37, 54, 0.3019607843);
  height: fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  ._modal_102iu_1 ._modalContent_102iu_15 {
    animation-name: _rise_102iu_1;
    animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    min-width: none;
    max-width: 75ch;
  }
}

@keyframes _rise_102iu_1 {
  from {
    transform: translateY(100%) scale(0.1);
    opacity: 0.3;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}._termsOfUse_1ymal_1 {
  max-width: 60ch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
}
._termsOfUse_1ymal_1 ._termsOfUse-title_1ymal_10 {
  color: var(--header);
}
._termsOfUse_1ymal_1 ._termsOfUse-error_1ymal_13 {
  margin: 0;
  color: var(--text-error);
  text-align: center;
  font-weight: 600;
}._loading-page_59d50_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: linear-gradient(135deg, var(--mainBackground) 0%, #163d6b 100%);
  color: white;
  position: relative;
  overflow: hidden;
}
._loading-page_59d50_1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(124, 172, 248, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(87, 198, 178, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
._loading-page__content_59d50_23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  z-index: 1;
  padding: 2rem;
  text-align: center;
  animation: _fadeIn_59d50_1 0.4s ease-out;
}
._loading-page__brand_59d50_33 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0;
  color: white;
}
._loading-page__tagline_59d50_40 {
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
._loading-page__status_59d50_46 {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  animation: _statusPulse_59d50_1 3s ease-in-out infinite;
}

._constellation-loader_59d50_53 {
  position: relative;
  width: 140px;
  height: 140px;
  margin: 1rem 0;
}
._constellation-loader__center_59d50_59 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
  animation: _centerPulse_59d50_1 2s ease-in-out infinite;
}
._constellation-loader__node_59d50_71 {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
}
._constellation-loader__node_59d50_71::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
}
._constellation-loader__node_59d50_71:nth-child(2) {
  color: var(--accent);
  animation: _orbit1_59d50_1 4s linear infinite, _nodeGlow_59d50_1 2s ease-in-out infinite;
}
._constellation-loader__node_59d50_71:nth-child(3) {
  color: var(--agree);
  animation: _orbit2_59d50_1 5s linear infinite, _nodeGlow_59d50_1 2.5s ease-in-out infinite 0.4s;
}
._constellation-loader__node_59d50_71:nth-child(4) {
  color: var(--question);
  animation: _orbit3_59d50_1 6s linear infinite, _nodeGlow_59d50_1 3s ease-in-out infinite 0.8s;
}
._constellation-loader__node_59d50_71:nth-child(5) {
  color: rgba(255, 255, 255, 0.95);
  animation: _orbit4_59d50_1 4.5s linear infinite, _nodeGlow_59d50_1 2.2s ease-in-out infinite 1.2s;
}
._constellation-loader__node_59d50_71:nth-child(6) {
  color: var(--group);
  animation: _orbit5_59d50_1 5.5s linear infinite, _nodeGlow_59d50_1 2.8s ease-in-out infinite 1.6s;
}
._constellation-loader__node_59d50_71:nth-child(7) {
  color: var(--option);
  animation: _orbit6_59d50_1 7s linear infinite, _nodeGlow_59d50_1 3.2s ease-in-out infinite 2s;
}
._constellation-loader__connections_59d50_113 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
._constellation-loader__connections_59d50_113::before, ._constellation-loader__connections_59d50_113::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform-origin: left center;
}
._constellation-loader__connections_59d50_113::before {
  width: 90px;
  animation: _connectionRotate_59d50_1 8s linear infinite;
}
._constellation-loader__connections_59d50_113::after {
  width: 70px;
  animation: _connectionRotate_59d50_1 10s linear infinite reverse;
}
._constellation-loader__ring_59d50_139 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: _ringPulse_59d50_1 4s ease-in-out infinite;
}

._loading-progress_59d50_151 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 240px;
}
._loading-progress__bar-container_59d50_159 {
  width: 100%;
  height: 4px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  overflow: hidden;
}
._loading-progress__bar_59d50_159 {
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, var(--accent), var(--agree), var(--accent));
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _progressShimmer_59d50_1 2s ease-in-out infinite, _progressIndeterminate_59d50_1 2.5s ease-in-out infinite;
}
._loading-progress__stages_59d50_174 {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
._loading-progress__dot_59d50_179 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}
._loading-progress__dot--active_59d50_186 {
  background: var(--agree);
  box-shadow: 0 0 8px var(--agree);
}
._loading-progress__dot--completed_59d50_190 {
  background: white;
}

@keyframes _fadeIn_59d50_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _centerPulse_59d50_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.15);
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.7);
  }
}
@keyframes _nodeGlow_59d50_1 {
  0%, 100% {
    opacity: 0.8;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}
@keyframes _orbit1_59d50_1 {
  0% {
    transform: rotate(0deg) translateX(40px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(40px) rotate(-360deg);
  }
}
@keyframes _orbit2_59d50_1 {
  0% {
    transform: rotate(60deg) translateX(48px) rotate(-60deg);
  }
  100% {
    transform: rotate(420deg) translateX(48px) rotate(-420deg);
  }
}
@keyframes _orbit3_59d50_1 {
  0% {
    transform: rotate(120deg) translateX(56px) rotate(-120deg);
  }
  100% {
    transform: rotate(480deg) translateX(56px) rotate(-480deg);
  }
}
@keyframes _orbit4_59d50_1 {
  0% {
    transform: rotate(180deg) translateX(44px) rotate(-180deg);
  }
  100% {
    transform: rotate(540deg) translateX(44px) rotate(-540deg);
  }
}
@keyframes _orbit5_59d50_1 {
  0% {
    transform: rotate(240deg) translateX(60px) rotate(-240deg);
  }
  100% {
    transform: rotate(600deg) translateX(60px) rotate(-600deg);
  }
}
@keyframes _orbit6_59d50_1 {
  0% {
    transform: rotate(300deg) translateX(52px) rotate(-300deg);
  }
  100% {
    transform: rotate(660deg) translateX(52px) rotate(-660deg);
  }
}
@keyframes _connectionRotate_59d50_1 {
  0% {
    transform: rotate(0deg);
    opacity: 0;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 0.4;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0;
  }
}
@keyframes _ringPulse_59d50_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.4;
  }
}
@keyframes _statusPulse_59d50_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _progressShimmer_59d50_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes _progressIndeterminate_59d50_1 {
  0% {
    width: 0%;
    margin-left: 0%;
  }
  50% {
    width: 60%;
    margin-left: 20%;
  }
  100% {
    width: 0%;
    margin-left: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._constellation-loader__node_59d50_71,
  ._constellation-loader__center_59d50_59,
  ._constellation-loader__connections_59d50_113::before,
  ._constellation-loader__connections_59d50_113::after,
  ._constellation-loader__ring_59d50_139,
  ._loading-progress__bar_59d50_159 {
    animation: none;
  }
  ._constellation-loader__node_59d50_71:nth-child(2) {
    transform: translateX(40px);
  }
  ._constellation-loader__node_59d50_71:nth-child(3) {
    transform: translateY(-48px);
  }
  ._constellation-loader__node_59d50_71:nth-child(4) {
    transform: translateX(-56px);
  }
  ._constellation-loader__node_59d50_71:nth-child(5) {
    transform: translateY(44px);
  }
  ._constellation-loader__node_59d50_71:nth-child(6) {
    transform: translate(42px, -42px);
  }
  ._constellation-loader__node_59d50_71:nth-child(7) {
    transform: translate(-37px, 37px);
  }
  ._loading-progress__bar_59d50_159 {
    width: 50%;
  }
  ._loading-page__status_59d50_46 {
    animation: none;
    opacity: 0.85;
  }
}._iconButton_1boea_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
._iconButton_1boea_1 svg {
  height: 24px;
}._accessibility_1xxr4_1 {
  display: flex;
  position: fixed;
  z-index: 1000;
  top: 30vh;
  left: 3rem;
  transform: translateX(-92%) scale(0.7);
  transform-origin: top;
  border-radius: 0px 100px 100px 0px;
  transition: transform 0.5s ease-in-out;
  direction: rtl;
}
._accessibility_1xxr4_1._isOpen_1xxr4_13 {
  transform: translateX(-20%);
}
._accessibility_1xxr4_1 ._accessibilityFontsSize_1xxr4_16 {
  font-size: 1.2rem;
}
._accessibility_1xxr4_1 ._accessibilityPanel_1xxr4_19 {
  display: flex;
  width: 11rem;
  flex-direction: column;
  background-color: var(--card-default);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.44);
}
._accessibility_1xxr4_1 ._accessibilityPanel__fonts_1xxr4_26 {
  height: 3.1rem;
  display: flex;
  justify-content: space-around;
  background-color: var(--btn-primary);
  color: white;
  box-shadow: 0 0 0 0.2rem var(--btn-primary);
}
._accessibility_1xxr4_1 ._accessibilityPanel__contrast_1xxr4_34 {
  display: flex;
  flex-direction: column;
}
._accessibility_1xxr4_1 ._accessibilityPanel__contrast_1xxr4_34 button {
  padding: 0.5rem 1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  text-wrap: nowrap;
  font-size: inherit;
}
._accessibility_1xxr4_1 ._accessibilityPanel_1xxr4_19 > * {
  display: flex;
  align-items: center;
  user-select: none;
}
._accessibility_1xxr4_1 ._accessibilityPanel_1xxr4_19 ._changeFontSizeButton_1xxr4_53 {
  background-color: var(--card-default);
  width: 2.5rem;
  height: 2.2rem;
  border-radius: 0.1rem;
  cursor: pointer;
  user-select: none;
  color: var(--btn-accessibility-icons);
  font-size: 1.5rem;
}
._accessibility_1xxr4_1 ._accessibilityButton_1xxr4_63 {
  height: 3.1rem;
  width: 3.3rem;
  color: white;
  padding: 0.2rem;
  border: solid 0.2rem var(--white);
  border-left: none;
  border-radius: 0px 10rem 10rem 0px;
  box-shadow: 0 0 0 0.2rem var(--btn-primary), 4px 4px 12px rgba(0, 0, 0, 0.44);
  clip-path: inset(-1rem -1rem -1rem 0.1rem);
  z-index: 1001;
  background-color: var(--btn-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
._accessibility_1xxr4_1 ._accessibilityButton_1xxr4_63 svg {
  width: 1.7rem;
  height: 1.7rem;
  margin-inline-start: 1ch;
}

._lightContrast_1xxr4_87 {
  background-color: var(--btn-accessibility-light-contrast-icons);
  color: var(--btn-accessibility-light-contrast-text-contrast);
}
._lightContrast_1xxr4_87 svg {
  color: var(--btn-accessibility-light-contrast-text-contrast);
}

._highContrast_1xxr4_95 {
  background-color: var(--btn-accessibility-light-contrast);
  color: var(--btn-accessibility-light-contrast-icons);
}
._highContrast_1xxr4_95 svg {
  color: var(--btn-accessibility-light-contrast-icons);
}._listener-stats_acuw2_1 {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(20, 20, 30, 0.95);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 10000;
  font-size: 12px;
  min-width: 250px;
  max-width: 450px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
._listener-stats--expanded_acuw2_16 {
  max-width: 500px;
}
._listener-stats__close_acuw2_19 {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 1;
}
._listener-stats__close_acuw2_19:hover {
  background: rgba(244, 67, 54, 0.3);
  border-color: rgba(244, 67, 54, 0.5);
  color: #fff;
  transform: scale(1.1);
}
._listener-stats__close_acuw2_19:active {
  transform: scale(0.95);
}
._listener-stats__header_acuw2_47 {
  padding: 10px 40px 10px 15px;
  cursor: pointer;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  user-select: none;
}
._listener-stats__header_acuw2_47:hover {
  background: rgba(255, 255, 255, 0.05);
}
._listener-stats__title_acuw2_56 {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 14px;
}
._listener-stats__summary_acuw2_61 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
}
._listener-stats__content_acuw2_65 {
  padding: 15px;
  max-height: 600px;
  overflow-y: auto;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar {
  width: 6px;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
._listener-stats__content_acuw2_65::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
._listener-stats__section_acuw2_83 {
  margin-bottom: 20px;
}
._listener-stats__section_acuw2_83:last-child {
  margin-bottom: 0;
}
._listener-stats__section_acuw2_83 h3 {
  margin: 0 0 10px 0;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
._listener-stats__grid_acuw2_97 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
._listener-stats__item_acuw2_102 {
  display: flex;
  flex-direction: column;
  padding: 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._listener-stats__label_acuw2_109 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
._listener-stats__value_acuw2_116 {
  font-size: 18px;
  font-weight: 600;
  color: #4fc3f7;
}
._listener-stats__types_acuw2_121 {
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.05);
  padding: 10px;
  border-radius: 4px;
}
._listener-stats__type_acuw2_121 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._listener-stats__type_acuw2_121 span:first-child {
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
._listener-stats__type_acuw2_121 span:last-child {
  font-size: 16px;
  font-weight: 600;
}
._listener-stats__top-listeners_acuw2_143 {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 4px;
  padding: 8px;
}
._listener-stats__listener_acuw2_148 {
  display: flex;
  align-items: center;
  padding: 6px;
  margin-bottom: 4px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 4px;
}
._listener-stats__listener_acuw2_148:last-child {
  margin-bottom: 0;
}
._listener-stats__listener-rank_acuw2_159 {
  font-weight: 600;
  color: #ffd54f;
  margin-right: 10px;
  min-width: 25px;
}
._listener-stats__listener-info_acuw2_165 {
  flex: 1;
  overflow: hidden;
}
._listener-stats__listener-key_acuw2_169 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
._listener-stats__listener-stats_acuw2_177 {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.6);
}
._listener-stats__actions_acuw2_181 {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
._listener-stats__button_acuw2_188 {
  flex: 1;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 600;
}
._listener-stats__button_acuw2_188:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
._listener-stats__button--danger_acuw2_206 {
  background: rgba(244, 67, 54, 0.2);
  border-color: rgba(244, 67, 54, 0.3);
}
._listener-stats__button--danger_acuw2_206:hover {
  background: rgba(244, 67, 54, 0.3);
  border-color: rgba(244, 67, 54, 0.5);
}._snackbar_1rkcd_1 {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--text-caption);
  color: var(--white);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10001;
  min-width: 280px;
  max-width: 90vw;
  transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._snackbar_1rkcd_1._visible_1rkcd_16 {
  bottom: 20px;
  animation: _slideUp_1rkcd_1 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
._snackbar_1rkcd_1._info_1rkcd_20 {
  background: var(--btn-primary);
}
._snackbar_1rkcd_1._success_1rkcd_23 {
  background: var(--agree);
}
._snackbar_1rkcd_1._warning_1rkcd_26 {
  background: var(--text-warning);
}
._snackbar_1rkcd_1._error_1rkcd_29 {
  background: var(--red);
}
._snackbar_1rkcd_1 ._content_1rkcd_32 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}
._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}
._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
  font-size: 0.875rem;
  opacity: 0.9;
  line-height: 1.3;
}

@keyframes _slideUp_1rkcd_1 {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 20px;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  ._snackbar_1rkcd_1 {
    bottom: -150px;
    width: calc(100% - 2rem);
    max-width: none;
    left: 1rem;
    right: 1rem;
    transform: none;
  }
  ._snackbar_1rkcd_1._visible_1rkcd_16 {
    bottom: 1rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
    font-size: 0.95rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
    font-size: 0.825rem;
  }
  @keyframes _slideUp_1rkcd_1 {
    from {
      bottom: -150px;
      opacity: 0;
    }
    to {
      bottom: 1rem;
      opacity: 1;
    }
  }
}
@media (max-width: 480px) {
  ._snackbar_1rkcd_1 {
    min-width: unset;
    padding: 0.875rem 1.25rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._message_1rkcd_39 {
    font-size: 0.9rem;
  }
  ._snackbar_1rkcd_1 ._content_1rkcd_32 ._subMessage_1rkcd_44 {
    font-size: 0.8rem;
  }
}._invitation_kwczs_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 3.5rem;
}
._invitation__form_kwczs_7 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._invitation__form__noRooms_kwczs_15 {
  color: white;
}
._invitation__form__btn_kwczs_18 {
  width: 9.5rem;
  height: 3rem;
  border-radius: 0.23rem;
  padding: 0.7rem 2.8rem;
  background-color: white;
  color: rgba(71, 137, 209, 0.4);
  font-size: 1.05rem;
  font-weight: 400;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  cursor: pointer;
}
._invitation__form__inputBoxWrapper_kwczs_30 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 0.7rem;
}
._invitation__form__inputBoxWrapper__input_kwczs_37 {
  background-color: var(--inputBackground);
  width: 3.1rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--h2Color);
  font-weight: 400;
  font-size: 2.1rem;
  border-radius: 0.125rem;
  padding: 0.7px 0.9px;
  text-align: center;
}
._invitation__form__inputBoxWrapper__input_kwczs_37::placeholder {
  font-size: 2.11rem;
  font-weight: 400;
  text-align: center;
  color: var(--dark-blue);
  opacity: 0.15;
}
._invitation__error_kwczs_58 {
  background-color: var(--crimson);
  color: white;
  padding: 0.3rem 1.5rem;
  border-radius: 0.5rem;
  max-width: 25ch;
  line-height: 1.7rem;
  text-align: center;
  box-shadow: 0 0 1rem var(--crimson);
}._inviteModal_16vfr_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: max-content;
  z-index: 300;
  display: flex;
  align-items: center;
  flex-direction: column;
  animation: _fallingDown_16vfr_1 0.8s forwards;
  transition: 1s ease-in-out;
}
._inviteModal__content_16vfr_14 {
  background: linear-gradient(to bottom, rgb(101, 156, 240), rgb(94, 128, 234));
  box-shadow: 0px 6px 13px 0px rgba(44, 47, 114, 0.1019607843), 0px 24px 24px 0px rgba(44, 47, 114, 0.0901960784), 0px 53px 32px 0px rgba(44, 47, 114, 0.0509803922), 0px 94px 38px 0px rgba(44, 47, 114, 0.0117647059), 0px 147px 41px 0px rgba(44, 47, 114, 0);
  clip-path: ellipse(70% 100% at 50% 0%);
  width: 100%;
  height: max-content;
  padding-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
}

._closing_16vfr_27 {
  animation: _closingTab_16vfr_1 0.5s;
  transition: 1s ease-in-out;
}

@keyframes _fallingDown_16vfr_1 {
  0% {
    top: -300px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  50% {
    top: 50px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  70% {
    top: -5px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  90% {
    top: 5px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  100% {
    top: 0px;
    animation-timing-function: ease-out;
  }
}
@keyframes _closingTab_16vfr_1 {
  0% {
    top: 0px;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
  }
  100% {
    top: -300px;
    animation-timing-function: ease-out;
  }
}
@media screen and (max-width: 375px) {
  ._inviteModal__content_16vfr_14 {
    clip-path: ellipse(95% 100% at 50% 0%);
  }
}
@media screen and (min-width: 376px) and (max-width: 576px) {
  ._inviteModal__content_16vfr_14 {
    clip-path: ellipse(85% 100% at 50% 0%);
  }
}._popover_6s8gd_1 {
  position: absolute;
  top: calc(100% + 0.5rem);
  z-index: 1100;
  min-width: 12.5rem;
  max-width: 16rem;
  padding: 0.375rem;
  background-color: var(--card-default);
  border: 1px solid var(--border-light);
  border-radius: 0.75rem;
  box-shadow: 0px 8px 16px rgba(38, 56, 84, 0.12), 0px 16px 32px rgba(38, 56, 84, 0.08);
  display: flex;
  flex-direction: column;
  gap: 2px;
  animation: _popoverAppear_6s8gd_1 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  ._popover_6s8gd_1 {
    animation: none;
  }
}

._alignEnd_6s8gd_23 {
  inset-inline-start: 0;
}

._alignCenter_6s8gd_27 {
  left: 50%;
  transform: translateX(-50%);
}

._option_6s8gd_32 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--text-body);
  font-family: "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: start;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
._option_6s8gd_32:hover {
  background-color: var(--toggle-background, rgba(95, 136, 229, 0.08));
}
._option_6s8gd_32:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
}

._selected_6s8gd_57 {
  background-color: rgba(95, 136, 229, 0.1);
  color: var(--btn-primary);
  font-weight: 600;
}

._flag_6s8gd_63 {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  border-radius: 2px;
  overflow: hidden;
}

._label_6s8gd_71 {
  flex: 1;
}

._check_6s8gd_75 {
  color: var(--btn-primary);
  font-weight: 700;
  margin-inline-start: 0.5rem;
}

@keyframes _popoverAppear_6s8gd_1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: no-preference) {
  ._alignCenter_6s8gd_27[class] {
    animation: _popoverAppearCentered_6s8gd_1 0.15s ease-out;
  }
}

@keyframes _popoverAppearCentered_6s8gd_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -4px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}._inAppNotifications_tbuzl_1 {
  position: fixed;
  top: 3.5rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--card-default);
  box-shadow: 3px 3px 10px rgba(169, 173, 244, 0.6039215686);
  border-radius: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 1rem);
  max-width: 30rem;
  color: var(--text-title);
  z-index: 100;
}
._inAppNotifications_tbuzl_1 a {
  text-align: start;
}
._inAppNotifications_tbuzl_1 a:hover {
  color: var(--text-title);
}

._notificationsList_tbuzl_24 {
  overflow-y: auto;
  max-height: 60vh;
}
@media screen and (max-width: 768px) {
  ._notificationsList_tbuzl_24 {
    max-height: calc(100vh - 10rem);
  }
}

._header_tbuzl_34 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  margin-bottom: 0.5rem;
}

._notificationTitle_tbuzl_44 {
  font-weight: bold;
  font-size: 1.2rem;
  white-space: nowrap;
}

._actions_tbuzl_50 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

._actionBtn_tbuzl_56 {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 8px;
  border: 1px solid var(--border-color, #e0e0e0);
  background: transparent;
  color: var(--text-body, #555);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
._actionBtn_tbuzl_56:hover {
  background: var(--btn-primary, #5f88e5);
  color: white;
}

._noNotifications_tbuzl_72 {
  text-align: center;
  padding: 2rem 1rem;
  color: var(--text-caption);
}._notificationLink_1qv2e_1 :hover {
  background-color: #dbdbdb;
}
._notificationLink_1qv2e_1._unread_1qv2e_4 {
  background-color: rgba(109, 176, 249, 0.1);
  border-left: 3px solid var(--icons-blue-dark);
}
._notificationLink_1qv2e_1._read_1qv2e_8 {
  opacity: 0.7;
}

._notificationCard_1qv2e_12 {
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
  padding: 10px;
  border-radius: 0.36rem;
  position: relative;
}
._notificationCard_1qv2e_12._unread_1qv2e_4::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--icons-blue-dark);
}

._discussion_1qv2e_32 {
  display: block;
  font-size: 0.75rem;
  color: var(--icons-blue-dark);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}

._username_1qv2e_43 {
  color: var(--text-caption);
  font-weight: 600;
}

._message_1qv2e_48 {
  font-weight: 400;
  color: var(--text-body);
}

._avatar_1qv2e_53 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid white;
  background-color: #ccc;
}

._text_1qv2e_62 {
  overflow: hidden;
  text-overflow: ellipsis;
}

._noNotifications_1qv2e_67 {
  text-align: center;
  color: gray;
}._notificationBtn_u5q63_1 {
  position: relative;
  color: inherit;
}._badge_5r3t1_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--icons-blue-dark);
  color: white;
  border-radius: 50%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  user-select: none;
  font-size: 0.625rem;
  transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 2px 4px rgba(27, 69, 167, 0.3);
}
._badge--small_5r3t1_16 {
  width: 1rem;
  height: 1rem;
  font-size: 0.5625rem;
  min-width: 1rem;
}
._badge--medium_5r3t1_22 {
  width: 1.2rem;
  height: 1.2rem;
  font-size: 0.625rem;
  min-width: 1.2rem;
}
._badge--large_5r3t1_28 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  min-width: 1.5rem;
}
._badge--relative_5r3t1_34 {
  position: relative;
}
._badge--absolute_5r3t1_37 {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  z-index: 10;
}
._badge_5r3t1_1:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 6px rgba(27, 69, 167, 0.4);
}
@media screen and (max-width: 440px) {
  ._badge--small_5r3t1_16 {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 0.625rem;
  }
  ._badge--medium_5r3t1_22 {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.6875rem;
  }
  ._badge--large_5r3t1_28 {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 0.8125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._badge_5r3t1_1 {
    transition: none;
  }
  ._badge_5r3t1_1:hover {
    transform: none;
  }
}._checkbox_1luxw_1 {
  font-family: "Roboto", sans-serif;
  line-height: 150%;
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}
._checkbox_1luxw_1 input {
  display: none;
}
._checkbox_1luxw_1 ._hiddenInput_1luxw_12 {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
._checkbox_1luxw_1 ._checkboxIcon_1luxw_17 {
  min-width: 24px;
}
._checkbox_1luxw_1 ._checkboxIcon_1luxw_17 svg {
  color: var(--icons-disabled);
  width: 24px;
  height: 24px;
}
._checkbox_1luxw_1 ._checkboxLabel_1luxw_25 {
  flex: 1;
  color: var(--text-disabled);
}
._checkbox_1luxw_1._checked_1luxw_29 ._checkboxLabel_1luxw_25 {
  color: var(--text-body);
}
._checkbox_1luxw_1._checked_1luxw_29 ._checkboxIcon_1luxw_17 svg {
  color: var(--icons-blue-dark);
}._visuallyHidden_kzagj_1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}._actions_g18q1_1 {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  margin: 1rem 0;
}

._approveBtn_g18q1_8 {
  background-color: var(--icons-green);
  color: white;
  width: 165px;
  height: 44px;
  padding: 8px 12px;
  border-radius: 25px;
  font-size: 15px;
  cursor: pointer;
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(38, 56, 84, 0.2196078431), 0px 9px 6px 0px rgba(38, 56, 84, 0.1098039216), 0px 16px 7px 0px rgba(38, 56, 84, 0.031372549);
}
._approveBtn_g18q1_8:hover {
  background-color: #37756a;
}

._rejectBtn_g18q1_24 {
  background: transparent;
  color: var(--text-error);
  border: 1px solid var(--text-error);
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 25px;
  font-weight: 800;
  cursor: pointer;
  width: 98px;
  height: 44px;
}
._rejectBtn_g18q1_24:hover {
  color: #be3b3d;
  border-color: #be3b3d;
  background-color: var(--bg-hover);
}

._wrapper_g18q1_42 {
  background-color: #f2f6ff;
  border-bottom: 1px solid #bdcef4;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  user-select: none;
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
  font-size: 16px;
  gap: 2.2rem;
  margin-top: 0.5rem;
  background-color: #f2f6ff;
  border-radius: 5px;
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._avatar_g18q1_61 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._userInfo_g18q1_67 {
  display: flex;
  flex-direction: column;
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._displayName_g18q1_71 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  width: 105px;
  height: 28px;
  font-size: 16px;
  color: var(--text-subtitle);
}
@media screen and (max-width: 667px) {
  ._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._displayName_g18q1_71 {
    margin-right: 0;
  }
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._expandBtn_g18q1_85 {
  margin: 0.3rem;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
._wrapper_g18q1_42 ._summaryRow_g18q1_50 ._requestDate_g18q1_91 {
  height: 21px;
  font-size: 14px;
  color: #7484a9;
}
._wrapper_g18q1_42 label,
._wrapper_g18q1_42 ._groupStatus_g18q1_97 {
  margin-bottom: 0.7rem;
  font-size: 14px;
  color: #7484a9;
}
._wrapper_g18q1_42 ._groupStatus_g18q1_97 {
  display: flex;
  align-items: end;
  font-weight: bolder;
  font-size: 15px;
}
._wrapper_g18q1_42 ._detailRow_g18q1_108 {
  display: flex;
  gap: 1.4rem;
}
._wrapper_g18q1_42 ._detailRow_g18q1_108 ._groupName_g18q1_112 {
  display: flex;
  flex-direction: row;
  justify-content: end;
  height: 26px;
  color: var(--Text-Title, #191e29);
  font-size: 16px;
  font-weight: 700;
}
._wrapper_g18q1_42 ._detailRow_g18q1_108._statusRow_g18q1_121 {
  justify-content: space-between;
  align-items: center;
}
._wrapper_g18q1_42 ._detailsPanel_g18q1_125 {
  width: 100%;
  padding: 1rem;
  background-color: #f2f6ff;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._wrapper_g18q1_42 ._detailsPanel_g18q1_125 div {
  font-size: 14px;
}._approveMembers_nw5ug_1 {
  position: relative;
  color: inherit;
}
._approveMembers_nw5ug_1 ._toggleButton_nw5ug_5 {
  color: inherit;
  position: relative;
}
._approveMembers_nw5ug_1 ._toggleButton_nw5ug_5 ._notification_nw5ug_9 {
  position: absolute;
  top: -10px;
  left: -10px;
}
._approveMembers_nw5ug_1 ._membersList_nw5ug_14 {
  position: absolute;
  width: 390px;
  height: auto;
  right: 0px;
  text-align: start;
  user-select: none;
  background-color: var(--surface-background);
  z-index: 10;
  padding: 15px;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: var(--text-body);
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0px 15px 33px 0px rgba(118, 133, 160, 0.1294117647), 0px 60px 60px 0px rgba(118, 133, 160, 0.1098039216), 0px 134px 81px 0px rgba(118, 133, 160, 0.0705882353), 0px 239px 95px 0px rgba(107, 121, 149, 0.0196078431), 0px 373px 104px 0px rgba(107, 121, 149, 0);
}
@media screen and (max-width: 690px) {
  ._approveMembers_nw5ug_1 ._membersList_nw5ug_14 {
    width: 350px;
  }
}
._approveMembers_nw5ug_1 ._membersList_nw5ug_14 h3 {
  margin: 1rem 0.5rem;
}
._approveMembers_nw5ug_1 ._rtl_nw5ug_41 {
  left: -14rem;
  right: auto;
}

._membersList_nw5ug_14 {
  position: relative;
  padding-top: 3rem;
}

._exitButton_nw5ug_51 {
  position: absolute;
  margin: 1rem 0.5rem;
}
._ltr_nw5ug_55 ._exitButton_nw5ug_51 {
  right: 10px;
}
._rtl_nw5ug_41 ._exitButton_nw5ug_51 {
  left: 10px;
}

._listTitle_nw5ug_62 {
  position: relative;
  top: 2.5rem;
  font-size: 1.2rem;
  font-weight: bold;
}
._ltr_nw5ug_55 ._listTitle_nw5ug_62 {
  left: 0;
}
._rtl_nw5ug_41 ._listTitle_nw5ug_62 {
  right: 0;
}

._selectAllWrapper_nw5ug_75 .checkbox-label {
  color: var(--text-subtitle) !important;
}

._reverseCheckboxLayout_nw5ug_79 {
  margin: 2.5rem 0 0 0.5rem;
  flex-direction: row-reverse;
}

._closeBtn_nw5ug_84 {
  align-self: center;
  margin: 2rem 0 1rem 0;
  width: 89px;
  height: 44px;
  color: var(--btn-primary-selected);
  border: 1px solid var(--btn-primary-selected);
  border-radius: 20px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  background: transparent;
  transition: background-color 0.2s ease;
}
._closeBtn_nw5ug_84:hover {
  background-color: rgba(40, 94, 220, 0.1);
}@keyframes _profileMenuSlideIn_wx5sx_1 {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._menu_wx5sx_11 {
  position: relative;
  display: inline-flex;
}
._menu--open_wx5sx_15 {
  z-index: 10000;
}

._trigger_wx5sx_19 {
  display: inline-flex;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  line-height: 0;
}
._trigger_wx5sx_19:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

._menuContent_wx5sx_33 {
  z-index: 10001;
  position: fixed;
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 16px);
  border-radius: 12px;
  color: var(--text-primary);
  background-color: var(--menu-default);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid rgba(199, 215, 247, 0.5);
  animation: _profileMenuSlideIn_wx5sx_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: top center;
}
._menuContent_wx5sx_33::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  ._menuContent_wx5sx_33 {
    animation: none;
  }
}

._menuHeader_wx5sx_64 {
  width: 100%;
  display: flex;
  flex-flow: column;
  position: relative;
  color: #fff;
  font-family: "Roboto", sans-serif;
  z-index: 20;
  padding: 1rem 0;
  background: linear-gradient(135deg, var(--btn-primary) 0%, var(--header-home) 100%);
}

._menuTitle_wx5sx_76 {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 0.5rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

._menuUser_wx5sx_86 {
  display: flex;
  align-items: center;
  padding: 0.5rem 1.25rem;
  gap: 0.875rem;
  letter-spacing: 0.3px;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  margin: 0 0.5rem;
  text-decoration: none;
  color: inherit;
}
._menuUser_wx5sx_86:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

._menuUserText_wx5sx_102 {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

._menuUsername_wx5sx_108 {
  font-size: 0.9375rem;
  font-weight: 500;
  opacity: 0.95;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._menuLevel_wx5sx_117 {
  font-size: 0.75rem;
  font-weight: 500;
  opacity: 0.8;
}

._menuFooter_wx5sx_123 {
  display: flex;
  border-top: 1px solid rgba(199, 215, 247, 0.3);
  margin-top: auto;
}._menuOption_h2joa_1 {
  all: unset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: "Roboto", "Open Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  color: var(--text-body);
  letter-spacing: 0.01em;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(199, 215, 247, 0.4);
  cursor: pointer;
  position: relative;
  z-index: 5;
  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}
._menuOption_h2joa_1:hover {
  background-color: var(--menu-active);
  color: var(--text-title);
}
._menuOption_h2joa_1:hover svg {
  color: var(--btn-primary);
  transform: scale(1.05);
}
._menuOption_h2joa_1:hover ._label_h2joa_30 {
  color: var(--text-title);
}
._menuOption_h2joa_1:active {
  background-color: rgba(199, 215, 247, 0.5);
  transform: scale(0.99);
}
._menuOption_h2joa_1:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: -2px;
  background-color: var(--menu-active);
}
._menuOption_h2joa_1._selected_h2joa_42 {
  background-color: var(--menu-active);
  color: var(--btn-primary);
  font-weight: 500;
}
._menuOption_h2joa_1._selected_h2joa_42::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background-color: var(--btn-primary);
  border-radius: 0 2px 2px 0;
}
._menuOption_h2joa_1._selected_h2joa_42 svg {
  color: var(--btn-primary);
}
._menuOption_h2joa_1._selected_h2joa_42 ._label_h2joa_30 {
  color: var(--btn-primary);
}
[dir=rtl] ._menuOption_h2joa_1._selected_h2joa_42::before {
  left: auto;
  right: 0;
  border-radius: 2px 0 0 2px;
}
._menuOption_h2joa_1:last-child {
  border-bottom: none;
}
._menuOption_h2joa_1 ._label_h2joa_30 {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 0;
  white-space: normal;
  overflow-wrap: break-word;
  transition: color 0.15s ease;
}
._menuOption_h2joa_1 svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--text-caption);
  transition: color 0.15s ease, transform 0.15s ease;
}
._menuOption_h2joa_1[data-variant=danger], ._menuOption_h2joa_1._danger_h2joa_88 {
  color: var(--text-error);
}
._menuOption_h2joa_1[data-variant=danger] svg, ._menuOption_h2joa_1._danger_h2joa_88 svg {
  color: var(--text-error);
}
._menuOption_h2joa_1[data-variant=danger]:hover, ._menuOption_h2joa_1._danger_h2joa_88:hover {
  background-color: rgba(247, 74, 77, 0.08);
  color: var(--icons-red);
}
._menuOption_h2joa_1[data-variant=danger]:hover svg, ._menuOption_h2joa_1._danger_h2joa_88:hover svg {
  color: var(--icons-red);
}
._menuOption_h2joa_1:disabled, ._menuOption_h2joa_1._disabled_h2joa_101 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  ._menuOption_h2joa_1 {
    transition: none;
  }
  ._menuOption_h2joa_1 svg {
    transition: none;
  }
  ._menuOption_h2joa_1 ._label_h2joa_30 {
    transition: none;
  }
}._addStatementModal_1xq68_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._lazyLoadSentinel_1xq68_14 {
  width: 100%;
  height: 1px;
  pointer-events: none;
}

._lazyLoadStatus_1xq68_20 {
  width: 100%;
  padding: 1rem;
  text-align: center;
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
}

._sectionTitle_1xq68_28 {
  padding: 0.75rem 1rem 0.25rem;
  margin: 0;
  font-size: 1.1rem;
  color: var(--text-secondary);
}

._onboarding_1xq68_35 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem 1.5rem 2rem;
  margin: 0 1rem 1.5rem;
  background: var(--card-default, #fff);
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
._onboarding__title_1xq68_46 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 0 0 0.5rem;
}
._onboarding__description_1xq68_52 {
  font-size: 0.95rem;
  color: var(--text-secondary, #6b7280);
  margin: 0 0 1.25rem;
  line-height: 1.5;
}
._onboarding__steps_1xq68_58 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
._onboarding__step_1xq68_58 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-align: start;
}
._onboarding__stepNumber_1xq68_71 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
._onboarding__stepText_1xq68_84 {
  font-size: 0.9rem;
  color: var(--text-body, #374151);
  line-height: 1.4;
}
._onboarding__cta_1xq68_89 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--btn-primary, #5f88e5);
  margin: 0;
}._chatItem_wxzt5_1 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--border-light, #e5e5e5);
  transition: background-color 0.15s ease;
}
._chatItem_wxzt5_1:active {
  background-color: var(--bg-hover, #f5f5f5);
}

._avatar_wxzt5_15 {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--bg-secondary, #e0e0e0);
}

._body_wxzt5_26 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._topRow_wxzt5_34 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

._title_wxzt5_41 {
  font-weight: 600;
  font-size: 1rem;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

._actions_wxzt5_51 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._time_wxzt5_58 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  white-space: nowrap;
}

._lastMessage_wxzt5_64 {
  font-size: 0.875rem;
  color: var(--text-body);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._parentName_wxzt5_72 {
  font-weight: 500;
  color: var(--text-secondary);
}._statementChatMore_sy9k2_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  background: none;
  border: none;
  padding: 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._statementChatMore_sy9k2_1:hover {
  transform: translateY(-1px);
}
._statementChatMore_sy9k2_1:hover ._chatContainer_sy9k2_16 {
  background-color: var(--btn-white-hover);
  box-shadow: 0 4px 8px rgba(95, 136, 229, 0.15);
}
._statementChatMore_sy9k2_1:active {
  transform: translateY(0);
}
._statementChatMore_sy9k2_1:active ._chatContainer_sy9k2_16 {
  background-color: var(--btn-white-selected);
}
._statementChatMore_sy9k2_1:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.375rem 0.625rem;
  border-radius: 16px;
  background-color: var(--surface-background);
  border: 1px solid var(--border-primary);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  min-height: 32px;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
    padding: 0.5rem 0.75rem;
    min-height: 40px;
    border-radius: 20px;
  }
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 {
  background-color: var(--card-question-added, #e3f2fd);
  border-color: var(--question, #5f88e5);
  border-width: 2px;
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 ._icon_sy9k2_54 {
  color: var(--question, #5f88e5);
}
._statementChatMore_sy9k2_1 ._chatContainer--hasMessages_sy9k2_49 ._messageCount_sy9k2_57 {
  color: var(--question, #5f88e5);
  font-weight: 700;
}
._statementChatMore_sy9k2_1 ._icon_sy9k2_54 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--icons-blue);
  flex-shrink: 0;
}
._statementChatMore_sy9k2_1 ._icon_sy9k2_54 svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._icon_sy9k2_54 {
    width: 28px;
    height: 28px;
  }
}
._statementChatMore_sy9k2_1 ._messageCount_sy9k2_57 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-body);
  min-width: 1rem;
}
@media screen and (max-width: 500px) {
  ._statementChatMore_sy9k2_1 ._messageCount_sy9k2_57 {
    font-size: 0.875rem;
  }
}
._statementChatMore_sy9k2_1 ._chatContainer--empty_sy9k2_95 {
  background-color: var(--surface-background, #f5f5f5);
  border-color: var(--border-primary, #e0e0e0);
}
._statementChatMore_sy9k2_1 ._chatContainer--empty_sy9k2_95 ._icon_sy9k2_54 {
  color: var(--text-caption, #757575);
}
._statementChatMore_sy9k2_1 ._text_sy9k2_102 {
  font-size: 0.75rem;
  max-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
._statementChatMore_sy9k2_1 ._notify_sy9k2_108 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAmCAYAAAClI5npAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAdvSURBVHgB1VhvbFtXFT/33vee/ydxEidxyL+VkLJ4+VAlGqJijfmjSZOY1qq4fGBMYkNDwFckPkzDz/ABaYiBqrXQCBB0RR3xkIAwhKoJOQh1ULX8WbHXpk3VdI2TzYkTx3Ge3597L/c5sWunsetqE9N+lnXfe/fdc3733HPPOe8CfMBAcJ/gnKNYLIaSo6MokwqgfHAO+c4u8URglMN0hAFC/H7koaq2/kAOSI2p5Grb0Q7u9HwZIfQ44zAk2oHi4T/lBKkFIWCB6TBDtuRZ6XLbfPzYMdZQZrMEVFXFb3V+cRhJjucB4Sd39xcPv3b3IApnLI18d+Ll5XkxnkED4F1EahCZniZXup96BsmuC3sprwsCTxKP9fp/vho8Oi1kQBME7lYeiRC8OhEDjKfEbSvcJ+zl4bI1ffZTq7FIpD6JMoEa89uOhj/7/WcQxs/BewQn7DnrxczT9SxxlwVs5V849dYwQtIL0ABuBcODQQeMbYyBb6MTGpJQ4Adn9q8M27J395VZVTpmZ5HU+tD4j4QNH64n8LGxFvjWowH43KgPPt0+CEfaQ0CWeuC/+IaQuKfPOcXPf/XFwh8SiV/VvFBjAZth4PCRjzZyuEMjHnjqk34oGAx+eC4DJ278G7Z0BpHhfthX2FdvGCAJvvTGZ+YCu61QQyAWE/OWPU9AA0zu95banyZW4eLNLXjdex4uZFZLz4akQKOh4HjAsmNIXQJoJv01ggn5fCMhp8+vwfdm3oHUUrHyzIscpbbA9UZD7SA5+djx43L1M6n6Zp/n45LYDkON4vPCqlFzH1x8ECYOtEAmb8E/SBIaEiBorDvrQ/YyoJ2QXWUBDjnSiUVHPzSJgFeC2PAjpeuX3nkDuFtrPABD/813F6TqVSgREIxKkYB4MIEmYW/D5x/vhoBPgl/efhPebLnc1LiWwQNIVe84YomAbY/IsTjOZq+JO3b7XkJs5d/ZUR6/fgt+r/wNmgKDtxezy0JnDGoI2AiFUkjqG+Cc8tS95Hw93AGDHQr89tI6nHX9GZoFZ2hxrEdByeRoxQIVJ0wmkxwecAH1GuclcD1aT8jR8VaYGHKXrg+NeOEQPF3ps3fGj9tO1xsKbBPOXVtitOhfsydOKwREyoR0OoiVPg9KLydf7e6bUOsJQeJXvQWrsaU3Tv9oHp2T3UUuu0d5eSdU6gGRLPDplNOxBpm23sAjLxFJOQJNYM96YA/wLfjd1k/YN1GgNXfwtRu6mlBtC/CSDwgLoFQqJegvAV82LC27cJwDz8P7BLHJ8iTpPIFYq5UnThYNQyUfVJxQFf+PtYxxf1uLaRWu36R67gV4n8BW0MmVv6Cr71rUWNoo8NjkJC5t/d0E/nrlssUKnLqxV19JX3yFmYVT8B7B1/HJ4iuun7uYaYVaZeYWpWM0HKblSFj2AZsIF5ULvg23FccA8xS4y+UA7uocOHhMcbZ9AyMc3EtBPR8QPpa3VtjJ7Bn0M1agRc6w1hWQNdeo34pHIiZUh2J7F9gLFQpF+P7QAQ6UWDLGuqQQI7t44Tf6+vxXxOaZgWZnrcNFfRZFcr+GX7hMbnqxy2zxyhZd1WkolbKE/0M5Ld9JRoKRKprxZ0/RILgNEY14R6uCFWyw3PrCPMvOfdvXPnLC4Qo8LCveJ0TR1luxipgtN2BOLN/FYgK/zG6hNV1jRUac1OvzmBuwrOs5bvQtb/Do8ShH9oR3LYGdoeyQXNoRM+kgCfaCnEqvyQO93a7sal7q7/AoXKdSjlqIgIx9zCIFMdBNnAgUAN3ilBom02XLkiVF+LBmgo+ZvdxvrTlcuqgUDEjGaTwU4lBVqtd8F5SCg7gIxxLEtaoROrAiGYtUzhND6qQga9iSDIaJ3+siTLKQLuIRlig3LIn7JIJymmW5pU2ucWJhwk3i8Jn5tGHk3tZpn5alCbH9+HYmqkSsmorI9ky7J6zOMq3DRXs7KVUkYvolMN1dAcMp/KJddhbFpIv6Fi8yQ9fdJphSoWCAYeqKpuuYthe97u5iT2uP4YUOI+fYVh4ORxnsUm6jpijdCY+CQBgVkh4YUT7C3T0K/P16kTq1NY6cnczdRiGzYpoSMMocJrVMyQQiWQWKDfAwa2OdWqvapuVzGPRG8prlldt4Hx7gJ7teBUgkYDfqfZrZzoAi5Q/Q9Bw6+FA/vnorKZy2G4ytPDK9TtSLLAx+P2xqhojvOndoPlHVAP3XlWV24BM93B9c41NLS1QVAqPVRUCVrvoE7Fs1hiI7qdMvMtgluATaWi/q8gzim7AAwUIL6ggNI0j/EzaNQTY0NAQXkhnWFQoIJ5uFhMiwqnA6NRq1PRx2HJ03Y4HKcpQsIUiEQgGRxzM8k0mhkZEggvFxmJqaEs2zsK/3jygDkyXPDoOd2jNCVhym49OsLBXV+Wy/x/kAhxLpbQklMkI6ikAE4vG4/f1YeisjyAVspeI2Xkpqts2jvKwRNTgzaPKAQizfdtl4Z4A4pKh+Q7X/arQ83+1Rgj+67yOQexApa7CXyD47gO2Qiirt/wuc3+XIH078DxlfcNiL1sIzAAAAAElFTkSuQmCC);
  margin: -4px;
  width: 30px;
  height: 30px;
}

@media (prefers-reduced-motion: reduce) {
  ._statementChatMore_sy9k2_1 {
    transition: none;
  }
  ._statementChatMore_sy9k2_1:hover {
    transform: none;
  }
  ._statementChatMore_sy9k2_1 ._chatContainer_sy9k2_16 {
    transition: none;
  }
}._footer_17gv3_1 {
  max-width: var(--wrapper);
  width: 100%;
  height: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: var(--statementBackground);
  gap: 0.5rem;
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}
._footer_17gv3_1 button {
  flex: 1;
  height: 100%;
}
._footer_17gv3_1 ._button_17gv3_20 {
  position: relative;
  cursor: pointer;
  height: 100%;
  width: 2rem;
  border-radius: 4rem;
  transition: all 0.2s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
._footer_17gv3_1 ._button_17gv3_20 ._activeText_17gv3_33 {
  font-weight: 600;
}
._footer_17gv3_1 ._button_17gv3_20 ._buttonIcon_17gv3_36 {
  position: relative;
  width: 6.5rem;
  height: 1.5rem;
  transform: translateY(0.2rem);
}
._footer_17gv3_1 ._buttonActive_17gv3_42 {
  background-color: var(--member-awaiting);
  color: black;
  border-radius: 2rem;
}
._footer_17gv3_1 ._button_17gv3_20:hover {
  background-color: var(--member-awaiting);
  color: black;
  transition: all 0.2s ease-in-out;
}

._addStatementButton_17gv3_53 {
  background: var(--btn-primary);
  flex: 1;
  margin: 0.1rem 0;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  border-radius: 4rem;
  box-shadow: 0px 10px 30px 0px rgba(52, 103, 157, 0.108);
  user-select: none;
  cursor: pointer;
  z-index: 200;
}
._addStatementButton_17gv3_53 svg {
  color: white;
  width: 26px;
  height: 25px;
}
._addStatementButton_17gv3_53:active {
  box-shadow: 0px 10px 50px 0px rgba(79, 84, 120, 0.6980392157);
}

._fab_17gv3_78 {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--btn-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 12px rgba(52, 103, 157, 0.3);
  cursor: pointer;
  z-index: 200;
}
._fab_17gv3_78 svg {
  color: white;
  width: 26px;
  height: 25px;
}
._fab_17gv3_78:active {
  box-shadow: 0px 4px 20px rgba(79, 84, 120, 0.5);
}

._redCircle_17gv3_102 {
  position: absolute;
  left: 35%;
  background-color: var(--icons-blue-dark);
  color: white;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  ._redCircle_17gv3_102 {
    left: 20%;
    top: 5px;
  }
}._peopleLoader_bv9dt_1 {
  width: 48px;
  height: 24px;
  color: var(--agree);
  background: currentColor;
  border-radius: 50% 50% 0 0;
  position: relative;
  display: block;
  margin: auto;
  box-sizing: border-box;
  animation: _animpeopleLoader_bv9dt_1 4s linear infinite;
}

._peopleLoader_bv9dt_1::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: currentColor;
  top: -34px;
  box-sizing: border-box;
  animation: _animpeopleLoader1_bv9dt_1 4s linear infinite;
}

@keyframes _animpeopleLoader_bv9dt_1 {
  0% {
    box-shadow: 0 0 0 -2px, 0 0 0 -2px, 0 0 0 -5px, 0 0 0 -5px;
  }
  20% {
    box-shadow: 40px -1px 0 -2px, 0 0 0 -2px, 40px -1px 0 -5px, 0 0 0 -5px;
  }
  40% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 40px -1px 0 -5px, -40px -1px 0 -5px;
  }
  60% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 23px -29px 0 -5px, -40px -1px 0 -5px;
  }
  80%, 95% {
    box-shadow: 40px -1px 0 -2px, -40px -1px 0 -2px, 23px -29px 0 -5px, -23px -29px 0 -5px;
  }
  100% {
    box-shadow: 40px -1px 0 -2px rgba(255, 255, 255, 0), -40px -1px 0 -2px rgba(255, 255, 255, 0), 23px -29px 0 -5px rgba(255, 255, 255, 0), -23px -29px 0 -5px rgba(255, 255, 255, 0);
  }
}
@keyframes _animpeopleLoader1_bv9dt_1 {
  0% {
    box-shadow: 0 0 0 -2px, 0 0 0 -2px, 0 0 0 -5px, 0 0 0 -5px;
  }
  20% {
    box-shadow: 40px 2px 0 -2px, 0 0 0 -2px, 40px 2px 0 -5px, 0 0 0 -5px;
  }
  40% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 40px 2px 0 -5px, -40px 2px 0 -5px;
  }
  60% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 23px -23px 0 -5px, -40px 2px 0 -5px;
  }
  80%, 95% {
    box-shadow: 40px 2px 0 -2px, -40px 2px 0 -2px, 23px -23px 0 -5px, -23px -23px 0 -5px;
  }
  100% {
    box-shadow: 40px 2px 0 -2px rgba(255, 255, 255, 0), -40px 2px 0 -2px rgba(255, 255, 255, 0), 23px -23px 0 -5px rgba(255, 255, 255, 0), -23px -23px 0 -5px rgba(255, 255, 255, 0);
  }
}._chatItem_16vl7_1 {
  display: flex;
  flex-direction: column;
  padding: 0.75rem 1rem;
  text-decoration: none;
  border-bottom: 1px solid var(--border-light, #e5e5e5);
  color: inherit;
  transition: background-color 0.15s ease;
}
._chatItem_16vl7_1:active {
  background-color: var(--bg-hover, #f5f5f5);
}

._breadcrumb_16vl7_14 {
  font-size: 0.75rem;
  color: var(--text-tertiary);
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._header_16vl7_23 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
}

._title_16vl7_30 {
  font-weight: 600;
  font-size: 1rem;
  color: var(--text-primary);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._meta_16vl7_40 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

._messages_16vl7_47 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin-top: 0.2rem;
}

._lastMessage_16vl7_54 {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-body);
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}

._messageTime_16vl7_65 {
  flex-shrink: 0;
  font-size: 0.7rem;
  color: var(--text-tertiary);
  margin-inline-start: auto;
}

._creator_16vl7_72 {
  font-weight: 500;
  color: var(--text-secondary);
}._newStatement_1yqbf_1 {
  position: relative;
  width: 95vw;
  height: fit-content;
  max-width: 75ch;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--card-default);
  border-radius: 5px;
}._form_bv1ma_1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._similarityToggle_bv1ma_7 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(95, 136, 229, 0.05);
  border-radius: 8px;
  border: 1px solid rgba(95, 136, 229, 0.1);
}

._similarityHint_bv1ma_15 {
  margin: 0.5rem 0 0 0;
  font-size: 0.85rem;
  color: var(--text-caption);
  line-height: 1.5;
}

._error_bv1ma_22 {
  color: var(--disagree);
  font-size: 0.9rem;
  margin: 0.5rem 0;
}._container_1inu6_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  width: 100%;
}

._label_1inu6_9 {
  font-size: 14px;
  position: relative;
  top: 0.875rem;
  left: -0.5rem;
  z-index: 1;
  width: fit-content;
  color: #7484a9;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
}
._label--ltr_1inu6_21 {
  text-align: left;
}
._label--rtl_1inu6_24 {
  text-align: right;
}

._inputContainer_1inu6_28 {
  flex: 1;
  border: 1px solid #bdcef4;
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

._searchIcon_1inu6_39 {
  position: absolute;
  left: 12px;
  pointer-events: none;
}

._input_1inu6_28 {
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 150%;
  font-weight: 300;
  font-style: italic;
  color: #7484a9;
  padding: 0;
  min-height: 40px;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}
._input_1inu6_28:focus {
  outline: none;
  border-color: #007bff;
}

._clearButton_1inu6_69 {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
@media (max-width: 768px) {
  ._clearButton_1inu6_69 {
    padding: 0.25rem;
  }
}
._clearButton_1inu6_69 svg {
  transform: scale(0.8);
}
._clearButton_1inu6_69:hover {
  opacity: 0.8;
}
._clearButton_1inu6_69:focus {
  outline: 2px solid #007bff;
  border-radius: 4px;
}

._clearIcon_1inu6_95 {
  display: block;
}._container_1vvk6_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  margin-top: 1rem;
  width: 100%;
}

._labelContainer_1vvk6_10 {
  position: relative;
  height: 0;
}

._labelWrapper_1vvk6_15 {
  position: absolute;
  top: -0.875rem;
  left: 0.5rem;
  z-index: 1;
  background-color: var(--card-default);
  border-radius: 0.5rem;
  padding: 0 0.5rem;
  height: 1.75rem;
  width: fit-content;
  display: flex;
  align-items: center;
}
._labelWrapper--ltr_1vvk6_28 {
  left: 0.5rem;
}
._labelWrapper--rtl_1vvk6_31 {
  right: 0.5rem;
}

._label_1vvk6_10 {
  font-size: 1rem;
  line-height: 175%;
  color: var(--text-caption);
  font-weight: 400;
  white-space: nowrap;
}

._inputContainer_1vvk6_43 {
  flex: 1;
  border: 1px solid var(--border-primary);
  border-radius: 0.5rem;
  padding: 1.25rem 1rem;
  height: 100%;
}

._textArea_1vvk6_51 {
  width: 100%;
  height: 100%;
  border: none;
  resize: none;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 300;
  font-style: italic;
  color: var(--text-caption);
  padding: 0;
  min-height: 1.5rem;
  resize: none;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  transition: height 0.1s ease-out;
}
._textArea_1vvk6_51::placeholder {
  color: #b3c2e7;
}
._textArea_1vvk6_51:focus {
  outline: none;
}
._textArea--scrollable_1vvk6_77 {
  overflow-y: auto;
}
._textArea_1vvk6_51::-webkit-scrollbar {
  width: 0.375rem;
}
._textArea_1vvk6_51::-webkit-scrollbar-track {
  background: transparent;
}
._textArea_1vvk6_51::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 0.1875rem;
}

._charCounter_1vvk6_91 {
  font-size: 12px;
  color: var(--text-caption);
  margin-top: 4px;
}@keyframes _dotPulse_zoxls_1 {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
    background-color: var(--btn-primary);
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
    background-color: var(--btn-primary-hover);
  }
  100% {
    transform: scale(0.8);
    opacity: 0.5;
    background-color: var(--btn-primary);
  }
}
@keyframes _fadeInUp_zoxls_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _progressGlow_zoxls_1 {
  0% {
    box-shadow: 0 0 5px var(--btn-primary);
  }
  50% {
    box-shadow: 0 0 20px var(--btn-primary), 0 0 40px var(--btn-primary-hover);
  }
  100% {
    box-shadow: 0 0 5px var(--btn-primary);
  }
}
._loaderOverlay_zoxls_39 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(31, 88, 149, 0.95) 0%, rgba(95, 136, 229, 0.9) 100%);
  backdrop-filter: blur(10px);
  z-index: 10000;
  animation: _fadeInUp_zoxls_1 0.3s ease-out;
}

._loaderContainer_zoxls_54 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 3rem;
  background: var(--card-default);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3), 0 0 100px rgba(95, 136, 229, 0.2);
  max-width: 500px;
  width: 90%;
  position: relative;
  overflow: hidden;
}
._loaderContainer_zoxls_54::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle at center, transparent 0%, rgba(95, 136, 229, 0.03) 50%, transparent 100%);
  animation: _rotate_zoxls_1 20s linear infinite;
}
@media screen and (max-width: 768px) {
  ._loaderContainer_zoxls_54 {
    padding: 2rem;
    width: 95%;
  }
}

@keyframes _rotate_zoxls_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._dotsLoader_zoxls_93 {
  display: flex;
  gap: 0.75rem;
  z-index: 1;
}

._dot_zoxls_93 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--btn-primary);
  animation: _dotPulse_zoxls_1 1.5s ease-in-out infinite;
}
._dot_zoxls_93:nth-child(1) {
  animation-delay: 0s;
}
._dot_zoxls_93:nth-child(2) {
  animation-delay: 0.2s;
}
._dot_zoxls_93:nth-child(3) {
  animation-delay: 0.4s;
}

._progressBar_zoxls_116 {
  width: 100%;
  height: 4px;
  background-color: var(--surface-background);
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

._progressFill_zoxls_126 {
  height: 100%;
  background: linear-gradient(90deg, var(--btn-primary) 0%, var(--btn-primary-hover) 100%);
  border-radius: 2px;
  transition: width 0.5s ease-out;
  animation: _progressGlow_zoxls_1 2s ease-in-out infinite;
}

._messageContainer_zoxls_134 {
  text-align: center;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
  z-index: 1;
}

._mainMessage_zoxls_140 {
  font-size: 1.25rem;
  color: var(--text-title);
  font-weight: 500;
  margin-bottom: 0.5rem;
  line-height: 1.5;
  transition: all 0.3s ease-out;
}

._subMessage_zoxls_149 {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin: 0;
}

._stepIndicators_zoxls_155 {
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}

._stepDot_zoxls_161 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--surface-background);
  transition: all 0.3s ease-out;
}
._stepDot_zoxls_161._active_zoxls_168 {
  background-color: var(--btn-primary);
  transform: scale(1.2);
  box-shadow: 0 0 10px var(--btn-primary-hover);
}

._iconDisplay_zoxls_174 {
  z-index: 1;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
}

._stepIcon_zoxls_179 {
  font-size: 3rem;
  animation: _bounce_zoxls_1 2s ease-in-out infinite;
  display: block;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

@keyframes _bounce_zoxls_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
._stepIndicatorItem_zoxls_194 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--surface-background);
  transition: all 0.3s ease-out;
  position: relative;
}
._stepIndicatorItem_zoxls_194._active_zoxls_168 {
  background-color: var(--btn-primary);
  transform: scale(1.1);
  box-shadow: 0 0 15px var(--btn-primary-hover);
}
._stepIndicatorItem_zoxls_194._active_zoxls_168 ._miniIcon_zoxls_210 {
  opacity: 1;
  transform: scale(1);
}

._miniIcon_zoxls_210 {
  font-size: 0.8rem;
  opacity: 0.3;
  transform: scale(0.8);
  transition: all 0.3s ease-out;
}

._loaderContainerMinimal_zoxls_222 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  padding: 2rem;
}

._spinnerContainer_zoxls_230 {
  position: relative;
  width: 60px;
  height: 60px;
}

._spinner_zoxls_230 {
  width: 60px;
  height: 60px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: var(--white);
  border-radius: 50%;
  animation: _spin_zoxls_230 1s linear infinite;
}

@keyframes _spin_zoxls_230 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._minimalMessage_zoxls_253 {
  color: var(--white);
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
  max-width: 400px;
  animation: _fadeInUp_zoxls_1 0.5s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  ._loaderOverlay_zoxls_39,
  ._loaderContainer_zoxls_54::before,
  ._dot_zoxls_93,
  ._progressFill_zoxls_126,
  ._messageContainer_zoxls_134,
  ._stepIcon_zoxls_179,
  ._spinner_zoxls_230 {
    animation: none !important;
  }
  ._progressFill_zoxls_126 {
    transition: width 0.1s linear;
  }
  ._stepDot_zoxls_161,
  ._stepIndicatorItem_zoxls_194,
  ._miniIcon_zoxls_210 {
    transition: all 0.1s linear;
  }
}._container_14phd_1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 80vh;
  overflow-y: auto;
  padding: 0.5rem;
}

._header_14phd_10 {
  text-align: center;
  margin-bottom: 0.5rem;
}

._title_14phd_15 {
  font-size: 1.5rem;
  color: var(--text-title);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

._subtitle_14phd_22 {
  font-size: 0.95rem;
  color: var(--text-caption);
  line-height: 1.6;
  margin: 0;
  max-width: 400px;
  margin-inline: auto;
}

._cardsContainer_14phd_31 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._section_14phd_37 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._sectionHeader_14phd_43 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}
._sectionHeader_14phd_43 h4 {
  margin: 0;
  font-size: 1rem;
  color: var(--text-title);
  font-weight: 600;
}

._sectionIcon_14phd_57 {
  font-size: 1.25rem;
}

._sectionSubtitle_14phd_61 {
  font-size: 0.9rem;
  color: var(--text-caption);
  margin: 0;
  line-height: 1.5;
}

._divider_14phd_68 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
  color: var(--text-caption);
  font-size: 0.85rem;
  font-weight: 500;
}
._divider_14phd_68::before, ._divider_14phd_68::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
}
._divider_14phd_68 span {
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._similarCards_14phd_89 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._actions_14phd_95 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  margin-top: auto;
}

@media (max-width: 768px) {
  ._container_14phd_1 {
    padding: 0.25rem;
  }
  ._title_14phd_15 {
    font-size: 1.25rem;
  }
  ._subtitle_14phd_22 {
    font-size: 0.9rem;
  }
  ._actions_14phd_95 {
    flex-direction: column;
  }
  ._actions_14phd_95 button {
    width: 100%;
  }
}
._container_14phd_1 {
  animation: _fadeIn_14phd_1 0.3s ease-out;
}

@keyframes _fadeIn_14phd_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._container_14phd_1 {
    animation: none;
  }
}._googleLogin_31y01_1 {
  background-color: #85d2c1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  border-radius: 3rem;
  gap: 1rem;
  font-size: 1rem;
  user-select: none;
  min-width: 30ch;
  max-width: 90%;
  width: 22rem;
  z-index: 1;
  color: white;
}
._googleLogin_31y01_1 img {
  width: 1.4rem;
}

._googleLogin_31y01_1._rtl_31y01_22 {
  margin-left: 0;
  margin-right: auto;
}

._googleLogin_31y01_1._ltr_31y01_27 {
  margin-right: 0;
  margin-left: auto;
}

@media only screen and (max-width: 600px) {
  ._googleLogin_31y01_1._ltr_31y01_27 {
    border-radius: 3rem 0rem 0rem 3rem;
  }
  ._googleLogin_31y01_1._rtl_31y01_22 {
    border-radius: 0rem 3rem 3rem 0rem;
  }
}._box_688t4_1 {
  padding: 1rem;
}

._input_688t4_5 {
  font-size: 2rem;
  padding: 1rem;
  background-color: var(--input-active);
  color: var(--text-body);
  border: 1px solid var(--border-light);
  margin-bottom: 2rem;
}
@media (max-width: 600px) {
  ._input_688t4_5 {
    font-size: 1.5rem;
    max-width: 98vw;
  }
}:root {
  --height-of-interaction-component: 2.5rem;
  --font-size: 22px;
}

._splashPage_9zs19_6 {
  background: var(--surface-background);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s;
  justify-content: space-evenly;
  min-height: 100svh;
}
._splashPage_9zs19_6 ._version_9zs19_15 {
  color: var(--text-blue);
  font-size: var(--font-size);
  font-weight: 200;
}

._mainLogo_9zs19_21 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 70vw;
  margin-top: var(--font-size);
}
._mainLogo_9zs19_21 svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
._mainLogo__title_9zs19_36 {
  font-size: 6vh;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
._mainLogo__slogan_9zs19_44 {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--font-size);
}

._freeDiIcon_9zs19_53 {
  width: 60%;
}
._freeDiIcon_9zs19_53 svg {
  width: 100%;
}

._interactionComponents_9zs19_60 {
  width: 80vw;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--font-size);
  z-index: 2;
}

._anonymous_9zs19_70 {
  background-color: var(--btn-primary);
}

._anonymous_9zs19_70._ltr_9zs19_74 {
  margin-right: 0;
}

._anonymous_9zs19_70._rtl_9zs19_78 {
  margin-left: 0;
}

._StartPageImage_9zs19_82 {
  height: 25vh;
  max-width: 90%;
  object-fit: contain;
}

._ddi_9zs19_88 {
  font-size: var(--font-size);
  padding-bottom: 1rem;
}

._startBtn_9zs19_93 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-of-interaction-component);
  border-radius: 3rem;
  gap: 1rem;
  font-size: 1rem;
  user-select: none;
  min-width: 30ch;
  max-width: 90%;
  width: 22rem;
  z-index: 1;
  color: white;
}

@media only screen and (max-width: 600px) {
  :root {
    --font-size: 17px;
  }
  ._interactionComponents_9zs19_60 {
    width: 100vw;
    align-items: initial;
  }
  ._anonymous_9zs19_70._ltr_9zs19_74 {
    align-self: flex-start;
    border-radius: 0rem 3rem 3rem 0rem;
  }
  ._anonymous_9zs19_70._rtl_9zs19_78 {
    align-self: flex-start;
    border-radius: 3rem 0rem 0rem 3rem;
    margin-left: auto;
  }
  ._StartPageImage_9zs19_82 {
    height: 20vh;
  }
}._loginFirst_u0jv6_1 {
  width: 100svw;
  height: 100svh;
  background-color: var(--surface-background);
  padding-bottom: 2rem;
}
._loginFirst_u0jv6_1 ._contentContainer_u0jv6_7 {
  max-width: 75ch;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin: 0 auto;
}
._loginFirst_u0jv6_1 ._contentContainer_u0jv6_7 p {
  font-family: Roboto;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  width: 60%;
  color: var(--text-body);
}
._loginFirst_u0jv6_1 ._contentContainer_u0jv6_7 button {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}._page404_edd5v_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 2rem;
  background-color: var(--statementBackground, #f2f6ff);
  overflow: hidden;
}
._page404__clouds_edd5v_13 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._page404__cloud_edd5v_13 {
  position: absolute;
  opacity: 0.7;
  animation: _drift_edd5v_1 20s ease-in-out infinite alternate;
}
._page404__cloud--1_edd5v_24 {
  top: 0;
  right: 0;
  width: 180px;
  height: auto;
  animation-delay: 0s;
}
._page404__cloud--2_edd5v_31 {
  top: 5%;
  left: 5%;
  width: 100px;
  height: auto;
  animation-delay: -5s;
  animation-direction: alternate-reverse;
}
._page404__cloud--3_edd5v_39 {
  bottom: 0;
  left: 0;
  width: 140px;
  height: auto;
  animation-delay: -10s;
}
._page404__content_edd5v_46 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  text-align: center;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out;
}
._page404__number_edd5v_56 {
  width: 180px;
  max-width: 60%;
  margin-bottom: 1.5rem;
  animation: _float_edd5v_1 3s ease-in-out infinite;
  filter: drop-shadow(0 10px 20px rgba(95, 136, 229, 0.2));
}
._page404__illustration_edd5v_63 {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1.5rem;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.2s both;
}
._page404__dog_edd5v_70 {
  width: 200px;
  max-width: 50vw;
  animation: _dogBounce_edd5v_1 2s ease-in-out infinite;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
._page404__cable_edd5v_76 {
  width: 120px;
  max-width: 30vw;
  margin-left: -15px;
  margin-bottom: 10px;
  transform-origin: top center;
  animation: _cableSway_edd5v_1 4s ease-in-out infinite;
}
._page404__message_edd5v_84 {
  margin: 0 0 0.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  line-height: 1.3;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.4s both;
}
._page404__hint_edd5v_92 {
  margin: 0 0 2rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.5;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.5s both;
}
._page404__button_edd5v_99 {
  padding: 0.875rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white, #ffffff);
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  transition: all 0.3s ease;
  animation: _fadeSlideUp_edd5v_1 0.6s ease-out 0.6s both, _pulse_edd5v_1 2s ease-in-out 1s infinite;
}
._page404__button_edd5v_99:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(95, 136, 229, 0.45);
}
._page404__button_edd5v_99:active {
  transform: translateY(0) scale(0.98);
}
._page404__button_edd5v_99:focus-visible {
  outline: 3px solid var(--btn-primary, #5f88e5);
  outline-offset: 3px;
}

@keyframes _float_edd5v_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
@keyframes _drift_edd5v_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(15px);
  }
}
@keyframes _fadeSlideUp_edd5v_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _dogBounce_edd5v_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes _cableSway_edd5v_1 {
  0%, 100% {
    transform: rotate(-3deg);
  }
  50% {
    transform: rotate(3deg);
  }
}
@keyframes _pulse_edd5v_1 {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  }
  50% {
    box-shadow: 0 4px 25px rgba(95, 136, 229, 0.55);
  }
}
@media (max-width: 600px) {
  ._page404_edd5v_1 {
    padding: 1rem;
  }
  ._page404__cloud--1_edd5v_24 {
    width: 120px;
  }
  ._page404__cloud--2_edd5v_31 {
    width: 70px;
  }
  ._page404__cloud--3_edd5v_39 {
    width: 100px;
  }
  ._page404__number_edd5v_56 {
    width: 140px;
  }
  ._page404__dog_edd5v_70 {
    width: 160px;
  }
  ._page404__cable_edd5v_76 {
    width: 90px;
  }
  ._page404__message_edd5v_84 {
    font-size: 1.2rem;
  }
  ._page404__hint_edd5v_92 {
    font-size: 0.9rem;
  }
  ._page404__button_edd5v_99 {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._page404__number_edd5v_56, ._page404__dog_edd5v_70, ._page404__cable_edd5v_76, ._page404__cloud_edd5v_13, ._page404__button_edd5v_99, ._page404__content_edd5v_46, ._page404__illustration_edd5v_63, ._page404__message_edd5v_84, ._page404__hint_edd5v_92 {
    animation: none;
  }
  ._page404__button_edd5v_99:hover {
    transform: none;
  }
}._unAuth_qex23_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  color: white;
  background-color: var(--mainBackgroundError);
}._notificationPreferences_iz5d6_1 {
  background: var(--card-default);
  border-radius: 8px;
  padding: 1.5rem;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  ._notificationPreferences_iz5d6_1 {
    padding: 2rem 1rem 1.5rem;
    border-radius: 0;
    max-width: 100%;
  }
  ._notificationPreferences_iz5d6_1::before {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 4px;
    background-color: var(--border-light);
    border-radius: 2px;
  }
}
._notificationPreferences_iz5d6_1._loading_iz5d6_27 {
  text-align: center;
  color: var(--text-secondary);
  padding: 2rem;
}
._notificationPreferences_iz5d6_1 h3 {
  margin: 0 0 0.5rem 0;
  color: var(--text-primary);
  font-size: 1.25rem;
}
._notificationPreferences_iz5d6_1 ._description_iz5d6_37 {
  color: var(--text-secondary);
  margin: 0 0 1.5rem 0;
  font-size: 0.875rem;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border-light);
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42:last-of-type {
  border-bottom: none;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  flex: 1;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 ._icon_iz5d6_58 {
  width: 24px;
  height: 24px;
  color: var(--primary-color);
  flex-shrink: 0;
  margin-top: 0.125rem;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 div {
  flex: 1;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 div h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  color: var(--text-primary);
  font-weight: 500;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 div p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.4;
}
._notificationPreferences_iz5d6_1 ._preferenceItem_iz5d6_42 ._preferenceInfo_iz5d6_52 div p._warningText_iz5d6_80 {
  color: #ff9800;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 500;
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
  flex-shrink: 0;
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 input {
  opacity: 0;
  width: 0;
  height: 0;
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 input:checked + ._slider_iz5d6_98 {
  background-color: var(--primary-color, #4CAF50);
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 input:checked + ._slider_iz5d6_98:before {
  transform: translateX(24px);
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 input:disabled + ._slider_iz5d6_98 {
  opacity: 0.5;
  cursor: not-allowed;
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 ._slider_iz5d6_98 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--switch-bg, #ccc);
  transition: 0.3s;
  border-radius: 24px;
}
._notificationPreferences_iz5d6_1 ._switch_iz5d6_86 ._slider_iz5d6_98:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
._notificationPreferences_iz5d6_1 ._savingIndicator_iz5d6_130 {
  text-align: center;
  color: var(--text-secondary);
  font-size: 0.875rem;
  margin: 1rem 0 0 0;
  font-style: italic;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-light);
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  color: var(--text-primary);
  font-weight: 500;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._quietHoursDescription_iz5d6_148 {
  color: var(--text-secondary);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._quietHoursToggle_iz5d6_153 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 ._timeGroup_iz5d6_165 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 ._timeGroup_iz5d6_165 label {
  color: var(--text-secondary);
  font-size: 0.875rem;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 ._timeGroup_iz5d6_165 input[type=time] {
  padding: 0.5rem;
  border: 1px solid var(--border-light);
  border-radius: 4px;
  font-size: 0.875rem;
  background: var(--input-active);
  color: var(--text-primary);
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 ._timeGroup_iz5d6_165 input[type=time]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timeInputs_iz5d6_159 ._separator_iz5d6_186 {
  color: var(--text-secondary);
}
._notificationPreferences_iz5d6_1 ._quietHoursSection_iz5d6_137 ._timezoneNote_iz5d6_189 {
  margin-top: 0.75rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
}._container_15lai_1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._backdrop_15lai_8 {
  display: none;
}
@media (max-width: 768px) {
  ._backdrop_15lai_8 {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    animation: _fadeIn_15lai_1 0.3s ease-out;
  }
}

._notificationButton_15lai_25 {
  padding: 0.6rem 1rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}
._notificationButton_15lai_25 svg {
  height: 1.7rem;
  width: 1.7rem;
}
._notificationButton_15lai_25:hover {
  opacity: 0.8;
}
._notificationButton_15lai_25:active {
  opacity: 0.6;
}

._dropdown_15lai_46 {
  position: absolute;
  top: 100%;
  right: 50%;
  transform: translateX(50%);
  margin-top: 0.5rem;
  background-color: var(--card-default);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 1000;
  min-width: 320px;
  max-width: 90vw;
  animation: _slideDown_15lai_1 0.2s ease-out;
}
@media (max-width: 768px) {
  ._dropdown_15lai_46 {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    margin: 0 !important;
    min-width: 100%;
    max-width: 100%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.2);
    animation: _slideUp_15lai_1 0.3s ease-out;
    max-height: 80vh;
    overflow-y: auto;
    z-index: 10000 !important;
    padding-bottom: env(safe-area-inset-bottom, 20px);
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  ._dropdown_15lai_46 {
    right: 0;
    transform: none;
    min-width: 350px;
    margin-right: 1rem;
  }
}

._permissionPrompt_15lai_89,
._permissionDenied_15lai_90 {
  padding: 1.5rem;
  text-align: center;
}
._permissionPrompt_15lai_89 h3,
._permissionDenied_15lai_90 h3 {
  margin: 0 0 1rem 0;
  color: var(--text-primary);
  font-size: 1.25rem;
}
._permissionPrompt_15lai_89 p,
._permissionDenied_15lai_90 p {
  margin: 0 0 1.5rem 0;
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.5;
}
._permissionPrompt_15lai_89 ol,
._permissionDenied_15lai_90 ol {
  text-align: left;
  margin: 0 0 1rem 0;
  padding-left: 1.5rem;
  color: var(--text-secondary);
  font-size: 0.875rem;
  line-height: 1.8;
}
._permissionPrompt_15lai_89 ol li,
._permissionDenied_15lai_90 ol li {
  margin-bottom: 0.5rem;
}

._grantButton_15lai_121 {
  background-color: var(--primary-color, #4CAF50);
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._grantButton_15lai_121:hover {
  background-color: var(--primary-hover, #45a049);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._grantButton_15lai_121:active {
  transform: translateY(0);
  box-shadow: none;
}

@keyframes _slideDown_15lai_1 {
  from {
    opacity: 0;
    transform: translateX(50%) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(50%) translateY(0);
  }
}
@keyframes _slideUp_15lai_1 {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeIn_15lai_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._navRow_1tcgh_2 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  gap: 0.5rem;
}
._navRow_1tcgh_2 > * {
  flex: 0 0 auto;
}

._padWrap_1tcgh_15 {
  display: inline-flex;
  align-items: center;
}

/* apply padding to the actual clickable element rendered inside */
._padWrap_1tcgh_15 button,
._padWrap_1tcgh_15 a,
._padWrap_1tcgh_15 [role="button"] {
  padding: 0.6rem 1rem !important;
  margin: 0 !important;
  line-height: 1;
  min-width: auto;
  height: auto;
}

/* don’t accidentally pad icons */
._padWrap_1tcgh_15 svg {
  padding: 0 !important;
  margin: 0 !important;
}

._back_1tcgh_37 {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  ._navRow_1tcgh_2 {
    padding: 0 0.25rem;
    gap: 0.4rem;
  }
}@keyframes _menuSlideIn_11zri_1 {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _menuSlideInUp_11zri_1 {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._menu_11zri_21 {
  position: relative;
  /* BASE: non-card menus (user/nav/etc.) */
}
._menu--open_11zri_25 {
  z-index: 10000;
}
._menu_11zri_21 ._menuHeader_11zri_28 {
  width: 100%;
  flex-flow: column;
  position: relative;
  color: white;
  font-family: "Roboto", sans-serif;
  z-index: 20;
  padding: 1rem 0;
  background: linear-gradient(135deg, var(--btn-primary) 0%, var(--header-home) 100%);
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuTitle_11zri_38 {
  display: flex;
  justify-content: flex-start;
  padding: 0.75rem 1.25rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuUser_11zri_46 {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  gap: 0.875rem;
  letter-spacing: 0.3px;
  transition: background-color 0.2s ease;
  border-radius: 8px;
  margin: 0 0.5rem;
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuUser_11zri_46:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuUser_11zri_46 ._menuAvatar_11zri_59 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.9);
  background-color: var(--lighter);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuUser_11zri_46:hover ._menuAvatar_11zri_59 {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
._menu_11zri_21 ._menuHeader_11zri_28 ._menuUser_11zri_46 ._menuUsername_11zri_73 {
  font-size: 0.9375rem;
  font-weight: 500;
  opacity: 0.95;
}
._menu_11zri_21 ._menuContent_11zri_78 {
  z-index: 10001;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: flex;
  flex-direction: column;
  width: 280px;
  min-width: 220px;
  border-radius: 12px;
  color: var(--text-primary);
  background-color: var(--menu-default);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  max-height: 800px;
  border: 1px solid rgba(199, 215, 247, 0.5);
  animation: _menuSlideIn_11zri_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: top center;
  /* CARD VARIANT: suggestion-card menu only */
}
._menu_11zri_21 ._menuContent_11zri_78::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
  pointer-events: none;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108 {
  position: absolute;
  top: 100%;
  margin-top: 6px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99999;
  width: 260px;
  border-radius: 10px;
  /* Fixed positioning to escape overflow containers */
  /* Chat menu centered horizontally */
  /* Position above the button when in bottom half of screen */
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108::-webkit-scrollbar {
  width: 6px;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108::-webkit-scrollbar-track {
  background: transparent;
  margin: 4px 0;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 3px;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108::-webkit-scrollbar-thumb:hover {
  background: var(--lighter);
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._fixed_11zri_136 {
  transform: none;
  left: auto;
  right: auto;
  margin: 0;
  animation: _menuSlideIn_11zri_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._chatMenu_11zri_143 {
  left: 50%;
  transform: translateX(-50%);
  right: auto;
  /* Fixed positioning to escape overflow containers */
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._chatMenu_11zri_143._fixed_11zri_136 {
  transform: none;
  left: auto;
  right: auto;
  margin: 0;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._above_11zri_155 {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 6px;
  animation: _menuSlideInUp_11zri_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: bottom center;
}
._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._above_11zri_155._fixed_11zri_136 {
  animation: _menuSlideInUp_11zri_1 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 768px) {
  ._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108 {
    min-width: 200px;
    width: min(280px, 100vw - 16px);
    max-height: calc(100vh - 100px);
  }
}
._menu_11zri_21 ._menuFooter_11zri_173 {
  display: flex;
  min-height: 60px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
  border-top: 1px solid rgba(199, 215, 247, 0.3);
  margin-top: auto;
}
._menu_11zri_21 ._menuFooter_11zri_173 ._menuOption_11zri_182 {
  border-bottom: none;
  background-color: transparent;
}
._menu_11zri_21[dir=ltr] {
  /* Default LTR card position is on the right (except chat menus) */
}
._menu_11zri_21[dir=ltr] ._menuContent_11zri_78:not(._card_11zri_108) {
  /* Respect iOS notch/rounded corners on the left */
  left: max(8px, env(safe-area-inset-left));
  right: auto;
  width: min(280px, 100vw - 16px);
  max-width: calc(100vw - 16px);
}
._menu_11zri_21[dir=ltr] ._menuContent_11zri_78._card_11zri_108:not(._chatMenu_11zri_143) {
  right: 0;
  left: auto;
}
._menu_11zri_21[dir=rtl] {
  /* Default RTL card position is on the left (except chat menus) */
}
._menu_11zri_21[dir=rtl] ._menuContent_11zri_78:not(._card_11zri_108) {
  /* Respect iOS notch/rounded corners on the right */
  right: max(8px, env(safe-area-inset-right));
  left: auto;
  width: min(280px, 100vw - 16px);
  max-width: calc(100vw - 16px);
}
._menu_11zri_21[dir=rtl] ._menuContent_11zri_78._card_11zri_108:not(._chatMenu_11zri_143) {
  right: auto;
  left: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._menu_11zri_21 ._menuContent_11zri_78 {
    animation: none;
  }
  ._menu_11zri_21 ._menuContent_11zri_78._card_11zri_108._above_11zri_155 {
    animation: none;
  }
}._headerMenu_19mun_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 100%;
  min-width: 4rem;
  border-radius: 0 0 2rem;
}

._menuFooter_19mun_11 {
  display: flex;
  height: 83px;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1000;
}
._menuFooter_19mun_11 svg {
  color: white;
}._panel_sqoq4_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  margin-top: 4rem;
  padding-bottom: 1rem;
}
._panel__title_sqoq4_10 {
  color: black;
  font-size: 1.5rem;
}
._panel__number_sqoq4_14 {
  color: black;
  font-size: 2.5rem;
}
._panel__boxWrapper_sqoq4_18 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.7rem;
}
._panel__boxWrapper__box_sqoq4_26 {
  background-color: var(--inputBackground);
  width: 3.1rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--h2Color);
  font-weight: 400;
  font-size: 2.1rem;
  border-radius: 0.125rem;
  padding: 0.7px 0.9px;
  text-align: center;
}

@media screen and (max-width: 576px) {
  ._panel_sqoq4_1 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  ._panel_sqoq4_1 {
    padding-bottom: 0.5rem;
  }
}._shareModal_1vixr_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  gap: 1.5rem;
  min-width: 320px;
  max-width: 400px;
}
._shareModal__title_1vixr_10 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
  text-align: center;
}
._shareModal__qrContainer_1vixr_17 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  background-color: var(--card-default);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
._shareModal__qrCode_1vixr_26 {
  display: block;
}
._shareModal__linkContainer_1vixr_29 {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  align-items: stretch;
}
._shareModal__linkInput_1vixr_35 {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.875rem;
  color: var(--text-body);
  background-color: var(--bg-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._shareModal__linkInput_1vixr_35:focus {
  outline: none;
  border-color: var(--btn-primary);
}
._shareModal__copyButton_1vixr_51 {
  padding: 0.75rem 1.25rem;
  background-color: var(--btn-primary);
  color: var(--white);
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
._shareModal__copyButton_1vixr_51:hover {
  background-color: var(--btn-primary-hover);
}
._shareModal__copyButton_1vixr_51:active {
  transform: scale(0.98);
}
._shareModal__copiedMessage_1vixr_69 {
  color: var(--agree);
  font-size: 0.875rem;
  font-weight: 500;
  margin: 0;
  animation: _fadeIn_1vixr_1 0.3s ease;
}
._shareModal__embed_1vixr_76 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
._shareModal__embedLabel_1vixr_82 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-body);
}
._shareModal__embedInput_1vixr_87 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-family: monospace;
  font-size: 0.78rem;
  color: var(--text-body);
  background-color: var(--bg-muted);
  resize: vertical;
}
._shareModal__embedInput_1vixr_87:focus {
  outline: none;
  border-color: var(--btn-primary);
}
._shareModal__closeButton_1vixr_102 {
  padding: 0.75rem 2rem;
  background-color: transparent;
  color: var(--text-muted);
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._shareModal__closeButton_1vixr_102:hover {
  background-color: var(--bg-hover);
  color: var(--text-body);
}

@keyframes _fadeIn_1vixr_1 {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._inner_8wbik_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100vw;
}

._subHeader_8wbik_8 {
  width: 100%;
  background-color: var(--statementBackground);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

._subHeaderInner_8wbik_14 {
  width: 100%;
  max-width: 75ch;
  margin: 0 auto;
  padding: 0 1rem;
}
@media screen and (max-width: 600px) {
  ._subHeaderInner_8wbik_14 {
    padding: 0 0.5rem;
  }
}

._header_8wbik_26 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
._header_8wbik_26 h1 {
  width: 100%;
  text-align: start;
  margin: 0.5rem 0;
  padding: 0 1rem;
  line-height: 2rem;
}
._header_8wbik_26 h1 input {
  font-size: calc(var(--h1-font-size) * 0.7);
  font-weight: 300;
  line-height: 1.2rem;
}
@media screen and (max-width: 600px) {
  ._header_8wbik_26 h1 {
    margin: 0.25rem 0;
    padding: 0 0.75rem;
    font-size: 1.25rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media screen and (max-width: 600px) {
  ._headerExpanded_8wbik_58 h1 {
    -webkit-line-clamp: unset;
    max-height: none;
  }
}

._headerToggle_8wbik_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  width: 100%;
  padding: 0.3rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
}
._headerToggle_8wbik_64:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._headerToggleText_8wbik_81 {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-caption);
}

._headerToggleChevron_8wbik_87 {
  font-size: 0.8rem;
  color: var(--text-caption);
  transition: transform 0.2s ease;
  line-height: 1;
  transform: rotate(-90deg);
}
[dir=rtl] ._headerToggleChevron_8wbik_87 {
  transform: rotate(90deg);
}

._headerToggleChevronOpen_8wbik_98 {
  transform: rotate(0deg) !important;
}

._headerCollapsible_8wbik_102 {
  display: flex;
  flex-direction: column;
}

._segmentedControlWrapper_8wbik_107 {
  display: flex;
  justify-content: center;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 600px) {
  ._segmentedControlWrapper_8wbik_107 {
    padding: 0.25rem 0.75rem;
  }
}

._main_8wbik_118 {
  width: 100vw;
  scroll-behavior: smooth;
}

._onboarding_8wbik_123 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 400px;
  margin: 1.5rem auto 0;
  padding: 1rem;
  background: var(--card-default, #fff);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: start;
}
._onboarding__step_8wbik_135 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
._onboarding__icon_8wbik_140 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
._onboarding__content_8wbik_151 {
  flex: 1;
  min-width: 0;
}
._onboarding__stepTitle_8wbik_155 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-heading, #1a1a2e);
  margin: 0 0 0.15rem;
  line-height: 1.4;
}
._onboarding__stepText_8wbik_162 {
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
  margin: 0;
  line-height: 1.45;
}
._onboarding__cta_8wbik_168 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--btn-primary, #5f88e5);
  margin: 0.25rem 0 0;
  text-align: center;
}._chatContainer_1iy0u_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  max-width: var(--wrapper-max-width);
  margin: 0 auto;
}

._chatContainerPage_1iy0u_11 {
  flex: none;
  min-height: 0;
  width: 100%;
}

._chat_1iy0u_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--wrapper-max-width);
  margin: 0 auto;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._chatPage_1iy0u_29 {
  flex: none;
  overflow: visible;
}

._sideChat_1iy0u_34 {
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

._sentinel_1iy0u_40 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  padding: 0.5rem 0;
}

._spinner_1iy0u_48 {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid var(--border-color, #ddd);
  border-top-color: var(--btn-primary, #5f88e5);
  border-radius: 50%;
  animation: _spin_1iy0u_48 0.6s linear infinite;
}

@keyframes _spin_1iy0u_48 {
  to {
    transform: rotate(360deg);
  }
}
._messageWrapper_1iy0u_62 {
  animation: _messageIn_1iy0u_1 var(--motion-base) var(--motion-ease) both;
  display: flow-root;
}

@keyframes _messageIn_1iy0u_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._fadeInUp_1iy0u_75 {
  animation: _messageIn_1iy0u_1 var(--motion-base) var(--motion-ease);
}

._wrapper_1iy0u_79 {
  overflow-y: auto;
  flex: 1;
  padding-bottom: 30px;
}

._input_1iy0u_85 {
  position: sticky;
  bottom: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  justify-content: center;
  background: var(--statementBackground);
}

._sideChatInputWrapper_1iy0u_95 {
  width: 100%;
  flex-shrink: 0;
}._statement-type-icon_zc92x_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 0.85rem;
  line-height: 1;
  user-select: none;
}
._statement-type-icon--statement_zc92x_14 {
  background-color: rgba(95, 136, 229, 0.15);
  color: var(--btn-primary, #5f88e5);
}
._statement-type-icon--statement_zc92x_14 svg {
  width: 16px;
  height: 16px;
}
._statement-type-icon--question_zc92x_22 {
  background-color: rgba(71, 180, 239, 0.15);
  color: var(--header-question, #47b4ef);
  font-size: 1.1rem;
}
._statement-type-icon--option_zc92x_27 {
  background-color: rgba(255, 225, 106, 0.2);
  color: var(--option-text, #3b4f7d);
  font-size: 1.1rem;
}
._statement-type-icon--selected_zc92x_32 {
  background-color: rgba(87, 198, 178, 0.2);
  color: var(--approve, #57c6b2);
  font-size: 0.85rem;
  letter-spacing: -1px;
}._editor_h2uf6_1 {
}

._editorCompact_h2uf6_5 {
}

._toolbar_h2uf6_9 {
}

._toolbarButton_h2uf6_13 {
}

._toolbarButtonActive_h2uf6_17 {
}

._content_h2uf6_21 {
}

._actions_h2uf6_25 {
}

._saveBtn_h2uf6_29 {
}

._cancelBtn_h2uf6_33 {
}

._boldIcon_h2uf6_37 {
  font-weight: 700;
}

._italicIcon_h2uf6_41 {
  font-style: italic;
  font-family: serif;
}

._loading_h2uf6_46 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
}
/*
 * Container for Sign-authored rich HTML content.
 * The inline styles inside the content (span colors, cell backgrounds, column
 * widths) are sanitized document data, not app styling — they render as-is.
 */
._richHtml_19h0m_7 {
  max-width: 100%;
  overflow-wrap: break-word;
}
._richHtml_19h0m_7 p {
  margin: 0 0 0.5em;
}
._richHtml_19h0m_7 p:last-child {
  margin-bottom: 0;
}
._richHtml_19h0m_7 table {
  border-collapse: collapse;
  max-width: 100%;
}
._richHtml_19h0m_7 td,
._richHtml_19h0m_7 th {
  border: 1px solid var(--border-light);
  padding: 0.375rem 0.5rem;
  vertical-align: top;
}
._richHtml_19h0m_7 img {
  max-width: 100%;
  height: auto;
}
._richHtml_19h0m_7 ul,
._richHtml_19h0m_7 ol {
  margin: 0 0 0.5em;
  padding-inline-start: 1.25rem;
}

/* Wide tables scroll inside their own container instead of overflowing the card. */
._tableWrapper_19h0m_38 {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}._paragraphsDisplay_vb61i_1 {
  line-height: 1.6;
  color: var(--text-body);
}
._paragraphsDisplay_vb61i_1 h1, ._paragraphsDisplay_vb61i_1 h2, ._paragraphsDisplay_vb61i_1 h3, ._paragraphsDisplay_vb61i_1 h4, ._paragraphsDisplay_vb61i_1 h5, ._paragraphsDisplay_vb61i_1 h6 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-heading, var(--text-body));
}
._paragraphsDisplay_vb61i_1 h1:first-child, ._paragraphsDisplay_vb61i_1 h2:first-child, ._paragraphsDisplay_vb61i_1 h3:first-child, ._paragraphsDisplay_vb61i_1 h4:first-child, ._paragraphsDisplay_vb61i_1 h5:first-child, ._paragraphsDisplay_vb61i_1 h6:first-child {
  margin-top: 0;
}
._paragraphsDisplay_vb61i_1 h1 {
  font-size: 1.75rem;
}
._paragraphsDisplay_vb61i_1 h2 {
  font-size: 1.5rem;
}
._paragraphsDisplay_vb61i_1 h3 {
  font-size: 1.25rem;
}
._paragraphsDisplay_vb61i_1 h4 {
  font-size: 1.125rem;
}
._paragraphsDisplay_vb61i_1 h5 {
  font-size: 1rem;
}
._paragraphsDisplay_vb61i_1 h6 {
  font-size: 0.875rem;
}
._paragraphsDisplay_vb61i_1 p {
  margin: 0.75rem 0;
}
._paragraphsDisplay_vb61i_1 p:first-child {
  margin-top: 0;
}
._paragraphsDisplay_vb61i_1 p:last-child {
  margin-bottom: 0;
}
._paragraphsDisplay_vb61i_1 ul, ._paragraphsDisplay_vb61i_1 ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem !important;
  padding-inline-start: 1.5rem !important;
}
._paragraphsDisplay_vb61i_1 ul li, ._paragraphsDisplay_vb61i_1 ol li {
  margin: 0.25rem 0;
  display: list-item;
}
._paragraphsDisplay_vb61i_1 ul {
  list-style-type: disc !important;
  list-style-position: inside;
}
._paragraphsDisplay_vb61i_1 ol {
  list-style-type: decimal !important;
  list-style-position: inside;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 {
  margin: 1rem 0;
  overflow-x: auto;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table {
  width: 100%;
  border-collapse: collapse;
  background: var(--card-default, #fff);
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table th,
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table td {
  border: 1px solid var(--border-light, #e0e0e0);
  padding: 0.5rem 0.75rem;
  text-align: left;
  vertical-align: top;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table th {
  background: var(--background, #f5f5f5);
  font-weight: 600;
}
._paragraphsDisplay_vb61i_1 ._table_vb61i_59 table tr:hover {
  background: var(--hover-light, rgba(0, 0, 0, 0.02));
}._statement_ve8jy_1 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
}

._description_ve8jy_7 {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--text-body);
  line-height: 1.6;
}

._markdown_ve8jy_14 {
  font-size: 0.95rem;
  font-weight: 400;
  color: var(--text-body);
  line-height: 1.7;
}
._markdown_ve8jy_14 > * + * {
  margin-top: 1rem;
}
._markdown_ve8jy_14 > *:first-child {
  margin-top: 0;
}
._markdown_ve8jy_14 > *:last-child {
  margin-bottom: 0;
}

._h1_ve8jy_30 {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--text-title);
  margin: 2rem 0 1rem 0;
  line-height: 1.25;
  letter-spacing: -0.02em;
  padding-bottom: 0.625rem;
  border-bottom: 3px solid var(--agree, #57c6b2);
}
._h1_ve8jy_30:first-child {
  margin-top: 0;
}

._h2_ve8jy_44 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.75rem 0 0.75rem 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--border-primary, #c6d8f7);
}
._h2_ve8jy_44:first-child {
  margin-top: 0;
}

._h3_ve8jy_58 {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.5rem 0 0.625rem 0;
  line-height: 1.35;
}
._h3_ve8jy_58:first-child {
  margin-top: 0;
}

._h4_ve8jy_69 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 1.25rem 0 0.5rem 0;
  line-height: 1.4;
}
._h4_ve8jy_69:first-child {
  margin-top: 0;
}

._p_ve8jy_80 {
  margin: 0.75rem 0;
  line-height: 1.7;
}
._p_ve8jy_80:first-child {
  margin-top: 0;
}
._p_ve8jy_80:last-child {
  margin-bottom: 0;
}
._p--bold_ve8jy_90 {
  font-weight: 500;
}
._p_ve8jy_80 a {
  color: var(--header-question);
  text-decoration: underline;
  text-underline-offset: 2px;
}
._p_ve8jy_80 a:hover {
  color: var(--btn-primary);
}

._bold_ve8jy_102 {
  font-weight: 700;
  color: var(--text-title);
}
._bold_ve8jy_102:first-child:last-child, ._bold_ve8jy_102:only-child {
  display: block;
  font-size: 1.4rem !important;
  font-weight: 800 !important;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  padding-bottom: 0.375rem;
  border-bottom: 2px solid var(--agree, #57c6b2);
  line-height: 1.35;
}
p:first-child > ._bold_ve8jy_102:first-child:last-child, p:first-child > ._bold_ve8jy_102:only-child {
  margin-top: 0;
}

._italic_ve8jy_120 {
  font-style: italic;
}

._ul_ve8jy_124,
._ol_ve8jy_125 {
  margin: 0.875rem 0;
  padding-inline-start: 1.75rem;
  line-height: 1.6;
}
._ul_ve8jy_124:first-child,
._ol_ve8jy_125:first-child {
  margin-top: 0;
}
._ul_ve8jy_124:last-child,
._ol_ve8jy_125:last-child {
  margin-bottom: 0;
}
._ul_ve8jy_124 ._ul_ve8jy_124,
._ul_ve8jy_124 ._ol_ve8jy_125,
._ol_ve8jy_125 ._ul_ve8jy_124,
._ol_ve8jy_125 ._ol_ve8jy_125 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

._ul_ve8jy_124 {
  list-style-type: disc;
}
._ul_ve8jy_124 ._ul_ve8jy_124 {
  list-style-type: circle;
}
._ul_ve8jy_124 ._ul_ve8jy_124 ._ul_ve8jy_124 {
  list-style-type: square;
}

._ol_ve8jy_125 {
  list-style-type: decimal;
}
._ol_ve8jy_125 ._ol_ve8jy_125 {
  list-style-type: lower-alpha;
}
._ol_ve8jy_125 ._ol_ve8jy_125 ._ol_ve8jy_125 {
  list-style-type: lower-roman;
}

._li_ve8jy_166 {
  margin: 0.375rem 0;
  line-height: 1.6;
  padding-inline-start: 0.25rem;
}
._li_ve8jy_166:first-child {
  margin-top: 0;
}
._li_ve8jy_166:last-child {
  margin-bottom: 0;
}
._li_ve8jy_166 ._p_ve8jy_80 {
  margin: 0.375rem 0;
}
._li_ve8jy_166 ._p_ve8jy_80:first-child {
  margin-top: 0;
}
._li_ve8jy_166 ._p_ve8jy_80:last-child {
  margin-bottom: 0;
}
._li_ve8jy_166 > ._ul_ve8jy_124,
._li_ve8jy_166 > ._ol_ve8jy_125 {
  margin-top: 0.5rem;
}

._link_ve8jy_191 {
  color: var(--header-question);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
._link_ve8jy_191:hover {
  color: var(--btn-primary);
  text-decoration-color: var(--btn-primary);
}
._link_ve8jy_191:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

[dir=rtl] ._ul_ve8jy_124,
[dir=rtl] ._ol_ve8jy_125 {
  padding-left: 0;
  padding-right: 1.75rem;
}
[dir=rtl] ._li_ve8jy_166 {
  padding-left: 0;
  padding-right: 0.25rem;
}

@media (max-width: 600px) {
  ._markdown_ve8jy_14 {
    font-size: 0.95rem;
    line-height: 1.65;
  }
  ._h1_ve8jy_30 {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 1.5rem 0 0.75rem 0;
  }
  ._h2_ve8jy_44 {
    font-size: 1.3rem;
    font-weight: 700;
    margin: 1.25rem 0 0.625rem 0;
  }
  ._h3_ve8jy_58 {
    font-size: 1.15rem;
    font-weight: 700;
    margin: 1rem 0 0.5rem 0;
  }
  ._h4_ve8jy_69 {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0.875rem 0 0.375rem 0;
  }
  ._ul_ve8jy_124,
  ._ol_ve8jy_125 {
    padding-inline-start: 1.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._link_ve8jy_191 {
    transition: none;
  }
}._picker_z18xa_1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._picker__list_z18xa_6 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._picker__footnote_z18xa_11 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-secondary, var(--text-body));
  text-align: center;
}

._row_z18xa_18 {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-light, rgba(0, 0, 0, 0.1));
  border-radius: 12px;
  background: var(--card-default, transparent);
  overflow: hidden;
}
._row--disabled_z18xa_26 {
  opacity: 0.4;
}
._row__main_z18xa_29 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 48px;
  padding: 0.75rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: start;
  color: var(--text-body);
}
._row__main_z18xa_29:disabled {
  cursor: default;
}
._row__main_z18xa_29:not(:disabled):hover, ._row__main_z18xa_29:not(:disabled):focus-visible {
  background: var(--btn-white-hover);
}
._row__icon_z18xa_48 {
  font-size: 1.4rem;
  line-height: 1;
}
._row__texts_z18xa_52 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  flex: 1;
  min-width: 0;
}
._row__label_z18xa_59 {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._row__badge_z18xa_66 {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--agree);
}
._row__description_z18xa_71 {
  font-size: 0.85rem;
  color: var(--text-secondary, var(--text-body));
}
._row__chevron_z18xa_75 {
  font-size: 1.2rem;
  color: var(--text-secondary, var(--text-body));
}
[dir=rtl] ._row__chevron_z18xa_75 {
  transform: scaleX(-1);
}
._row__stop_z18xa_82 {
  align-self: flex-start;
  margin-inline-start: 0.75rem;
  margin-block-end: 0.5rem;
  padding: 0.25rem 0.5rem;
  border: none;
  background: transparent;
  color: var(--text-secondary, var(--text-body));
  font-size: 0.8rem;
  text-decoration: underline;
  cursor: pointer;
}

._confirm_z18xa_95 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._confirm__statement_z18xa_100 {
  margin: 0;
  font-weight: 600;
  color: var(--text-body);
}
._confirm__explainer_z18xa_105 {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--text-secondary, var(--text-body));
}
._confirm__error_z18xa_111 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--reject, #c00);
}
._confirm__primary_z18xa_116 {
  min-height: 48px;
  border: none;
  border-radius: 20px;
  background: var(--btn-primary);
  color: var(--white, #fff);
  font-weight: 600;
  cursor: pointer;
  padding: 0.5rem 1rem;
}
._confirm__primary_z18xa_116:disabled {
  opacity: 0.6;
  cursor: default;
}
._confirm__cancel_z18xa_130 {
  min-height: 40px;
  border: none;
  background: transparent;
  color: var(--text-secondary, var(--text-body));
  cursor: pointer;
}

._toast_z18xa_138 {
  position: fixed;
  inset-block-end: calc(1rem + env(safe-area-inset-bottom, 0px));
  inset-inline-start: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  max-width: min(92vw, 26rem);
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: var(--tooltip, var(--text-body));
  color: var(--white, #fff);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  z-index: 1100;
}
[dir=rtl] ._toast_z18xa_138 {
  transform: translateX(50%);
}
._toast__text_z18xa_157 {
  font-size: 0.95rem;
}
._toast__action_z18xa_160 {
  border: none;
  background: transparent;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  ._toast_z18xa_138 {
    transition: none;
  }
}._evaluation_vons0_1 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs);
  min-width: 0;
}

._enhanced-evaluation_vons0_9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  min-width: 0;
}

._scale_vons0_18 {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: fit-content;
  flex-shrink: 0;
  gap: var(--space-3xs);
}

._evaluation-thumbs_vons0_27 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: var(--space-3xs);
  flex-shrink: 0;
}

._evaluation-thumb_vons0_27 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0;
  border: none;
  background: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transform: scale(1);
  transition: transform var(--motion-fast) var(--motion-ease);
}
._evaluation-thumb_vons0_27:active:not(:disabled) {
  transform: scale(0.95);
}
._evaluation-thumb_vons0_27:hover:not(:disabled):not(._active_vons0_54) {
  transform: scale(1.08);
}
._evaluation-thumb_vons0_27._active_vons0_54 {
  transform: scale(1.15);
  z-index: 0;
}
._evaluation-thumb_vons0_27:focus-visible {
  outline: none;
}
._evaluation-thumb_vons0_27:focus-visible ._evaluation-thumb__face_vons0_64 {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._evaluation-thumb_vons0_27:disabled {
  cursor: not-allowed;
}
._evaluation-thumb_vons0_27._disabled_vons0_71 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}

._evaluation-thumb__face_vons0_64 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-pill);
  pointer-events: none;
  opacity: 0.95;
  box-shadow: inset 0 0 0 1px var(--evaluation-thumb-ring);
  transition: opacity var(--motion-fast) var(--motion-ease);
}
._evaluation-thumb__face_vons0_64 img {
  width: 22px;
  height: 22px;
  pointer-events: none;
}
._evaluation-thumb__face_vons0_64 ._evaluation-thumb__emoji_vons0_95 {
  pointer-events: none;
  font-size: 1.25rem;
  line-height: 1;
}

._evaluation-thumb_vons0_27:hover:not(:disabled) ._evaluation-thumb__face_vons0_64,
._evaluation-thumb_vons0_27._active_vons0_54 ._evaluation-thumb__face_vons0_64 {
  opacity: 1;
}

._evaluation-thumb_vons0_27._active_vons0_54 ._evaluation-thumb__face_vons0_64 {
  box-shadow: none;
}

._evaluation-explain_vons0_110 {
  display: flex;
  justify-content: space-between;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-xs);
  line-height: 1;
  color: var(--text-meta);
  width: 100%;
  box-sizing: border-box;
}
._evaluation-explain_vons0_110 > span {
  flex: 0 0 44px;
  text-align: center;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  ._evaluation-thumb_vons0_27 {
    transition: none;
  }
  ._evaluation-thumb_vons0_27:hover:not(:disabled):not(._active_vons0_54), ._evaluation-thumb_vons0_27:active:not(:disabled) {
    transform: none;
  }
}._tooltipWrapper_xj25p_1 {
  position: relative;
  display: inline-flex;
  cursor: pointer;
}

._tooltip_xj25p_1 {
  position: absolute;
  width: max-content;
  max-width: 180px;
  min-width: 80px;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
  z-index: 9999;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  font-size: 0.75rem;
  white-space: normal;
  line-height: 1.3;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  animation: _fadeIn_xj25p_1 0.2s ease-out forwards;
}
._tooltip_xj25p_1._top_xj25p_28 {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_xj25p_1._bottom_xj25p_33 {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
._tooltip_xj25p_1._left_xj25p_38 {
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_xj25p_1._right_xj25p_43 {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
._tooltip_xj25p_1._top-left_xj25p_48 {
  bottom: calc(100% + 10px);
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._top-right_xj25p_53 {
  bottom: calc(100% + 10px);
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._bottom-left_xj25p_58 {
  top: calc(100% + 10px);
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1._bottom-right_xj25p_63 {
  top: calc(100% + 10px);
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
._tooltip_xj25p_1 ._arrow_xj25p_68 {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
._top_xj25p_28 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: rgba(0, 0, 0, 0.85);
  border-bottom: 0;
}
._bottom_xj25p_33 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: rgba(0, 0, 0, 0.85);
  border-top: 0;
}
._left_xj25p_38 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: rgba(0, 0, 0, 0.85);
  border-right: 0;
}
._right_xj25p_43 ._tooltip_xj25p_1 ._arrow_xj25p_68 {
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: rgba(0, 0, 0, 0.85);
  border-left: 0;
}

@keyframes _fadeIn_xj25p_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  ._tooltip_xj25p_1 {
    max-width: 140px;
    min-width: 60px;
    white-space: normal;
    text-align: center;
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
._highContrast_xj25p_122 {
  background-color: black;
  color: white;
  border: 1px solid white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68 {
  border-color: transparent;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._top_xj25p_28 {
  border-top-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._bottom_xj25p_33 {
  border-bottom-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._left_xj25p_38 {
  border-left-color: white;
}
._highContrast_xj25p_122 ._arrow_xj25p_68._right_xj25p_43 {
  border-right-color: white;
}._thumb_1dh7q_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  gap: var(--space-2xs);
  padding: 0 var(--space-xs);
  border: none;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-body);
  cursor: pointer;
  transition: background-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}
._thumb_1dh7q_1 svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
._thumb_1dh7q_1 ._count_1dh7q_21 {
  direction: ltr;
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  color: var(--text-meta);
}
._thumb_1dh7q_1:hover:not(._disabled_1dh7q_30) {
  background-color: var(--bg-hover);
}
._thumb_1dh7q_1:active:not(._disabled_1dh7q_30) {
  transform: scale(0.95);
}
._thumb_1dh7q_1:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._thumb_1dh7q_1._active_1dh7q_40 {
  background-color: var(--bg-hover);
}
._thumb_1dh7q_1._active_1dh7q_40 ._count_1dh7q_21 {
  color: var(--text-body);
}
._thumb_1dh7q_1._inactive_1dh7q_46 svg {
  opacity: 0.45;
}
._thumb_1dh7q_1._disabled_1dh7q_30 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}

@media (prefers-reduced-motion: reduce) {
  ._thumb_1dh7q_1 {
    transition: none;
  }
  ._thumb_1dh7q_1:active:not(._disabled_1dh7q_30) {
    transform: none;
  }
}._simpleEvaluation_1u0wc_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs) var(--space-sm);
  min-width: 0;
  color: var(--text-body);
}
._simpleEvaluation_1u0wc_1 ._evaluationBox_1u0wc_10 {
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
  flex-shrink: 0;
}
._simpleEvaluation_1u0wc_1 ._results_1u0wc_16 {
  margin: 0;
  min-width: 0;
}._singleLikeEvaluation_klon6_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  padding: 0.5rem;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0.5rem;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8:hover:not(:disabled) {
  background-color: rgba(100, 149, 237, 0.1);
  transform: scale(1.05);
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8:active:not(:disabled) {
  transform: scale(0.95);
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8:focus-visible {
  outline: 2px solid #6495ed;
  outline-offset: 2px;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8._disabled_klon6_37 {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(30%);
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8 ._likeIcon_klon6_43 {
  width: 1.8rem;
  height: 1.8rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  stroke: #888;
  fill: none;
  stroke-width: 1.5;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8._liked_klon6_51 ._likeIcon_klon6_43 {
  stroke: #6495ed;
  fill: #6495ed;
  animation: _likeAnimation_klon6_1 0.3s ease-out;
}
._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8._processing_klon6_56 {
  animation: _pulse_klon6_1 1s infinite;
}
._singleLikeEvaluation_klon6_1 ._stats_klon6_59 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: 0.875rem;
  color: var(--text-caption);
}
._singleLikeEvaluation_klon6_1 ._stats_klon6_59 ._count_klon6_66 {
  font-weight: 500;
  color: var(--text-body);
}
._singleLikeEvaluation_klon6_1 ._stats_klon6_59 ._percentage_klon6_70 {
  opacity: 0.8;
}
._singleLikeEvaluation_klon6_1 ._progressBar_klon6_73 {
  width: 100%;
  max-width: 150px;
  height: 4px;
  background-color: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 0.25rem;
}
._singleLikeEvaluation_klon6_1 ._progressBar_klon6_73 ._progressFill_klon6_82 {
  height: 100%;
  background: linear-gradient(90deg, #6495ed 0%, #4169e1 100%);
  border-radius: 2px;
  transition: width 0.3s ease-out;
}
@media (max-width: 768px) {
  ._singleLikeEvaluation_klon6_1 {
    padding: 0.25rem;
  }
  ._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8 {
    width: 40px;
    height: 40px;
  }
  ._singleLikeEvaluation_klon6_1 ._likeButton_klon6_8 ._likeIcon_klon6_43 {
    width: 1.6rem;
    height: 1.6rem;
  }
  ._singleLikeEvaluation_klon6_1 ._stats_klon6_59 {
    font-size: 0.75rem;
  }
  ._singleLikeEvaluation_klon6_1 ._progressBar_klon6_73 {
    max-width: 120px;
  }
}
@media (min-width: 400px) {
  ._singleLikeEvaluation_klon6_1._horizontal_klon6_108 {
    flex-direction: row;
    gap: 0.75rem;
  }
  ._singleLikeEvaluation_klon6_1._horizontal_klon6_108 ._progressBar_klon6_73 {
    display: none;
  }
}
._singleLikeEvaluation_klon6_1 ._voteLimit_klon6_116 {
  margin-top: 0.5rem;
  text-align: center;
}
._singleLikeEvaluation_klon6_1 ._voteLimit_klon6_116 ._voteLimitText_klon6_120 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  background: rgba(100, 149, 237, 0.05);
  padding: 0.25rem 0.5rem;
  border-radius: 12px;
  display: inline-block;
}
._singleLikeEvaluation_klon6_1 ._voteLimit_klon6_116 ._voteLimitText_klon6_120._limitReached_klon6_128 {
  color: #dc3545;
  background: rgba(220, 53, 69, 0.1);
  font-weight: 600;
}
._singleLikeEvaluation_klon6_1 ._limitMessage_klon6_133 {
  margin-top: 0.5rem;
  padding: 0.75rem;
  background: rgba(220, 53, 69, 0.05);
  border: 1px solid rgba(220, 53, 69, 0.2);
  border-radius: 8px;
  color: #dc3545;
  font-size: 0.9rem;
  text-align: center;
  animation: _slideDown_klon6_1 0.3s ease-out;
}
._singleLikeEvaluation_klon6_1 ._limitMessage_klon6_133 ._manageButton_klon6_144 {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.25rem 0.75rem;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s;
}
._singleLikeEvaluation_klon6_1 ._limitMessage_klon6_133 ._manageButton_klon6_144:hover {
  background: #c82333;
  transform: translateY(-1px);
}

@keyframes _likeAnimation_klon6_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes _pulse_klon6_1 {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
@keyframes _slideDown_klon6_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}._modalOverlay_5be8k_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: 1rem;
  animation: _fadeIn_5be8k_1 0.2s ease-in-out;
}

._modal_5be8k_1 {
  background: var(--card-default);
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  animation: _slideUp_5be8k_1 0.3s ease-out;
}

._header_5be8k_28 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border-color);
}
._header_5be8k_28 h2 {
  margin: 0;
  font-size: 1.5rem;
  color: var(--text-primary);
}
._header_5be8k_28 ._closeButton_5be8k_40 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}
._header_5be8k_28 ._closeButton_5be8k_40:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
._header_5be8k_28 ._closeButton_5be8k_40 svg {
  width: 24px;
  height: 24px;
  fill: var(--text-secondary);
}

._content_5be8k_60 {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
._content_5be8k_60 ._message_5be8k_65 {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: var(--text-primary);
  line-height: 1.5;
  background: rgba(var(--accent-rgb), 0.05);
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid rgba(var(--accent-rgb), 0.2);
}
._content_5be8k_60 ._votesList_5be8k_75 h3 {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  color: var(--text-primary);
}
._content_5be8k_60 ._votesList_5be8k_75 ._noVotes_5be8k_80 {
  color: var(--text-secondary);
  font-style: italic;
}
._content_5be8k_60 ._votesList_5be8k_75 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
._content_5be8k_60 ._votesList_5be8k_75 ._voteItem_5be8k_89 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  margin-bottom: 0.5rem;
  background: var(--background-secondary);
  border-radius: 8px;
  border: 1px solid var(--border-color);
  transition: all 0.2s;
}
._content_5be8k_60 ._votesList_5be8k_75 ._voteItem_5be8k_89:hover {
  background: var(--background-hover);
  border-color: var(--accent);
}
._content_5be8k_60 ._votesList_5be8k_75 ._voteItem_5be8k_89 ._statementText_5be8k_104 {
  flex: 1;
  margin-right: 1rem;
  color: var(--text-primary);
  font-size: 0.95rem;
  line-height: 1.4;
}
._content_5be8k_60 ._votesList_5be8k_75 ._voteItem_5be8k_89 ._removeButton_5be8k_111 {
  background: var(--error-light);
  color: var(--error);
  border: 1px solid var(--error);
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
._content_5be8k_60 ._votesList_5be8k_75 ._voteItem_5be8k_89 ._removeButton_5be8k_111:hover {
  background: var(--error);
  color: white;
}

._footer_5be8k_127 {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
._footer_5be8k_127 ._cancelButton_5be8k_134 {
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--border-color);
  background: var(--card-default);
  color: var(--text-primary);
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
}
._footer_5be8k_127 ._cancelButton_5be8k_134:hover {
  background: var(--background-secondary);
}

@keyframes _fadeIn_5be8k_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_5be8k_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 768px) {
  ._modal_5be8k_1 {
    max-height: 90vh;
    margin: 1rem;
  }
  ._header_5be8k_28 h2 {
    font-size: 1.25rem;
  }
  ._content_5be8k_60 {
    padding: 1rem;
  }
  ._content_5be8k_60 ._voteItem_5be8k_89 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  ._content_5be8k_60 ._voteItem_5be8k_89 ._removeButton_5be8k_111 {
    width: 100%;
  }
}._evaluation_13f1j_1 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (max-width: 500px) {
  ._evaluation_13f1j_1 ._community-voice_13f1j_6 {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: auto;
    margin-top: 1rem;
  }
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.2rem;
  align-items: flex-end;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  user-select: none;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(1) {
  transform: scale(1);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(2) {
  transform: scale(0.9);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(3) {
  transform: scale(0.8);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(4) {
  transform: scale(0.7);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(4) ._voice-option_13f1j_20:not(._active_13f1j_45) {
  background-color: var(--gray0-1);
  border-color: var(--gray0-1-border);
  color: var(--gray0-1-text);
  border-width: 2px;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(3) ._voice-option_13f1j_20:not(._active_13f1j_45) {
  background-color: var(--gray0-125);
  border-color: var(--gray0-125-border);
  color: var(--gray0-125-text);
  border-width: 2px;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(2) ._voice-option_13f1j_20:not(._active_13f1j_45) {
  background-color: var(--gray0-15);
  border-color: var(--gray0-15-border);
  color: var(--gray0-15-text);
  border-width: 2px;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26:nth-child(1) ._voice-option_13f1j_20:not(._active_13f1j_45) {
  background-color: var(--gray0-2);
  border-color: var(--gray0-2-border);
  color: var(--gray0-2-text);
  border-width: 2px;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  border: 2px solid;
  padding: 0.75rem;
  width: 56px;
  height: 56px;
  -webkit-tap-highlight-color: transparent;
  transform: scale(1);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20:hover:not(._active_13f1j_45):not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20:active:not(:disabled) {
  transform: scale(0.98);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20._active_13f1j_45 {
  transform: scale(1.1);
  z-index: 0;
  opacity: 1;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20._active_13f1j_45:hover {
  transform: scale(1.1) translateY(-2px);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20._pending_13f1j_99 {
  opacity: 0.55;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20:disabled {
  cursor: not-allowed;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20._disabled_13f1j_105 {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(50%);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20 img {
  pointer-events: none;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26 ._voice-option_13f1j_20._active_13f1j_45 {
  background-color: var(--agree3);
  border-color: var(--agree3-border);
  border-width: 3px;
  color: var(--agree3-text);
  box-shadow: 0 4px 14px rgba(87, 198, 178, 0.4);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option-wrapper_13f1j_26 ._voice-option_13f1j_20._active_13f1j_45 img {
  visibility: hidden;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-label_13f1j_127 {
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  max-width: 70px;
  line-height: 1.3;
  color: var(--text-label, rgba(0, 0, 0, 0.7));
  padding: 0;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._explain_13f1j_136 {
  justify-content: space-between;
  color: var(--text-label);
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._explain--ltr_13f1j_140 {
  flex-direction: row-reverse;
}
._evaluation_13f1j_1 ._community-voice_13f1j_6 ._evaluation-explain_13f1j_143 {
  display: flex;
  justify-content: space-between;
  font-weight: 300;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.711);
  text-align: center;
  width: 100%;
}
._evaluation_13f1j_1 ._evaluation-score_13f1j_152 {
  display: flex;
  gap: 0.2rem;
  align-items: center;
  justify-content: center;
  color: var(--text-body);
}

._active_13f1j_45 {
  transform: scale(1.1);
}

@media screen and (max-width: 500px) {
  ._community-voice_13f1j_6 ._voice-options_13f1j_20 ._voice-option_13f1j_20 ._voice-label_13f1j_127 {
    font-size: 0.5rem;
    max-width: 4rem;
  }
}._joinForm_68b14_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.25rem 0;
}
._joinForm__field_68b14_7 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
._joinForm__field--error_68b14_12 ._joinForm__input_68b14_12 {
  border-color: var(--reject, #d64545);
}
._joinForm__label_68b14_15 {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-body, var(--text, #222));
}
._joinForm__required_68b14_20 {
  color: var(--reject, #d64545);
  margin-inline-start: 0.25rem;
}
._joinForm__input_68b14_12 {
  font: inherit;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border-color, #d0d4dc);
  border-radius: 8px;
  background: var(--input-bg, var(--card-default, #fff));
  color: var(--text-body, var(--text, #222));
  transition: border-color 0.15s ease;
}
._joinForm__input_68b14_12:focus {
  outline: none;
  border-color: var(--btn-primary, #5f88e5);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}
._joinForm__errorMessage_68b14_38 {
  color: var(--reject, #d64545);
  font-size: 0.9rem;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._joinForm__input_68b14_12 {
    transition: none;
  }
}._joinButtons_sofuc_1 {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
._joinButtons__activistGroup_sofuc_7 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
}
._joinButtons__hint_sofuc_13 {
  font-size: 0.7rem;
  color: var(--text-secondary, #6b7280);
  line-height: 1;
}
._joinButtons__failedBadge_sofuc_18 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.78rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: var(--card-muted, rgba(0, 0, 0, 0.06));
  color: var(--text-secondary, #6b7280);
  font-weight: 500;
}._tree-option-node_qs5tf_1 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  flex: 1;
  min-width: 0;
  margin-top: 6px;
  border-inline-start: 3px solid var(--header-not-chosen, #ffe16a);
  padding-inline-start: 10px;
  background-color: var(--card-default, #fff);
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: background-color 0.3s ease, box-shadow 0.2s ease;
}
@media (prefers-contrast: more) {
  ._tree-option-node_qs5tf_1 {
    background-color: var(--card-default, #fff);
    border: 2px solid #000;
    border-inline-start: 3px solid var(--header-not-chosen, #ffe16a);
    box-shadow: none;
  }
}
[data-contrast="high"] ._tree-option-node_qs5tf_1 {
  background-color: var(--card-default, #fff);
  border: 2px solid #000;
  border-inline-start: 3px solid var(--header-not-chosen, #ffe16a);
  box-shadow: none;
}
._tree-option-node--selected_qs5tf_30 {
  border-inline-start-color: var(--approve, #57c6b2);
  background-color: var(--card-default, #fff);
}
._tree-option-node--highlight_qs5tf_34 {
  animation: _card-blink_qs5tf_1 3s ease;
}
._tree-option-node--new_qs5tf_37 {
  animation: _new-solution-fade_qs5tf_1 12s ease-out;
}
._tree-option-node--failed_qs5tf_40 {
  opacity: 0.6;
  filter: grayscale(0.4);
  border-inline-start-color: var(--border-color, #d0d4dc);
  background-color: rgba(0, 0, 0, 0.02);
}
._tree-option-node--cluster_qs5tf_46 {
  border-inline-start-color: var(--btn-primary, #5f88e5) !important;
  border-inline-start-width: 4px !important;
  background-color: rgba(95, 136, 229, 0.14) !important;
  box-shadow: 4px 5px 0 -1px rgba(95, 136, 229, 0.35), 10px 11px 0 -2px rgba(95, 136, 229, 0.18);
  border-radius: 8px;
  position: relative;
}
[dir=rtl] ._tree-option-node--cluster_qs5tf_46 {
  box-shadow: -4px 5px 0 -1px rgba(95, 136, 229, 0.35), -10px 11px 0 -2px rgba(95, 136, 229, 0.18);
}
._tree-option-node--cluster_qs5tf_46._tree-option-node--selected_qs5tf_30 {
  border-inline-start-color: var(--approve, #57c6b2) !important;
}
@media (prefers-contrast: more) {
  ._tree-option-node--cluster_qs5tf_46 {
    background-color: transparent !important;
    border: 2px solid var(--btn-primary, #5f88e5) !important;
    box-shadow: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._tree-option-node--cluster_qs5tf_46 {
    box-shadow: none;
  }
}
._tree-option-node__cluster-badge_qs5tf_72 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--btn-primary, #5f88e5);
  color: var(--btn-primary-text, #fff);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
  margin-inline-end: 0.4rem;
  box-shadow: 0 1px 3px rgba(95, 136, 229, 0.4);
}
._tree-option-node__cluster-badge--synthesis_qs5tf_87 {
  background: var(--header-not-chosen, #ffe16a);
  color: var(--option-text, #3b4f7d);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
._tree-option-node__cluster-badge--topic_qs5tf_92 {
  background: var(--text-secondary, #777);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
@media (prefers-contrast: more) {
  ._tree-option-node__cluster-badge_qs5tf_72 {
    background: transparent;
    color: var(--btn-primary, #5f88e5);
    border: 2px solid var(--btn-primary, #5f88e5);
    box-shadow: none;
  }
  ._tree-option-node__cluster-badge--synthesis_qs5tf_87 {
    background: transparent;
    border-color: var(--option-text, #3b4f7d);
    color: var(--option-text, #3b4f7d);
    box-shadow: none;
  }
  ._tree-option-node__cluster-badge--topic_qs5tf_92 {
    background: transparent;
    border-color: var(--text-body, #333);
    color: var(--text-body, #333);
    box-shadow: none;
  }
}
._tree-option-node--synthesis_qs5tf_116 {
  border-inline-start-color: var(--header-not-chosen, #ffe16a) !important;
}
._tree-option-node--synthesis_qs5tf_116._tree-option-node--cluster_qs5tf_46 {
  background-color: var(--card-default, #fff) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
}
[dir=rtl] ._tree-option-node--synthesis_qs5tf_116._tree-option-node--cluster_qs5tf_46 {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
}
@media (prefers-contrast: more) {
  ._tree-option-node--synthesis_qs5tf_116 {
    background-color: var(--card-default, #fff) !important;
    border: 2px solid #000 !important;
    border-inline-start: 3px solid var(--header-not-chosen, #ffe16a) !important;
    box-shadow: none;
  }
}
[data-contrast="high"] ._tree-option-node--synthesis_qs5tf_116 {
  background-color: var(--card-default, #fff) !important;
  border: 2px solid #000 !important;
  border-inline-start: 3px solid var(--header-not-chosen, #ffe16a) !important;
  box-shadow: none;
}
[data-contrast="high"] ._tree-option-node--synthesis_qs5tf_116._tree-option-node--cluster_qs5tf_46 {
  background-color: var(--card-default, #fff) !important;
  box-shadow: none;
}
[dir=rtl] [data-contrast="high"] ._tree-option-node--synthesis_qs5tf_116._tree-option-node--cluster_qs5tf_46 {
  box-shadow: none;
}
@keyframes _card-blink_qs5tf_1 {
  0%, 100% {
    background-color: var(--card-default, #fff);
  }
  15%, 45%, 75% {
    background-color: rgba(95, 136, 229, 0.15);
  }
  30%, 60%, 90% {
    background-color: var(--card-default, #fff);
  }
}
@keyframes _new-solution-fade_qs5tf_1 {
  0% {
    background-color: rgba(95, 136, 229, 0.18);
    box-shadow: 0 0 0 2px rgba(95, 136, 229, 0.25);
  }
  70% {
    background-color: rgba(95, 136, 229, 0.08);
    box-shadow: 0 0 0 1px rgba(95, 136, 229, 0.1);
  }
  100% {
    background-color: var(--card-default, #fff);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  }
}
._tree-option-node__avatar_qs5tf_172 {
  flex-shrink: 0;
  margin-top: -3px;
}
._tree-option-node__body_qs5tf_176 {
  flex: 1;
  min-width: 0;
  position: relative;
}
._tree-option-node__header_qs5tf_181 {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
._tree-option-node__author_qs5tf_190 {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--text-title, #333);
}
._tree-option-node__time_qs5tf_195 {
  font-size: 0.65rem;
  color: #ccc;
}
._tree-option-node__menu_qs5tf_199 {
  margin-inline-start: auto;
  flex-shrink: 0;
  align-self: center;
}
._tree-option-node__badge_qs5tf_204 {
  font-size: 0.7rem;
  font-weight: 600;
  padding: 1px 6px;
  border-radius: 4px;
  background-color: var(--header-not-chosen, #ffe16a);
  color: var(--option-text, #3b4f7d);
  line-height: 1.4;
  white-space: nowrap;
}
._tree-option-node--selected_qs5tf_30 ._tree-option-node__badge_qs5tf_204 {
  background-color: var(--approve, #57c6b2);
  color: #fff;
}
._tree-option-node__text_qs5tf_218 {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--text-body, #444);
  word-break: break-word;
}
._tree-option-node--cluster_qs5tf_46 ._tree-option-node__text_qs5tf_218, ._tree-option-node--cluster_qs5tf_46 ._tree-option-node__description_qs5tf_224 {
  padding-inline-end: 7rem;
}
._tree-option-node--synthesis_qs5tf_116 ._tree-option-node__text_qs5tf_218, ._tree-option-node--synthesis_qs5tf_116 ._tree-option-node__description_qs5tf_224 {
  padding-inline-end: 12rem;
}
._tree-option-node__description_qs5tf_224 {
  color: var(--text-secondary, #999);
  font-size: 0.85rem;
  line-height: 1.4;
  margin-top: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
._tree-option-node__paragraphs_qs5tf_242 {
  margin-top: 4px;
}
._tree-option-node__paragraphs_qs5tf_242 p {
  margin: 2px 0;
  font-size: inherit;
}
._tree-option-node__proposal-actions_qs5tf_249 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}
._tree-option-node__sources-toggle_qs5tf_256 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  background: transparent;
  color: var(--text-secondary, #777);
  border: 1px dashed color-mix(in srgb, var(--btn-primary, #5f88e5) 35%, transparent);
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}
._tree-option-node__sources-toggle_qs5tf_256:hover, ._tree-option-node__sources-toggle_qs5tf_256:focus-visible {
  background: color-mix(in srgb, var(--btn-primary, #5f88e5) 8%, transparent);
  color: var(--btn-primary, #5f88e5);
  outline: none;
}
._tree-option-node__sources-toggle_qs5tf_256:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 1px;
}
._tree-option-node__proposal-admin-btn_qs5tf_279 {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 7px;
  background: transparent;
  color: var(--text-secondary, #888);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}
._tree-option-node__proposal-admin-btn_qs5tf_279:hover:not(:disabled), ._tree-option-node__proposal-admin-btn_qs5tf_279:focus-visible:not(:disabled) {
  background: rgba(95, 136, 229, 0.08);
  color: var(--btn-primary, #5f88e5);
  border-color: var(--btn-primary, #5f88e5);
  outline: none;
}
._tree-option-node__proposal-admin-btn--danger_qs5tf_299:hover:not(:disabled), ._tree-option-node__proposal-admin-btn--danger_qs5tf_299:focus-visible:not(:disabled) {
  background: rgba(211, 104, 104, 0.08);
  color: var(--reject, #d36868);
  border-color: var(--reject, #d36868);
}
._tree-option-node__proposal-admin-btn_qs5tf_279:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 1px;
}
._tree-option-node__proposal-admin-btn_qs5tf_279:disabled {
  cursor: progress;
  opacity: 0.55;
}
._tree-option-node__sources_qs5tf_256 {
  margin-top: 6px;
  padding: 6px 8px;
  background: color-mix(in srgb, var(--btn-primary, #5f88e5) 5%, transparent);
  border: 1px dashed color-mix(in srgb, var(--btn-primary, #5f88e5) 30%, transparent);
  border-radius: 5px;
}
@media (prefers-contrast: more) {
  ._tree-option-node__sources_qs5tf_256 {
    background: transparent;
    border: 2px solid var(--btn-primary, #5f88e5);
  }
}
._tree-option-node__sources-header_qs5tf_325 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--btn-primary, #5f88e5);
  letter-spacing: 0.01em;
}
._tree-option-node__sources-list_qs5tf_335 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
._tree-option-node__sources-item_qs5tf_343 {
  display: block;
  margin: 0;
}
._tree-option-node__sources-link_qs5tf_347 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  width: 100%;
  padding: 3px 6px;
  background: none;
  border: none;
  border-radius: 3px;
  color: var(--text-body, #444);
  font-size: 0.78rem;
  text-align: start;
  cursor: pointer;
  transition: background-color 120ms ease;
}
._tree-option-node__sources-link_qs5tf_347:hover, ._tree-option-node__sources-link_qs5tf_347:focus-visible {
  background: color-mix(in srgb, var(--btn-primary, #5f88e5) 10%, transparent);
  outline: none;
}
._tree-option-node__sources-link_qs5tf_347:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 1px;
}
._tree-option-node__sources-link_qs5tf_347 span:first-child {
  color: var(--btn-primary, #5f88e5);
  font-weight: 700;
  flex-shrink: 0;
}
._tree-option-node__sources-title_qs5tf_375 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._tree-option-node__sources-more_qs5tf_382 {
  display: block;
  margin-top: 4px;
  font-size: 0.7rem;
  color: var(--text-secondary, #777);
  font-style: italic;
}
._tree-option-node__evaluation_qs5tf_389 {
  margin-top: 4px;
}
._tree-option-node__actions_qs5tf_392 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
._tree-option-node__action-btn_qs5tf_398 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: none;
  color: #c0c4cc;
  font-size: 0.75rem;
  cursor: pointer;
  min-height: 32px;
  opacity: 0.7;
}
._tree-option-node__action-btn_qs5tf_398:hover {
  background: var(--card-default, #f5f5f5);
  color: var(--btn-primary, #5f88e5);
  opacity: 1;
}
._tree-option-node__action-btn_qs5tf_398:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._tree-option-node__bookmark-btn_qs5tf_421 {
  transition: color 0.2s ease;
}
._tree-option-node__bookmark-btn--active_qs5tf_424 {
  color: var(--btn-primary, #5f88e5);
  animation: _bookmark-pop_qs5tf_1 0.25s ease;
}
._tree-option-node__reply-counter_qs5tf_428 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border: none;
  border-radius: 11px;
  background-color: rgba(95, 136, 229, 0.15);
  color: var(--btn-primary, #5f88e5);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._tree-option-node__reply-counter_qs5tf_428:hover {
  background-color: var(--btn-primary-hover, #4a73d0);
}
._tree-option-node__reply-counter_qs5tf_428:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
@keyframes _bookmark-pop_qs5tf_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
._tree-option-node__reply-form_qs5tf_462 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-top: 6px;
  width: 100%;
  border: 1px solid var(--border-color, #ddd);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg-page, #fff);
}
._tree-option-node__reply-input_qs5tf_473 {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: none;
  outline: none;
  font-size: 0.9rem;
  font-family: inherit;
  resize: none;
  min-height: 56px;
  overflow: hidden;
  background: transparent;
  color: var(--text-body, #444);
  line-height: 1.4;
}
._tree-option-node__reply-input_qs5tf_473::placeholder {
  color: var(--text-secondary, #999);
}
._tree-option-node__reply-send_qs5tf_492 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
}
._tree-option-node__reply-send_qs5tf_492:hover {
  background: var(--card-default, #f5f5f5);
}
._tree-option-node__reply-send_qs5tf_492:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: -2px;
}@keyframes _suggestionSlideIn_1gx7v_1 {
  0% {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  100% {
    opacity: 1;
    max-height: 3rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}
@keyframes _suggestionSlideOut_1gx7v_1 {
  0% {
    opacity: 1;
    max-height: 3rem;
  }
  100% {
    opacity: 0;
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
._typeSuggestion_1gx7v_27 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem;
  border-radius: 0 0 7.5px 7.5px;
  margin-top: -1px;
  overflow: hidden;
  animation: _suggestionSlideIn_1gx7v_1 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@media (prefers-reduced-motion: reduce) {
  ._typeSuggestion_1gx7v_27 {
    animation: none !important;
    transition: none !important;
  }
}
._typeSuggestion--question_1gx7v_43 {
  background-color: rgba(71, 180, 239, 0.08);
  border-inline-start: 2px solid var(--question, #47b4ef);
}
._typeSuggestion--option_1gx7v_47 {
  background-color: rgba(231, 208, 128, 0.12);
  border-inline-start: 2px solid var(--option, #e7d080);
}
._typeSuggestion--exiting_1gx7v_51 {
  animation: _suggestionSlideOut_1gx7v_1 200ms ease-out forwards;
}
._typeSuggestion__icon_1gx7v_54 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._typeSuggestion__icon_1gx7v_54 svg {
  width: 16px;
  height: 16px;
}
._typeSuggestion--question_1gx7v_43 ._typeSuggestion__icon_1gx7v_54 svg {
  color: var(--question, #47b4ef);
}
._typeSuggestion--option_1gx7v_47 ._typeSuggestion__icon_1gx7v_54 svg {
  color: var(--option, #e7d080);
}
._typeSuggestion__text_1gx7v_69 {
  font-size: 0.75rem;
  color: var(--text-body, #3d4d71);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
._typeSuggestion__accept_1gx7v_78 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  min-height: 24px;
  min-width: 60px;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
._typeSuggestion__accept--question_1gx7v_94 {
  color: var(--question, #47b4ef);
  border: 1px solid var(--question, #47b4ef);
}
._typeSuggestion__accept--question_1gx7v_94:hover {
  background-color: rgba(71, 180, 239, 0.12);
}
._typeSuggestion__accept--option_1gx7v_101 {
  color: #b8a050;
  border: 1px solid var(--option, #e7d080);
}
._typeSuggestion__accept--option_1gx7v_101:hover {
  background-color: rgba(231, 208, 128, 0.15);
}
._typeSuggestion__accept_1gx7v_78:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._typeSuggestion__accept_1gx7v_78:active:not(:disabled) {
  transform: scale(0.97);
}
._typeSuggestion__spinner_1gx7v_115 {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: _spinnerRotate_1gx7v_1 0.6s linear infinite;
}
._typeSuggestion__dismiss_1gx7v_124 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.35);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 50%;
  transition: color 0.15s ease, background-color 0.15s ease;
}
._typeSuggestion__dismiss_1gx7v_124:hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.05);
}

@keyframes _spinnerRotate_1gx7v_1 {
  to {
    transform: rotate(360deg);
  }
}._tree-message-node_ty0h4_1 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  flex: 1;
  min-width: 0;
  transition: background-color 0.3s ease;
  border-radius: 6px;
}
._tree-message-node--question_ty0h4_11 {
  border-inline-start: 3px solid var(--header-question, #47b4ef);
  padding-inline-start: 8px;
  margin-top: 6px;
  background-color: rgba(71, 180, 239, 0.05);
}
._tree-message-node--question_ty0h4_11 ._tree-message-node__body_ty0h4_17 {
  position: relative;
}
._tree-message-node--question_ty0h4_11 ._tree-message-node__header_ty0h4_20 {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
}
._tree-message-node--swiping-right_ty0h4_26 {
  background-color: rgba(76, 175, 80, 0.12);
}
._tree-message-node--swiping-left_ty0h4_29 {
  background-color: rgba(33, 150, 243, 0.12);
}
._tree-message-node__avatar_ty0h4_32 {
  flex-shrink: 0;
  margin-top: -3px;
}
._tree-message-node__body_ty0h4_17 {
  flex: 1;
  min-width: 0;
}
._tree-message-node__header_ty0h4_20 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 2px;
}
._tree-message-node__author_ty0h4_46 {
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--text-title, #333);
}
._tree-message-node__time_ty0h4_51 {
  font-size: 0.65rem;
  color: #ccc;
}
._tree-message-node__menu_ty0h4_55 {
  margin-inline-start: auto;
  flex-shrink: 0;
  align-self: center;
}
._tree-message-node__text_ty0h4_60 {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--text-body, #444);
  word-break: break-word;
}
._tree-message-node__paragraphs_ty0h4_66 {
  margin-top: 4px;
}
._tree-message-node__paragraphs_ty0h4_66 p {
  margin: 2px 0;
  font-size: inherit;
}
._tree-message-node__description_ty0h4_73 {
  margin-top: 4px;
  color: var(--text-secondary, #777);
}
._tree-message-node__actions_ty0h4_77 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
._tree-message-node__action-btn_ty0h4_83 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  background: none;
  color: #c0c4cc;
  font-size: 0.75rem;
  cursor: pointer;
  min-height: 32px;
  opacity: 0.7;
}
._tree-message-node__action-btn_ty0h4_83:hover {
  background: var(--card-default, #f5f5f5);
  color: var(--btn-primary, #5f88e5);
  opacity: 1;
}
._tree-message-node__action-btn_ty0h4_83:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._tree-message-node__bookmark-btn_ty0h4_106 {
  transition: color 0.2s ease;
}
._tree-message-node__bookmark-btn--active_ty0h4_109 {
  color: var(--btn-primary, #5f88e5);
  animation: _bookmark-pop_ty0h4_1 0.25s ease;
}
@keyframes _bookmark-pop_ty0h4_1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
._tree-message-node__reply-form_ty0h4_124 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  margin-top: 6px;
  width: 100%;
  border: 1px solid var(--border-color, #ddd);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg-page, #fff);
}
._tree-message-node__reply-input_ty0h4_135 {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: none;
  outline: none;
  font-size: 0.9rem;
  font-family: inherit;
  resize: none;
  min-height: 56px;
  overflow: hidden;
  background: transparent;
  color: var(--text-body, #444);
  line-height: 1.4;
}
._tree-message-node__reply-input_ty0h4_135::placeholder {
  color: var(--text-secondary, #999);
}
._tree-message-node__reply-send_ty0h4_154 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
}
._tree-message-node__reply-send_ty0h4_154:hover {
  background: var(--card-default, #f5f5f5);
}
._tree-message-node__reply-send_ty0h4_154:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: -2px;
}._chatInput_1xfhq_1, ._sideChatInput_1xfhq_1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._chatInput_1xfhq_1 form, ._sideChatInput_1xfhq_1 form {
  width: 100%;
  display: flex;
  max-width: var(--wrapper);
  position: relative;
  user-select: none;
  cursor: pointer;
  background-color: #4e88c7;
}
@media screen and (max-width: 600px) {
  ._chatInput_1xfhq_1 form, ._sideChatInput_1xfhq_1 form {
    max-width: 100%;
  }
}
._chatInput_1xfhq_1 form textarea, ._sideChatInput_1xfhq_1 form textarea {
  padding: 0.5rem 70px 0.5rem 1rem;
  resize: none;
  outline: none;
  border: none;
  color: var(--text-body);
  background-color: var(--input-active);
  min-height: 4rem;
  flex: auto;
  box-shadow: 0px 2px 4px 0px rgba(181, 197, 232, 0.48);
  box-shadow: 0px -2px 4px 0px rgba(195, 202, 217, 0.5);
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
._chatInput_1xfhq_1 form textarea::placeholder, ._sideChatInput_1xfhq_1 form textarea::placeholder {
  color: var(--text-caption);
}
._chatInput_1xfhq_1 form button, ._sideChatInput_1xfhq_1 form button {
  height: 100%;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0rem;
  user-select: none;
  cursor: pointer;
  background-color: #4e88c7;
}

/* Specific styles that are not shared */
._chatInput_1xfhq_1 {
  width: 100%;
}

._sideChatInput_1xfhq_1 {
  width: 100%;
}

._eval_1xfhq_61 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: fit-content;
}

._replyIndicator_1xfhq_69 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: var(--card-default, #f0f0f0);
  border-inline-start: 3px solid var(--btn-primary, #5f88e5);
  border-radius: 4px 4px 0 0;
  max-width: var(--wrapper);
  width: 100%;
  box-sizing: border-box;
}

._replyIndicatorContent_1xfhq_82 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  overflow: hidden;
  flex: 1;
  min-width: 0;
}

._replyIndicatorAuthor_1xfhq_91 {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--btn-primary, #5f88e5);
}

._replyIndicatorText_1xfhq_97 {
  font-size: 0.8rem;
  color: var(--text-paragraph, #666);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._replyIndicatorClose_1xfhq_105 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  color: var(--text-paragraph, #666);
  flex-shrink: 0;
  position: static;
  width: auto;
  height: auto;
}
._replyIndicatorClose_1xfhq_105:hover {
  color: var(--reject, #e74c3c);
}._newMessages_1b01g_1 {
  width: fit-content;
  padding: 0.5rem 0.9rem;
  position: fixed;
  bottom: 8rem;
  right: 2vw;
  background-color: #787fff;
  color: #fff;
  font-weight: 500;
  box-shadow: 0px 2px 6px -1px rgba(112, 115, 168, 0.8);
  border-radius: 5rem;
  user-select: none;
  cursor: pointer;
}
@media only screen and (max-device-width: 400px) {
  ._newMessages_1b01g_1 {
    right: 2vw;
  }
}
@media only screen and (min-width: 700px) {
  ._newMessages_1b01g_1 {
    right: 9vw;
  }
}
@media only screen and (min-width: 800px) {
  ._newMessages_1b01g_1 {
    right: 17vw;
  }
}
@media only screen and (min-width: 960px) {
  ._newMessages_1b01g_1 {
    right: 19vw;
  }
}
@media only screen and (min-width: 1100px) {
  ._newMessages_1b01g_1 {
    right: 24vw;
  }
}
@media only screen and (min-width: 1200px) {
  ._newMessages_1b01g_1 {
    right: 25vw;
  }
}
@media only screen and (min-width: 1300px) {
  ._newMessages_1b01g_1 {
    right: 28vw;
  }
}
@media only screen and (min-width: 1440px) {
  ._newMessages_1b01g_1 {
    right: 33vw;
  }
}
@media only screen and (min-width: 2000px) {
  ._newMessages_1b01g_1 {
    right: 34vw;
  }
}._createStatementModal_1r98p_1 ._overlay_1r98p_1 {
  height: 70vh;
  max-height: 600px;
  width: 80vw;
  max-width: 400px;
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-direction: column;
  z-index: 2000;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 {
    width: 100vw;
    height: 100svh;
    max-width: 100%;
    display: flex;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 {
    display: none;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 img {
  height: 260px;
  width: auto;
  margin-top: -86px;
  cursor: unset;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._modalImage_1r98p_20 img {
    display: none;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 {
  width: 70%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 0.5rem;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43 {
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--text-tertiary);
  cursor: pointer;
  position: relative;
  background: none;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43._disabled_1r98p_58 {
  opacity: 0.5;
  cursor: not-allowed;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43._disabled_1r98p_58:hover {
  background-color: inherit;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._tab_1r98p_43 ._block_1r98p_65 {
  width: 0.8rem;
  height: 2px;
  border-radius: 10px;
  position: absolute;
  bottom: -10px;
  left: 32%;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._active_1r98p_73 {
  font-weight: 500;
  color: var(--text-blue);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._tabs_1r98p_43 ._active_1r98p_73 ._block_1r98p_65 {
  background-color: var(--text-blue);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._formInputs_1r98p_80 {
  width: 84%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: auto;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._formInputs_1r98p_80 input {
  font-style: italic;
  border: 1px solid rgb(182, 182, 182);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 textarea {
  font-style: italic;
  border: 1px solid rgb(182, 182, 182);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 {
  display: flex;
  width: 84%;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 20%;
}
@media screen and (max-width: 768px) {
  ._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 {
    margin-top: 0;
    margin-bottom: 10%;
  }
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 button {
  font-family: "Roboto", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  display: flex;
  text-align: center;
  margin: 1rem;
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 ._addButton_1r98p_117 {
  color: var(--text-white);
  border-radius: var(--Radius-Radius-L, 1.25rem);
  background: var(--btn-secondary);
  box-shadow: 0px 27px 8px 0px rgba(38, 56, 84, 0), 0px 17px 7px 0px rgba(38, 56, 84, 0.01), 0px 10px 6px 0px rgba(38, 56, 84, 0.05), 0px 4px 4px 0px rgba(38, 56, 84, 0.09), 0px 1px 2px 0px rgba(38, 56, 84, 0.1);
}
._createStatementModal_1r98p_1 ._overlay_1r98p_1 ._createStatementButtons_1r98p_95 ._cancelButton_1r98p_123 {
  border-radius: var(--Radius-Radius-L, 1.25rem);
  border: var(--Spacing-0, 1px) solid var(--btn-tertiary);
  color: var(--text-blue);
}._statement-evaluation-card_18y5n_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
  box-sizing: border-box;
  padding: var(--space-md);
  background-color: var(--card-default);
  border: var(--hairline);
  border-inline-start: var(--rule-width) solid transparent;
  border-radius: var(--radius-md);
  box-shadow: var(--elevation-0);
  overflow-x: hidden;
  pointer-events: none;
}
._statement-evaluation-card_18y5n_1 button,
._statement-evaluation-card_18y5n_1 a,
._statement-evaluation-card_18y5n_1 [role=button],
._statement-evaluation-card_18y5n_1 input,
._statement-evaluation-card_18y5n_1 textarea,
._statement-evaluation-card_18y5n_1 select {
  pointer-events: auto;
}
@media screen and (max-width: 600px) {
  ._statement-evaluation-card_18y5n_1 {
    padding: var(--space-sm);
    gap: var(--space-2xs);
  }
}
._statement-evaluation-card--winner_18y5n_31 {
  border-inline-start-color: var(--approve);
}
._statement-evaluation-card--voted_18y5n_34 {
  border-inline-start-color: var(--approve);
  background-color: var(--wash-approve);
}
._statement-evaluation-card--below-minimum_18y5n_38 {
  border-inline-start-color: var(--warning);
  background-color: var(--wash-warning);
}
._statement-evaluation-card--hidden_18y5n_42 {
  isolation: isolate;
  border-style: dashed;
  border-color: var(--lighter);
  background-color: var(--wash-neutral);
}
._statement-evaluation-card--hidden_18y5n_42 ._body_18y5n_48 {
  opacity: 0.55;
}
._statement-evaluation-card--hidden_18y5n_42 ._menu_18y5n_51,
._statement-evaluation-card--hidden_18y5n_42 ._quickUnhideBtn_18y5n_52 {
  opacity: 1;
}
._statement-evaluation-card--hidden_18y5n_42:hover ._body_18y5n_48 {
  opacity: 0.75;
}
._statement-evaluation-card--menu-open_18y5n_58 {
  z-index: 100;
  isolation: isolate;
}
._statement-evaluation-card--new_18y5n_62 {
  animation: _newCard_18y5n_1 var(--motion-base) var(--motion-ease) both;
}
._statement-evaluation-card_18y5n_1:hover {
  box-shadow: var(--elevation-1);
}

@keyframes _newCard_18y5n_1 {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._statement-evaluation-card--new_18y5n_62 {
    animation: none;
  }
}
._badgeRow_18y5n_84 {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
  flex-wrap: wrap;
}

._statusBadge_18y5n_91 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  white-space: nowrap;
  border: none;
}
._statusBadge_18y5n_91 svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  stroke-width: 2.5;
}
._statusBadge--winner_18y5n_109 {
  background-color: var(--approve-ink);
  color: #fff;
}
._statusBadge--hidden_18y5n_113 {
  background-color: var(--lighter);
  color: #fff;
}
._statusBadge--clickable_18y5n_117 {
  cursor: pointer;
  transition: transform var(--motion-fast) var(--motion-ease);
}
._statusBadge--clickable_18y5n_117:hover {
  transform: scale(1.04);
}
._statusBadge--clickable_18y5n_117:active {
  transform: scale(0.98);
}
._statusBadge_18y5n_91:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._quickUnhideBtn_18y5n_52 {
  position: absolute;
  inset-block-start: var(--space-xs);
  inset-inline-end: var(--space-xs);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: var(--btn-primary);
  color: #fff;
  border: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  opacity: 0;
  transform: scale(0.8);
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease);
  box-shadow: var(--elevation-2);
}
._quickUnhideBtn_18y5n_52 svg {
  width: 18px;
  height: 18px;
}
._quickUnhideBtn_18y5n_52:hover {
  background-color: var(--btn-primary-hover);
  transform: scale(1.06);
}
._quickUnhideBtn_18y5n_52:focus-visible {
  opacity: 1;
  transform: scale(1);
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._statement-evaluation-card--hidden_18y5n_42:hover ._quickUnhideBtn_18y5n_52 {
  opacity: 1;
  transform: scale(1);
}

@media screen and (max-width: 600px) {
  ._statement-evaluation-card--hidden_18y5n_42 ._quickUnhideBtn_18y5n_52 {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._quickUnhideBtn_18y5n_52 {
    transition: none;
  }
}
._body_18y5n_48 {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  width: 100%;
  min-width: 0;
  color: var(--text-body);
}

._info_18y5n_193 {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xs);
  width: 100%;
  min-width: 0;
}

._text_18y5n_201 {
  flex: 1;
  min-width: 0;
  position: relative;
}
._text_18y5n_201::after {
  content: "";
  display: table;
  clear: both;
}

._textContent_18y5n_212 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--font-size-md);
  line-height: var(--line-height-snug);
  color: var(--text-body);
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
}
._textContent_18y5n_212 p {
  margin: 0 0 var(--space-2xs);
}
._textContent_18y5n_212 p:last-child {
  margin-bottom: 0;
}

._textContentExpanded_18y5n_233 {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
._textContentExpanded_18y5n_233::-webkit-scrollbar {
  width: 6px;
}
._textContentExpanded_18y5n_233::-webkit-scrollbar-track {
  background: var(--inputBackground);
  border-radius: var(--radius-xs);
}
._textContentExpanded_18y5n_233::-webkit-scrollbar-thumb {
  background: var(--shadow);
  border-radius: var(--radius-xs);
}
._textContentExpanded_18y5n_233::-webkit-scrollbar-thumb:hover {
  background: var(--text-body);
}

._description_18y5n_257 {
  margin: var(--space-2xs) 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--font-size-sm);
  line-height: var(--line-height-snug);
  color: var(--text-meta);
  overflow-wrap: break-word;
  white-space: pre-line;
}

._descriptionExpanded_18y5n_271 {
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: unset;
}

._showMore_18y5n_278 {
  display: none;
  background: none;
  border: none;
  color: var(--link);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  padding: var(--space-2xs) 0;
  cursor: pointer;
  text-align: start;
}
._showMore_18y5n_278:hover {
  text-decoration: underline;
}
._showMore_18y5n_278:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._hasOverflow_18y5n_297 ._showMore_18y5n_278 {
  display: block;
}

._menu_18y5n_51 {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

._meta_18y5n_307 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-xs);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--text-meta);
}

._memberRefs_18y5n_317 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  min-width: 0;
}

._memberRef_18y5n_317 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  max-width: 100%;
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--btn-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--btn-primary) 28%, transparent);
  color: var(--btn-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: background-color var(--motion-fast) var(--motion-ease);
}
._memberRef_18y5n_317:hover, ._memberRef_18y5n_317:focus-visible {
  background: color-mix(in srgb, var(--btn-primary) 18%, transparent);
  outline: none;
}
._memberRef_18y5n_317:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 1px;
}
@media (prefers-contrast: more) {
  ._memberRef_18y5n_317 {
    background: var(--card-default);
    border-color: var(--btn-primary);
  }
}

._memberRefText_18y5n_354 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._joinIndicator_18y5n_360 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  padding: var(--space-3xs) var(--space-xs);
  border-radius: var(--radius-pill);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
  background-color: var(--inputBackground);
  color: var(--text-body);
}
._joinIndicator--warning_18y5n_372 {
  background-color: var(--wash-warning);
  color: var(--warning-ink);
}
._joinIndicator--success_18y5n_376 {
  background-color: var(--wash-approve);
  color: var(--approve-ink);
}
._joinIndicator--exceeds_18y5n_380 {
  background-color: var(--wash-primary);
  color: var(--btn-primary);
}

._joinCount_18y5n_385 {
  direction: ltr;
  unicode-bidi: isolate;
}

._actions_18y5n_390 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  min-height: 44px;
  padding-top: var(--space-xs);
  border-top: var(--divider);
  pointer-events: none;
}

._actionsStart_18y5n_401 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  min-width: 0;
}

._actionsEnd_18y5n_408 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex-shrink: 0;
}

._evolution-element_18y5n_415 {
  display: flex;
  align-items: center;
  min-width: 0;
}

._badge-element_18y5n_421 {
  display: flex;
  align-items: center;
  justify-content: center;
}

._chat_18y5n_427 {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto !important;
}

._joinRow_18y5n_434 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-xs);
  pointer-events: auto;
}

._editableCard_18y5n_442 {
  width: 100%;
}
._editableCard_18y5n_442 p {
  font-size: var(--font-size-md);
}

._editInput_18y5n_449 {
  width: 100%;
  padding: var(--space-xs);
  border: var(--hairline);
  border-radius: var(--radius-xs);
  font-size: inherit;
  font-family: inherit;
  line-height: var(--line-height-normal);
}

._editButtons_18y5n_459 {
  display: flex;
  gap: var(--space-2xs);
  margin-top: var(--space-xs);
}
._editButtons_18y5n_459 button {
  padding: var(--space-2xs);
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
._editButtons_18y5n_459 button svg {
  width: 1.25rem;
  height: 1.25rem;
}
._editButtons_18y5n_459 button:first-child {
  color: var(--approve);
}
._editButtons_18y5n_459 button:last-child {
  color: var(--reject);
}
._editButtons_18y5n_459 button:hover {
  opacity: 0.7;
}

._loaderOverlay_18y5n_486 {
  position: absolute;
  inset: 0;
  background-color: color-mix(in srgb, var(--card-default) 90%, transparent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--space-md);
  z-index: 10;
  border-radius: var(--radius-md);
}
._loaderOverlay_18y5n_486 p {
  color: var(--text-body);
  font-size: var(--font-size-sm);
  margin: 0;
}

._uploadArea_18y5n_504 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 400px;
  background: var(--card-default);
  padding: var(--space-lg);
  border-radius: var(--radius-sm);
  box-shadow: var(--elevation-3);
  z-index: 100;
}
._uploadArea_18y5n_504 ._closeUploadBtn_18y5n_517 {
  position: absolute;
  inset-block-start: var(--space-xs);
  inset-inline-end: var(--space-xs);
  background: transparent;
  border: none;
  font-size: var(--font-size-lg);
  cursor: pointer;
  color: var(--text-body);
  padding: var(--space-2xs);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-xs);
  transition: background var(--motion-fast) var(--motion-ease);
}
._uploadArea_18y5n_504 ._closeUploadBtn_18y5n_517:hover {
  background: var(--inputBackground);
}._joined_iozoi_1 {
  display: flex;
}._profileImage_1mmtv_1 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
._profileImage_1mmtv_1 ._popup_1mmtv_10 {
  position: absolute;
  width: fit-content;
  word-break: keep-all;
  display: block ruby;
  border-radius: 0.5rem;
  bottom: 1rem;
  right: 1rem;
  background-color: rgb(135, 163, 163);
  padding: 0.2rem 0.5rem;
}

._profileName_1mmtv_22 {
  font-size: 0.9rem;
  font-weight: 300;
}

._small_1mmtv_27 {
  width: 1.5rem;
  height: 1.5rem;
}._badge_4lx8x_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  font-size: 0.625rem;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (max-width: 440px) {
  ._badge_4lx8x_1 {
    width: calc(1.5rem * 1.66);
    height: calc(1.5rem * 1.66);
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge_4lx8x_1 {
    width: calc(1.5rem * 1.5);
    height: calc(1.5rem * 1.5);
  }
}
._badge__icon_4lx8x_29 {
  width: 0.875rem;
  height: 0.875rem;
  fill: currentColor;
  transition: transform 0.3s ease;
  z-index: 2;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 440px) {
  ._badge__icon_4lx8x_29 {
    width: calc(0.875rem * 1.66) !important;
    height: calc(0.875rem * 1.66) !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge__icon_4lx8x_29 {
    width: calc(0.875rem * 1.5) !important;
    height: calc(0.875rem * 1.5) !important;
  }
}
._badge__icon--custom_4lx8x_50 {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 50% !important;
}
@media screen and (max-width: 440px) {
  ._badge__icon--custom_4lx8x_50 {
    width: calc(1.5rem * 1.66) !important;
    height: calc(1.5rem * 1.66) !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 441px) {
  ._badge__icon--custom_4lx8x_50 {
    width: calc(1.5rem * 1.5) !important;
    height: calc(1.5rem * 1.5) !important;
  }
}
._badge__text_4lx8x_72 {
  position: absolute;
  left: 1.75rem;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  ._badge__text_4lx8x_72 {
    font-size: calc(0.625rem * 1.5);
  }
}
._badge--expanded_4lx8x_89 {
  width: auto;
  padding: 0 0.5rem 0 0.25rem;
  border-radius: 1rem;
}
._badge--expanded_4lx8x_89 ._badge__text_4lx8x_72 {
  position: static;
  opacity: 1;
  transform: translateX(0);
  margin-left: 0.3rem;
}
._badge--expanded_4lx8x_89 ._badge__icon_4lx8x_29 {
  transform: scale(0.9);
}
@media screen and (max-width: 768px) {
  ._badge--expanded_4lx8x_89 {
    padding: 0 calc(0.5rem * 1.5) 0 calc(0.25rem * 1.5);
  }
}
._badge--community_4lx8x_108 {
  background: var(--group, #b893e7);
  color: var(--group-text, white);
  box-shadow: 0 2px 8px rgba(184, 147, 231, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
._badge--community_4lx8x_108:hover {
  background: var(--group-contrast, #a080e0);
  box-shadow: 0 4px 12px rgba(184, 147, 231, 0.5);
  transform: translateY(-1px);
}
._badge--anchored_4lx8x_119 {
  background: rgba(59, 130, 246, 0.15);
  color: var(--icon-blue, #3b82f6);
  border: 1px solid rgba(59, 130, 246, 0.3);
}
._badge--anchored_4lx8x_119:hover {
  background: rgba(59, 130, 246, 0.25);
  border-color: rgba(59, 130, 246, 0.5);
}._dropZone_7c1yn_1, ._dropZoneActive_7c1yn_1 {
  position: relative;
  width: 100%;
  min-height: 200px;
  height: 100%;
  margin: 0 auto;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}
._dropZone_7c1yn_1:hover, ._dropZoneActive_7c1yn_1:hover {
  border-color: var(--shadow);
  background-color: rgba(245, 252, 255, 0.5);
}
._dropZone_7c1yn_1._disabled_7c1yn_19, ._disabled_7c1yn_19._dropZoneActive_7c1yn_1 {
  cursor: default;
}
._dropZone_7c1yn_1._disabled_7c1yn_19:hover, ._disabled_7c1yn_19._dropZoneActive_7c1yn_1:hover {
  border-color: transparent;
  background-color: transparent;
}
._dropZone_7c1yn_1._compact_7c1yn_26, ._compact_7c1yn_26._dropZoneActive_7c1yn_1 {
  width: 100%;
  max-height: 300px;
}
._dropZone_7c1yn_1._inline_7c1yn_30, ._inline_7c1yn_30._dropZoneActive_7c1yn_1 {
  max-height: 200px;
  max-width: 200px;
  border-radius: 8px;
}

._dropZoneActive_7c1yn_1 {
  background-color: #f0f8ff;
  border-color: #007bff;
}

._fileInput_7c1yn_41 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

._imageContainer_7c1yn_49 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

._imagePreview_7c1yn_59 {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 8px;
  object-fit: contain;
}

._successOverlay_7c1yn_68 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(40, 167, 69, 0.9);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
}
._successOverlay_7c1yn_68 p {
  margin: 0;
  color: white;
  font-size: 12px;
}

._dropZone_7c1yn_1 p, ._dropZoneActive_7c1yn_1 p {
  font-size: 16px;
  color: var(--text-caption);
}

._progressContainer_7c1yn_90 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 80%;
  max-width: 300px;
}

._progressBar_7c1yn_99 {
  width: 100%;
  height: 6px;
  background-color: #e0e0e0;
  border-radius: 3px;
  overflow: hidden;
}

._progressFill_7c1yn_107 {
  height: 100%;
  background: linear-gradient(90deg, #007bff, #0056b3);
  border-radius: 3px;
  transition: width 0.3s ease;
}

._successMessage_7c1yn_114 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
._successMessage_7c1yn_114 p {
  font-size: 14px;
  color: #28a745;
  font-weight: 500;
  margin: 0;
}._imageContainer_1dh1z_1 {
  position: relative;
}
@media screen and (max-width: 600px) {
  ._imageContainer_1dh1z_1 {
    display: none;
  }
}
._imageContainer_1dh1z_1._above_1dh1z_9 {
  width: 100%;
  max-height: 300px;
  margin-bottom: 0rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  order: -1;
  flex-basis: 100%;
  padding: 0.75rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._imageContainer_1dh1z_1._above_1dh1z_9 {
    display: none;
  }
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._imageContainer_1dh1z_1._above_1dh1z_9 {
    max-height: 180px;
    padding: 0.5rem;
  }
}
._imageContainer_1dh1z_1._inline_1dh1z_32 {
  max-width: 200px;
  max-height: 200px;
  margin: 0 1.5rem 1rem 0;
  flex-shrink: 0;
  align-self: flex-start;
}
[dir=rtl] ._imageContainer_1dh1z_1._inline_1dh1z_32 {
  float: right;
  margin: 0 0 1rem 1.5rem;
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  ._imageContainer_1dh1z_1._inline_1dh1z_32 {
    max-width: 120px;
    max-height: 120px;
    margin: 0 1rem 0.5rem 0;
  }
  [dir=rtl] ._imageContainer_1dh1z_1._inline_1dh1z_32 {
    margin: 0 0 0.5rem 1rem;
  }
}

._imageControls_1dh1z_54 {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 3;
  display: flex;
  gap: 0.5rem;
}
[dir=rtl] ._imageControls_1dh1z_54 {
  right: auto;
  left: 0.5rem;
}

._imageToggleBtn_1dh1z_67 {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid var(--shadow);
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._imageToggleBtn_1dh1z_67:hover {
  background: white;
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
._imageToggleBtn_1dh1z_67:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._imageRemoveBtn_1dh1z_87 {
  background: rgba(247, 74, 77, 0.95);
  color: white;
  border: 1px solid var(--reject);
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  font-size: 1rem;
  font-weight: bold;
  transition: all 0.2s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._imageRemoveBtn_1dh1z_87:hover {
  background: var(--reject);
  transform: translateY(-1px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
._imageRemoveBtn_1dh1z_87:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}@keyframes _spin_1w81m_1 {
  to {
    transform: rotate(360deg);
  }
}
@keyframes _pulse_1w81m_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.95);
  }
}
@keyframes _fadeInUp_1w81m_1 {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeIn_1w81m_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _scaleIn_1w81m_1 {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes _checkmarkDraw_1w81m_1 {
  from {
    stroke-dashoffset: 24;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes _successPop_1w81m_1 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _shimmer_1w81m_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes _progressFlow_1w81m_1 {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes _float_1w81m_1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}
@keyframes _ripple_1w81m_1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
._integrateSuggestions_1w81m_99 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 640px;
  max-height: 85vh;
  background: var(--card-default, #fff);
  border-radius: 16px;
  overflow: hidden;
  animation: _scaleIn_1w81m_1 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions_1w81m_99 {
    animation: none;
  }
}
._integrateSuggestions__header_1w81m_115 {
  padding: 1.5rem 1.5rem 1.25rem;
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--header-question, #47b4ef) 100%);
  color: white;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__header_1w81m_115::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}
._integrateSuggestions__header_1w81m_115 h2 {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
}
._integrateSuggestions__subtitle_1w81m_139 {
  margin: 0.5rem 0 0;
  font-size: 0.9rem;
  opacity: 0.9;
  font-weight: 400;
  position: relative;
  z-index: 1;
}
._integrateSuggestions__steps_1w81m_147 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  background: var(--surface-background, #f2f6ff);
  border-bottom: 1px solid var(--border-primary, #C6D8F7);
}
._integrateSuggestions__step_1w81m_147 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--text-caption, #7484a9);
  transition: all 0.3s ease;
}
._integrateSuggestions__step--active_1w81m_164 {
  color: var(--btn-primary, #5f88e5);
  font-weight: 500;
}
._integrateSuggestions__step--active_1w81m_164 ._integrateSuggestions__stepNumber_1w81m_168 {
  background: var(--btn-primary, #5f88e5);
  color: white;
  transform: scale(1.1);
}
._integrateSuggestions__step--completed_1w81m_173 {
  color: var(--agree, #57c6b2);
}
._integrateSuggestions__step--completed_1w81m_173 ._integrateSuggestions__stepNumber_1w81m_168 {
  background: var(--agree, #57c6b2);
  color: white;
}
._integrateSuggestions__stepNumber_1w81m_168 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 600;
  background: var(--border-primary, #C6D8F7);
  color: var(--text-caption, #7484a9);
  transition: all 0.3s ease;
}
._integrateSuggestions__stepDivider_1w81m_193 {
  width: 32px;
  height: 2px;
  background: var(--border-primary, #C6D8F7);
  border-radius: 1px;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__stepDivider--active_1w81m_201::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--btn-primary, #5f88e5);
  animation: _progressFlow_1w81m_1 1s ease-in-out infinite;
}
._integrateSuggestions__stepDivider--completed_1w81m_211 {
  background: var(--agree, #57c6b2);
}
._integrateSuggestions__content_1w81m_214 {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  scroll-behavior: smooth;
}
._integrateSuggestions__content_1w81m_214::-webkit-scrollbar {
  width: 6px;
}
._integrateSuggestions__content_1w81m_214::-webkit-scrollbar-track {
  background: transparent;
}
._integrateSuggestions__content_1w81m_214::-webkit-scrollbar-thumb {
  background: var(--border-primary, #C6D8F7);
  border-radius: 3px;
}
._integrateSuggestions__content_1w81m_214::-webkit-scrollbar-thumb:hover {
  background: var(--text-caption, #7484a9);
}
._integrateSuggestions__loading_1w81m_233 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  gap: 1.25rem;
  animation: _fadeIn_1w81m_1 0.3s ease;
}
._integrateSuggestions__loading_1w81m_233 p {
  margin: 0;
  color: var(--text-body, #3d4d71);
  font-size: 0.9375rem;
  font-weight: 500;
}
._integrateSuggestions__loadingSpinner_1w81m_248 {
  position: relative;
  width: 56px;
  height: 56px;
}
._integrateSuggestions__loadingRing_1w81m_253 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--border-primary, #C6D8F7);
  border-top-color: var(--btn-primary, #5f88e5);
  border-radius: 50%;
  animation: _spin_1w81m_1 1s linear infinite;
}
._integrateSuggestions__loadingRing_1w81m_253:nth-child(2) {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
  border-top-color: var(--header-question, #47b4ef);
  animation-duration: 0.8s;
  animation-direction: reverse;
}
._integrateSuggestions__loadingText_1w81m_271 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
._integrateSuggestions__loadingDot_1w81m_276 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  animation: _pulse_1w81m_1 1.4s ease-in-out infinite;
}
._integrateSuggestions__loadingDot_1w81m_276:nth-child(2) {
  animation-delay: 0.2s;
}
._integrateSuggestions__loadingDot_1w81m_276:nth-child(3) {
  animation-delay: 0.4s;
}
._integrateSuggestions__error_1w81m_289 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  gap: 1.25rem;
  text-align: center;
  animation: _fadeInUp_1w81m_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__error_1w81m_289 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._integrateSuggestions__errorIcon_1w81m_304 {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.1) 0%, rgba(254, 107, 162, 0.1) 100%);
  border-radius: 50%;
  color: var(--text-error, #f74a4d);
  font-size: 1.75rem;
}
._integrateSuggestions__errorTitle_1w81m_315 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._integrateSuggestions__errorMessage_1w81m_321 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #3d4d71);
  max-width: 280px;
  line-height: 1.5;
}
._integrateSuggestions__success_1w81m_328 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  gap: 1rem;
  text-align: center;
}
._integrateSuggestions__successIcon_1w81m_337 {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--agree, #57c6b2) 0%, var(--approve, #4fab9a) 100%);
  border-radius: 50%;
  color: white;
  font-size: 2rem;
  animation: _successPop_1w81m_1 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  position: relative;
}
._integrateSuggestions__successIcon_1w81m_337::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--agree, #57c6b2);
  animation: _ripple_1w81m_1 0.8s ease-out;
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successIcon_1w81m_337 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
  ._integrateSuggestions__successIcon_1w81m_337::before {
    animation: none;
  }
}
._integrateSuggestions__successTitle_1w81m_368 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  animation: _fadeInUp_1w81m_1 0.4s ease 0.2s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successTitle_1w81m_368 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._integrateSuggestions__successDetails_1w81m_380 {
  margin: 0;
  font-size: 0.875rem;
  color: var(--text-secondary, #3d4d71);
  animation: _fadeInUp_1w81m_1 0.4s ease 0.3s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successDetails_1w81m_380 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._integrateSuggestions__successBadge_1w81m_391 {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  background: var(--card-needs-surface, #c7e5e0);
  border-radius: 20px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--range-positive-100, #3a7e71);
  animation: _fadeInUp_1w81m_1 0.4s ease 0.4s both;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__successBadge_1w81m_391 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._integrateSuggestions__errorBanner_1w81m_408 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  margin: 0 1.5rem 1rem;
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.08) 0%, rgba(254, 107, 162, 0.05) 100%);
  border: 1px solid rgba(247, 74, 77, 0.2);
  border-radius: 10px;
  animation: _fadeInUp_1w81m_1 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._integrateSuggestions__errorBanner_1w81m_408 {
    animation: _fadeIn_1w81m_1 0.2s ease;
  }
}
._integrateSuggestions__errorBannerIcon_1w81m_424 {
  flex-shrink: 0;
  color: var(--text-error, #f74a4d);
  font-size: 1rem;
  margin-top: 1px;
}
._integrateSuggestions__errorBannerText_1w81m_430 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-error, #f74a4d);
  line-height: 1.4;
}
._integrateSuggestions__footer_1w81m_436 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
  background: var(--surface-background, #f2f6ff);
}
._integrateSuggestions__summary_1w81m_444 {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
._integrateSuggestions__summaryMain_1w81m_449 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-title, #191e29);
}
._integrateSuggestions__summaryDetail_1w81m_457 {
  font-size: 0.75rem;
  color: var(--text-caption, #7484a9);
}
._integrateSuggestions__actions_1w81m_461 {
  display: flex;
  gap: 0.75rem;
}
._integrateSuggestions__button_1w81m_465 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09), 0px 26px 16px 0px rgba(115, 138, 191, 0.05), 0px 46px 18px 0px rgba(115, 138, 191, 0.01), 0px 72px 20px 0px rgba(115, 138, 191, 0);
  user-select: none;
  padding: 0.625rem 1.5rem;
  font-size: 0.9375rem;
  border-radius: 24px;
  min-width: 100px;
  position: relative;
  overflow: hidden;
}
._integrateSuggestions__button_1w81m_465:focus {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}
._integrateSuggestions__button_1w81m_465:active {
  transform: scale(0.98);
}
._integrateSuggestions__button--primary_1w81m_492 {
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  color: white;
  border: none;
}
._integrateSuggestions__button--primary_1w81m_492:hover:not(:disabled) {
  background: linear-gradient(135deg, var(--btn-primary-hover, #80a0ea) 0%, var(--btn-primary, #5f88e5) 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.3);
}
._integrateSuggestions__button--primary_1w81m_492:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
}
._integrateSuggestions__button--primary_1w81m_492:disabled {
  background: var(--btn-disabled, #c6d2de);
  color: var(--btn-disabled-text, #88919b);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
._integrateSuggestions__button--secondary_1w81m_512 {
  background: var(--card-default);
  color: var(--text-body, #3d4d71);
  border: 1px solid var(--border-primary, #C6D8F7);
}
._integrateSuggestions__button--secondary_1w81m_512:hover:not(:disabled) {
  background: var(--surface-background, #f2f6ff);
  border-color: var(--btn-primary, #5f88e5);
  color: var(--btn-primary, #5f88e5);
}
._integrateSuggestions__button--secondary_1w81m_512:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
._integrateSuggestions__button--loading_1w81m_526 {
  color: transparent;
}
._integrateSuggestions__button--loading_1w81m_526::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid transparent;
  border-top-color: currentColor;
  border-radius: 50%;
  animation: _spin_1w81m_1 0.8s linear infinite;
}

._selector_1w81m_540 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  animation: _fadeInUp_1w81m_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._selector_1w81m_540 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._selector__header_1w81m_551 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
._selector__title_1w81m_557 {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._selector__actions_1w81m_563 {
  display: flex;
  gap: 0.375rem;
}
._selector__actionButton_1w81m_567 {
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  background: transparent;
  border: 1px solid var(--border-primary, #C6D8F7);
  border-radius: 16px;
  cursor: pointer;
  color: var(--text-caption, #7484a9);
  transition: all 0.2s ease;
}
._selector__actionButton_1w81m_567:hover {
  background: var(--surface-background, #f2f6ff);
  border-color: var(--btn-primary, #5f88e5);
  color: var(--btn-primary, #5f88e5);
}
._selector__actionButton_1w81m_567:active {
  transform: scale(0.96);
}
._selector__section_1w81m_586 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._selector__sectionHeader_1w81m_591 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._selector__sectionTitle_1w81m_596 {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-subtitle, #2a3346);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._selector__sectionCount_1w81m_604 {
  padding: 0.125rem 0.5rem;
  background: var(--border-primary, #C6D8F7);
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--text-body, #3d4d71);
}
._selector__list_1w81m_612 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
._selector__item_1w81m_617 {
  display: flex;
  gap: 0.875rem;
  padding: 1rem;
  background: var(--card-default);
  border: 2px solid var(--border-primary, #C6D8F7);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}
._selector__item_1w81m_617::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: transparent;
  transition: background 0.25s ease;
}
._selector__item_1w81m_617:hover:not(._selector__item--source_1w81m_639) {
  border-color: var(--btn-primary, #5f88e5);
  box-shadow: 0 2px 8px rgba(95, 136, 229, 0.12);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
  ._selector__item_1w81m_617:hover:not(._selector__item--source_1w81m_639) {
    transform: none;
  }
}
._selector__item_1w81m_617:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._selector__item--selected_1w81m_653 {
  border-color: var(--btn-primary, #5f88e5);
  background: linear-gradient(135deg, rgba(95, 136, 229, 0.06) 0%, rgba(71, 180, 239, 0.04) 100%);
}
._selector__item--selected_1w81m_653::before {
  background: var(--btn-primary, #5f88e5);
}
._selector__item--selected_1w81m_653 ._selector__checkbox_1w81m_660 {
  background: var(--btn-primary, #5f88e5);
  border-color: var(--btn-primary, #5f88e5);
}
._selector__item--source_1w81m_639 {
  border-color: var(--question, #47b4ef);
  background: linear-gradient(135deg, rgba(71, 180, 239, 0.08) 0%, rgba(95, 136, 229, 0.04) 100%);
  cursor: default;
}
._selector__item--source_1w81m_639::before {
  background: var(--question, #47b4ef);
}
._selector__item--source_1w81m_639:hover {
  transform: none;
  box-shadow: none;
}
._selector__item--source_1w81m_639 ._selector__checkbox_1w81m_660 {
  background: var(--question, #47b4ef);
  border-color: var(--question, #47b4ef);
}
._selector__checkbox_1w81m_660 {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border: 2px solid var(--border-primary, #C6D8F7);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--input-active);
  transition: all 0.2s ease;
  margin-top: 2px;
}
._selector__checkmark_1w81m_693 {
  color: white;
  font-size: 0.8125rem;
  font-weight: bold;
  animation: _scaleIn_1w81m_1 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._selector__checkmark_1w81m_693 {
    animation: none;
  }
}
._selector__content_1w81m_704 {
  flex: 1;
  min-width: 0;
}
._selector__titleRow_1w81m_708 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
._selector__itemTitle_1w81m_714 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--text-title, #191e29);
  line-height: 1.4;
  word-break: break-word;
}
._selector__badge_1w81m_721 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem;
  background: linear-gradient(135deg, var(--question, #47b4ef) 0%, var(--header-question, #47b4ef) 100%);
  color: white;
  border-radius: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: nowrap;
  flex-shrink: 0;
}
._selector__description_1w81m_736 {
  margin: 0.375rem 0 0;
  font-size: 0.8125rem;
  color: var(--text-secondary, #3d4d71);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
._selector__meta_1w81m_746 {
  display: flex;
  gap: 1rem;
  margin-top: 0.625rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
}
._selector__metaItem_1w81m_753 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: var(--text-caption, #7484a9);
}
._selector__metaIcon_1w81m_760 {
  font-size: 0.875rem;
  opacity: 0.7;
}
._selector__metaValue_1w81m_764 {
  font-weight: 500;
  color: var(--text-body, #3d4d71);
}
._selector__consensus_1w81m_768 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._selector__consensusBar_1w81m_773 {
  width: 40px;
  height: 4px;
  background: var(--border-primary, #C6D8F7);
  border-radius: 2px;
  overflow: hidden;
}
._selector__consensusFill_1w81m_780 {
  height: 100%;
  background: var(--agree, #57c6b2);
  border-radius: 2px;
  transition: width 0.3s ease;
}
._selector__empty_1w81m_786 {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--text-caption, #7484a9);
  background: var(--surface-background, #f2f6ff);
  border-radius: 12px;
  border: 2px dashed var(--border-primary, #C6D8F7);
}
._selector__empty_1w81m_786 p {
  margin: 0;
  font-style: italic;
}

._preview_1w81m_799 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  animation: _fadeInUp_1w81m_1 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  ._preview_1w81m_799 {
    animation: _fadeIn_1w81m_1 0.3s ease;
  }
}
._preview__section_1w81m_810 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._preview__sectionTitle_1w81m_815 {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-subtitle, #2a3346);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
._preview__summaryCard_1w81m_823 {
  background: var(--surface-background, #f2f6ff);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-primary, #C6D8F7);
}
._preview__summaryHeader_1w81m_829 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: var(--card-default);
  border-bottom: 1px solid var(--border-primary, #C6D8F7);
}
._preview__summaryTitle_1w81m_837 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._preview__summaryBadge_1w81m_842 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  background: var(--btn-primary, #5f88e5);
  color: white;
  border-radius: 12px;
  font-size: 0.6875rem;
  font-weight: 600;
}
._preview__list_1w81m_853 {
  display: flex;
  flex-direction: column;
  max-height: 140px;
  overflow-y: auto;
  padding: 0.5rem;
}
._preview__list_1w81m_853::-webkit-scrollbar {
  width: 4px;
}
._preview__list_1w81m_853::-webkit-scrollbar-track {
  background: transparent;
}
._preview__list_1w81m_853::-webkit-scrollbar-thumb {
  background: var(--border-primary, #C6D8F7);
  border-radius: 2px;
}
._preview__listItem_1w81m_870 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 8px;
  transition: background 0.2s ease;
}
._preview__listItem_1w81m_870:hover {
  background: var(--bg-hover);
}
._preview__itemTitle_1w81m_882 {
  flex: 1;
  font-size: 0.8125rem;
  color: var(--text-body, #3d4d71);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._preview__itemMeta_1w81m_890 {
  flex-shrink: 0;
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  padding: 0.125rem 0.5rem;
  background: rgba(116, 132, 169, 0.1);
  border-radius: 8px;
}
._preview__editCard_1w81m_898 {
  background: var(--card-default);
  border-radius: 12px;
  padding: 1.25rem;
  border: 1px solid var(--border-primary, #C6D8F7);
  box-shadow: 0 2px 8px rgba(65, 98, 134, 0.06);
}
._preview__field_1w81m_905 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._preview__field_1w81m_905 + ._preview__field_1w81m_905 {
  margin-top: 1rem;
}
._preview__label_1w81m_913 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
}
._preview__labelRequired_1w81m_921 {
  color: var(--text-error, #f74a4d);
  font-size: 0.875rem;
}
._preview__labelOptional_1w81m_925 {
  font-weight: 400;
  color: var(--text-caption, #7484a9);
  font-size: 0.75rem;
}
._preview__input_1w81m_930, ._preview__textarea_1w81m_930 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-primary, #C6D8F7);
  border-radius: 10px;
  font-size: 0.9375rem;
  font-family: inherit;
  color: var(--text-body, #3d4d71);
  background: var(--input-active);
  transition: all 0.2s ease;
}
._preview__input_1w81m_930::placeholder, ._preview__textarea_1w81m_930::placeholder {
  color: var(--text-caption, #7484a9);
}
._preview__input_1w81m_930:focus, ._preview__textarea_1w81m_930:focus {
  outline: none;
  border-color: var(--btn-primary, #5f88e5);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._preview__input_1w81m_930:disabled, ._preview__textarea_1w81m_930:disabled {
  background: var(--surface-background, #f2f6ff);
  cursor: not-allowed;
  opacity: 0.7;
}
._preview__textarea_1w81m_930 {
  resize: vertical;
  min-height: 100px;
  line-height: 1.5;
}
._preview__inputHint_1w81m_959 {
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  text-align: right;
}
._preview__warning_1w81m_964 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(255, 225, 106, 0.15) 0%, rgba(239, 117, 80, 0.08) 100%);
  border: 1px solid rgba(239, 117, 80, 0.2);
  border-radius: 12px;
}
._preview__warningIcon_1w81m_973 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--btn-orange-default, #ef7550);
  color: white;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: bold;
}
._preview__warningContent_1w81m_986 {
  flex: 1;
}
._preview__warningTitle_1w81m_989 {
  margin: 0 0 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-warning, #ef7550);
}
._preview__warningText_1w81m_995 {
  margin: 0;
  font-size: 0.75rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.4;
}
._preview__totalSummary_1w81m_1001 {
  display: flex;
  justify-content: center;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.1) 0%, rgba(79, 171, 154, 0.05) 100%);
  border-radius: 12px;
  border: 1px solid rgba(87, 198, 178, 0.2);
}
._preview__totalContent_1w81m_1009 {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
._preview__totalItem_1w81m_1014 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
._preview__totalValue_1w81m_1020 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--range-positive-100, #3a7e71);
}
._preview__totalLabel_1w81m_1025 {
  font-size: 0.6875rem;
  color: var(--text-caption, #7484a9);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._preview__totalDivider_1w81m_1031 {
  width: 1px;
  height: 32px;
  background: var(--border-primary, #C6D8F7);
}
._preview__actions_1w81m_1036 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border-primary, #C6D8F7);
  margin-top: 0.5rem;
}

[dir=rtl] ._selector__item_1w81m_617::before {
  left: auto;
  right: 0;
}
[dir=rtl] ._selector__meta_1w81m_746 {
  flex-direction: row-reverse;
}
[dir=rtl] ._preview__inputHint_1w81m_959 {
  text-align: left;
}
[dir=rtl] ._preview__actions_1w81m_1036 {
  flex-direction: row-reverse;
}
[dir=rtl] ._integrateSuggestions__header_1w81m_115::before {
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}

@media (max-width: 600px) {
  ._integrateSuggestions_1w81m_99 {
    max-height: 90vh;
    border-radius: 16px 16px 0 0;
  }
  ._integrateSuggestions__header_1w81m_115 {
    padding: 1.25rem 1rem;
  }
  ._integrateSuggestions__header_1w81m_115 h2 {
    font-size: 1.2rem;
  }
  ._integrateSuggestions__content_1w81m_214 {
    padding: 1rem;
  }
  ._integrateSuggestions__footer_1w81m_436 {
    padding: 0.875rem 1rem;
    flex-direction: column;
    gap: 0.75rem;
  }
  ._integrateSuggestions__summary_1w81m_444 {
    width: 100%;
    align-items: center;
    text-align: center;
  }
  ._integrateSuggestions__actions_1w81m_461 {
    width: 100%;
    justify-content: stretch;
  }
  ._integrateSuggestions__actions_1w81m_461 ._integrateSuggestions__button_1w81m_465 {
    flex: 1;
  }
  ._selector__item_1w81m_617 {
    padding: 0.875rem;
  }
  ._selector__meta_1w81m_746 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  ._preview_1w81m_799 {
    gap: 1.25rem;
  }
  ._preview__editCard_1w81m_898 {
    padding: 1rem;
  }
  ._preview__totalContent_1w81m_1009 {
    gap: 1rem;
  }
  ._preview__actions_1w81m_1036 {
    flex-direction: column;
  }
  ._preview__actions_1w81m_1036 button {
    width: 100%;
  }
}._roomBadge_j3s2u_1 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.625rem;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--btn-primary) 0%, #4a70c7 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(95, 136, 229, 0.25);
  transition: all 0.2s ease;
  cursor: default;
}
._roomBadge_j3s2u_1:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(95, 136, 229, 0.35);
}
._roomBadge__text_j3s2u_21 {
  letter-spacing: 0.02em;
}
@media screen and (max-width: 600px) {
  ._roomBadge_j3s2u_1 {
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
  }
}
[dir=rtl] ._roomBadge_j3s2u_1 {
  flex-direction: row-reverse;
}
@media (prefers-reduced-motion: reduce) {
  ._roomBadge_j3s2u_1 {
    transition: none;
  }
  ._roomBadge_j3s2u_1:hover {
    transform: none;
  }
}._suggestions-wrapper_1drzu_1 {
  display: flex;
  flex-direction: column;
  gap: var(--padding);
  width: 100%;
  overflow-x: hidden;
}

._card-wrapper_1drzu_9 {
  width: 100%;
  padding-top: 12px;
  content-visibility: auto;
  contain-intrinsic-size: auto 192px;
}

._submitButtonContainer_1drzu_16 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, var(--statementBackground) 70%, transparent);
  padding: 1rem var(--padding);
  z-index: 100;
}
@media (min-width: 768px) {
  ._submitButtonContainer_1drzu_16 {
    position: relative;
    background: none;
    padding: 2rem var(--padding) 1rem;
  }
}

._submitButton_1drzu_16 {
  background: var(--btn-primary);
  color: white;
  padding: 1rem 2rem;
  border-radius: 20px;
  border: none;
  font-size: var(--p-font-size);
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.2);
  transition: transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  display: block;
}
._submitButton_1drzu_16:hover {
  background: var(--btn-primary-hover);
  transform: scale(1.02);
}
._submitButton_1drzu_16:active {
  transform: scale(0.98);
}
@media (prefers-reduced-motion: reduce) {
  ._submitButton_1drzu_16 {
    transition: none;
  }
  ._submitButton_1drzu_16:hover, ._submitButton_1drzu_16:active {
    transform: none;
  }
}

._lazyLoadSentinel_1drzu_65 {
  width: 100%;
  height: 1px;
}

._lazyLoadStatus_1drzu_70 {
  width: 100%;
  padding: var(--padding);
  text-align: center;
  color: var(--text-body);
  opacity: 0.7;
  font-size: 0.9rem;
}._stage-page_1kp8p_1 {
  margin-top: 1rem;
  padding-bottom: var(--page-bottom-clearance);
}
._stage-page_1kp8p_1 h2 {
  margin-bottom: 0.5rem;
}

._stage_1kp8p_1 {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

._wrapper_1kp8p_15 {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: var(--wrapper);
  width: 100%;
  height: 100%;
  margin: auto;
  flex: 1;
  box-sizing: border-box;
}

._bottomNav_1kp8p_27 {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: var(--wrapper);
  width: 90vw;
  min-height: 6rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._bottomNav_1kp8p_27 {
    width: 100%;
    max-width: 100%;
  }
}

._summarizeWrapper_1kp8p_44 {
  margin: 1rem 0;
}

._onboarding_1kp8p_48 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 400px;
  margin: 1.5rem auto 0;
  padding: 1rem;
  background: var(--card-default, #fff);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: start;
}
._onboarding__step_1kp8p_60 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
._onboarding__icon_1kp8p_65 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
._onboarding__content_1kp8p_76 {
  flex: 1;
  min-width: 0;
}
._onboarding__stepTitle_1kp8p_80 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-heading, #1a1a2e);
  margin: 0 0 0.15rem;
  line-height: 1.4;
}
._onboarding__stepText_1kp8p_87 {
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
  margin: 0;
  line-height: 1.45;
}:root {
  --nav-icon-size: 48px;
  --nav-icon-size-active: 48px;
  --nav-icon-svg: 24px;
  --sort-button-size: 48px;
  --sort-gap: 90px;
  --sort-gap-mobile: 64px;
}

._statementBottomNav_1hbzt_10, ._statementBottomNavShow_1hbzt_10 {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  bottom: 0px;
  z-index: 10;
  padding: 16px 20px;
  background: linear-gradient(180deg, var(--nav-scrim-from) 0%, var(--nav-scrim-to) 70%);
  height: 100%;
}

._statementBottomNavShow_1hbzt_10 {
  animation: _showSortMenu_1hbzt_1 var(--motion-base) var(--motion-ease) both;
}

._statementBottomNavLtr_1hbzt_27 {
  flex-direction: row-reverse;
}

@keyframes _showSortMenu_1hbzt_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 730px) {
  ._sortExpandedMobile_1hbzt_40 ._addOptionButton_1hbzt_40 {
    display: none !important;
  }
}

._addOptionButtonWrapper_1hbzt_45, ._addOptionButtonWrapperLtr_1hbzt_45 {
  position: relative;
  top: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

._addOptionButtonWrapperLtr_1hbzt_45 {
  flex-direction: row-reverse;
}

._addOptionButton_1hbzt_40 {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  z-index: 10000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
  transition: transform var(--motion-fast) var(--motion-ease);
}
._addOptionButton_1hbzt_40 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
  flex: 0 0 auto;
}

._addOptionButtonPill_1hbzt_75 {
  min-width: 180px;
  height: 48px;
  padding: 0 1rem;
  border-radius: 24px;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  ._addOptionButtonPill_1hbzt_75 {
    min-width: 128px;
    padding: 0 0.75rem;
  }
}

._addOptionButtonLabel_1hbzt_89 {
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--text-headline);
  white-space: nowrap;
  line-height: 1;
  animation: _labelIn_1hbzt_1 var(--motion-base) var(--motion-ease) both;
}
@media screen and (max-width: 700px) {
  ._addOptionButtonLabel_1hbzt_89 {
    font-size: 0.85rem;
  }
}

@keyframes _labelIn_1hbzt_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._sortMenu_1hbzt_111 {
  position: relative;
  flex: auto;
  min-height: 50px;
}
._sortMenu__item_1hbzt_116 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  transition: left 200ms var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
}
._sortMenu__item_1hbzt_116._active_1hbzt_125 ._openNavIcon_1hbzt_125 {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(1) {
  z-index: 20;
  left: var(--sort-gap);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(1) {
    left: var(--sort-gap-mobile);
  }
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(1) ._buttonName_1hbzt_138 {
  opacity: 1;
  display: block;
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(2) {
  z-index: 20;
  left: calc(var(--sort-gap) * 2);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(2) {
    left: calc(var(--sort-gap-mobile) * 2);
  }
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(2) ._buttonName_1hbzt_138 {
  opacity: 1;
  display: block;
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(3) {
  z-index: 20;
  left: calc(var(--sort-gap) * 3);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(3) {
    left: calc(var(--sort-gap-mobile) * 3);
  }
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(3) ._buttonName_1hbzt_138 {
  opacity: 1;
  display: block;
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(4) {
  z-index: 20;
  left: calc(var(--sort-gap) * 4);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(4) {
    left: calc(var(--sort-gap-mobile) * 4);
  }
}
._sortMenu__item_1hbzt_116._active_1hbzt_125:nth-child(4) ._buttonName_1hbzt_138 {
  opacity: 1;
  display: block;
}

._buttonName_1hbzt_138 {
  display: none;
  font-size: 0.8rem;
  opacity: 0;
  transition: opacity 200ms ease;
  color: var(--text-headline);
}

._openNavIcon_1hbzt_125 {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--card-default);
  box-shadow: var(--elevation-2);
  border-radius: 50%;
  cursor: pointer;
  transition: width 200ms var(--motion-ease), height 200ms var(--motion-ease);
}
._openNavIcon_1hbzt_125 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}

._sortButton_1hbzt_207 {
  width: var(--sort-button-size);
  height: var(--sort-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--question);
  color: white;
  box-shadow: var(--elevation-2);
  border-radius: 50%;
  cursor: pointer;
  transition: width 200ms ease, height 200ms ease;
  position: absolute;
  left: 0;
  z-index: 10000;
}
._sortButton_1hbzt_207 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}

._whiteIcon_1hbzt_228,
._whiteIcon_1hbzt_228 * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

._sortMenu__item_visibility_1hbzt_235._active_1hbzt_125 {
  left: calc(var(--sort-gap) * 5);
}
@media screen and (max-width: 700px) {
  ._sortMenu__item_visibility_1hbzt_235._active_1hbzt_125 {
    left: calc(var(--sort-gap-mobile) * 5);
  }
}

._visibilityToggle_1hbzt_244 {
  transition: width 200ms var(--motion-ease), height 200ms var(--motion-ease), background-color 200ms var(--motion-ease);
}
._visibilityToggle_1hbzt_244 svg {
  width: var(--nav-icon-svg);
  height: var(--nav-icon-svg);
}
._visibilityToggle_active_1hbzt_251 {
  background-color: rgba(87, 198, 178, 0.15);
  box-shadow: 2px 2px 5px var(--shadow), inset 0 0 0 2px rgba(87, 198, 178, 0.3);
}

._addButtonGroup_1hbzt_256 {
  position: relative;
}

._addOptionButtonRotated_1hbzt_260 {
  transform: rotate(-45deg);
}

._subFabMenu_1hbzt_264 {
  position: absolute;
  bottom: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  z-index: 10001;
}

._subFabButton_1hbzt_276 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  box-shadow: var(--elevation-2);
  animation: _subFabPopIn_1hbzt_1 var(--motion-base) var(--motion-ease) both;
}
._subFabButton_1hbzt_276 svg {
  width: 22px;
  height: 22px;
}
._subFabButton_1hbzt_276:hover {
  transform: scale(1.08);
}
._subFabButton_1hbzt_276:active {
  transform: scale(0.95);
}

._subFabButtonQuestion_1hbzt_299 {
  background-color: var(--question);
}

._subFabButtonCompound_1hbzt_303 {
  background-color: #47b4ef;
}

._addMenuOverlay_1hbzt_307 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background: transparent;
  z-index: 9999;
  cursor: default;
  border: none;
}

@keyframes _subFabPopIn_1hbzt_1 {
  from {
    transform: translateY(8px) scale(0);
    opacity: 0;
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._subFabButton_1hbzt_276 {
    animation: none !important;
  }
}._message_wpvrg_1 {
  margin-bottom: 1rem;
  animation: _slideIn_wpvrg_1 0.3s ease;
}
._message--ai_wpvrg_5 {
  margin-right: 15%;
}
._message--user_wpvrg_8 {
  margin-left: 15%;
}

@keyframes _slideIn_wpvrg_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._messageHeader_wpvrg_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}

._messageRole_wpvrg_30 {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-caption);
}
._message--ai_wpvrg_5 ._messageRole_wpvrg_30 {
  color: var(--accent);
}
._message--user_wpvrg_8 ._messageRole_wpvrg_30 {
  color: var(--agree);
}

._messageTime_wpvrg_42 {
  font-size: 0.75rem;
  color: var(--text-caption);
}

._messageContent_wpvrg_47 {
  padding: 0.75rem 1rem;
  border-radius: 12px;
  line-height: 1.5;
}
._message--ai_wpvrg_5 ._messageContent_wpvrg_47 {
  background: var(--statementBackground);
  border: 1px solid rgba(124, 172, 248, 0.2);
  border-radius: 12px 12px 12px 0;
}
._message--user_wpvrg_8 ._messageContent_wpvrg_47 {
  background: var(--card-default);
  border: 1px solid var(--border-light);
  border-radius: 12px 12px 0 12px;
}
._messageContent_wpvrg_47 p {
  margin: 0;
  color: var(--text-body);
}
._messageContent_wpvrg_47 h1, ._messageContent_wpvrg_47 h2, ._messageContent_wpvrg_47 h3, ._messageContent_wpvrg_47 h4, ._messageContent_wpvrg_47 h5, ._messageContent_wpvrg_47 h6 {
  margin: 0.5rem 0;
  color: var(--text-body);
}
._messageContent_wpvrg_47 h1 {
  font-size: 1.3rem;
}
._messageContent_wpvrg_47 h2 {
  font-size: 1.2rem;
}
._messageContent_wpvrg_47 h3 {
  font-size: 1.1rem;
}
._messageContent_wpvrg_47 ul, ._messageContent_wpvrg_47 ol {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
._messageContent_wpvrg_47 li {
  margin: 0.25rem 0;
}
._messageContent_wpvrg_47 code {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  font-size: 0.9em;
}
._messageContent_wpvrg_47 pre {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.75rem;
  border-radius: 6px;
  overflow-x: auto;
}
._messageContent_wpvrg_47 pre code {
  background: none;
  padding: 0;
}
._messageContent_wpvrg_47 blockquote {
  border-left: 3px solid var(--accent);
  margin: 0.5rem 0;
  padding-left: 1rem;
  color: var(--text-body);
  font-style: italic;
}
._messageContent_wpvrg_47 strong {
  font-weight: 500;
  color: var(--text-title);
}
._messageContent_wpvrg_47 em {
  font-style: italic;
  color: var(--text-body);
}
._messageContent_wpvrg_47 a {
  color: var(--accent);
  text-decoration: none;
}
._messageContent_wpvrg_47 a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  ._message--ai_wpvrg_5 {
    margin-right: 5%;
  }
  ._message--user_wpvrg_8 {
    margin-left: 5%;
  }
  ._messageContent_wpvrg_47 {
    padding: 0.6rem 0.85rem;
    font-size: 0.95rem;
  }
}._refineryModal_zyb80_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  max-width: 900px;
  width: 95vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}
@media (max-width: 768px) {
  ._refineryModal_zyb80_1 {
    width: 100vw;
    border-radius: 0;
  }
}

._modalHeader_zyb80_17 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid var(--border-light);
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.05) 0%, rgba(87, 198, 178, 0.05) 100%);
}

._headerContent_zyb80_26 {
  flex: 1;
}

._modalTitle_zyb80_30 {
  margin: 0 0 0.25rem 0;
  font-size: 1.1rem;
  color: var(--text-body);
  font-weight: 600;
}

._modalSubtitle_zyb80_37 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--text-caption);
}

._closeButton_zyb80_43 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--text-caption);
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._closeButton_zyb80_43:hover {
  background: var(--bg-hover);
  color: var(--text-body);
}

._originalIdeaSection_zyb80_65 {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--border-light);
  background: var(--statementBackground);
}

._sectionTitle_zyb80_71 {
  margin: 0 0 0.5rem 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._originalIdea_zyb80_65 {
  padding: 0.75rem;
  background: var(--card-default);
  border-radius: 6px;
  border-left: 3px solid var(--accent);
  line-height: 1.5;
  color: var(--text-body);
}

._conversationSection_zyb80_89 {
  display: flex;
  flex-direction: column;
}

._messagesContainer_zyb80_94 {
  overflow-y: auto;
  padding: 0.75rem 1rem;
  background: var(--card-default);
  max-height: 250px;
}

._loadingState_zyb80_101 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--text-caption);
}

._loadingSpinner_zyb80_110 {
  width: 40px;
  height: 40px;
  border: 4px solid var(--border-light);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: _spin_zyb80_1 1s linear infinite;
  margin-bottom: 1rem;
}

@keyframes _spin_zyb80_1 {
  to {
    transform: rotate(360deg);
  }
}
._completionSection_zyb80_125 {
  padding: 1rem;
  background: linear-gradient(135deg, rgba(87, 198, 178, 0.05) 0%, rgba(79, 171, 154, 0.05) 100%);
  border-top: 2px solid var(--agree);
}

._completionBadge_zyb80_131 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--agree);
  color: white;
  border-radius: 20px;
  font-weight: 500;
  margin-bottom: 1rem;
}

._refinedIdeaDisplay_zyb80_143 {
  background: var(--card-default);
  padding: 1rem;
  border-radius: 8px;
  border-left: 4px solid var(--agree);
  margin-bottom: 1.5rem;
}

._refinedTitle_zyb80_151 {
  margin: 0 0 0.75rem 0;
  font-size: 1.1rem;
  color: var(--text-body);
}

._refinedText_zyb80_157 {
  margin: 0;
  line-height: 1.6;
  color: var(--text-body);
  font-size: 1rem;
}

._publishButton_zyb80_164 {
  width: 100%;
  padding: 0.75rem;
  background: var(--agree);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(87, 198, 178, 0.3);
}
._publishButton_zyb80_164:hover:not(:disabled) {
  background: #48b59d;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(87, 198, 178, 0.4);
}
._publishButton_zyb80_164:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._inputSection_zyb80_187 {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--border-light);
  background: var(--card-default);
}

._userInput_zyb80_193 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  resize: none;
  transition: border-color 0.2s ease;
  margin-bottom: 0.5rem;
  height: 80px;
}
._userInput_zyb80_193:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(124, 172, 248, 0.1);
}
._userInput_zyb80_193:disabled {
  background: var(--bg-disabled);
  cursor: not-allowed;
}

._inputActions_zyb80_216 {
  display: flex;
  justify-content: flex-end;
}

._sendButton_zyb80_221 {
  padding: 0.5rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._sendButton_zyb80_221:hover:not(:disabled) {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}
._sendButton_zyb80_221:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}._initialIdeaModal_1szab_1 {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  min-width: 500px;
  max-width: 600px;
  width: 90vw;
}
@media (max-width: 768px) {
  ._initialIdeaModal_1szab_1 {
    min-width: auto;
    width: 95vw;
    max-width: none;
  }
}

._modalHeader_1szab_17 {
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.08) 0%, rgba(87, 198, 178, 0.08) 100%);
  border-bottom: 2px solid var(--statementBackground);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

._headerIcon_1szab_26 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent), var(--agree));
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(124, 172, 248, 0.2);
}

._iconEmoji_1szab_38 {
  font-size: 1.25rem;
  filter: grayscale(0) brightness(1.1);
}

._headerContent_1szab_43 {
  flex: 1;
  min-width: 0;
}

._modalTitle_1szab_48 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
  line-height: 1.2;
}

._modalSubtitle_1szab_56 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.3;
}

._inputWrapper_1szab_63 {
  padding: 1rem;
  background: var(--statementBackground);
}

._inputSection_1szab_68 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._label_1szab_74 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._required_1szab_83 {
  color: var(--disagree);
  font-weight: 400;
}

._textareaWrapper_1szab_88 {
  position: relative;
}

._textarea_1szab_88 {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid transparent;
  border-radius: 12px;
  background: var(--input-active);
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  resize: none;
  height: 100px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  color: var(--text-primary);
}
._textarea_1szab_88:focus {
  outline: none;
  border-color: var(--btn-primary);
  background: var(--input-active);
  box-shadow: 0px 0px 0px 4px rgba(95, 136, 229, 0.1), 0px 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
._textarea_1szab_88::placeholder {
  color: var(--text-tertiary);
  font-style: italic;
  opacity: 0.8;
}
[dir=rtl] ._textarea_1szab_88 {
  text-align: right;
  direction: rtl;
}

._charCount_1szab_124 {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  font-size: 0.85rem;
  color: var(--text-tertiary);
  background: var(--input-active);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: color 0.2s;
}
[dir=rtl] ._charCount_1szab_124 {
  right: auto;
  left: 0.75rem;
}
._charCountWarning_1szab_139 {
  color: var(--disagree);
  font-weight: 500;
}

._helperText_1szab_144 {
  font-size: 0.85rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
  font-style: italic;
}

._modalFooter_1szab_152 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--statementBackground);
}
[dir=rtl] ._modalFooter_1szab_152 {
  flex-direction: row-reverse;
}

._button_1szab_163 {
  padding: 0.6rem 1.25rem;
  border-radius: 20px;
  font-size: 0.95rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 40px;
  position: relative;
  overflow: hidden;
}
._button_1szab_163:active {
  transform: scale(0.98);
}
._button_1szab_163:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._buttonSecondary_1szab_186 {
  background: var(--card-default);
  color: var(--btn-secondary);
  border: 2px solid var(--btn-secondary);
}
._buttonSecondary_1szab_186:hover {
  background: var(--statementBackground);
  border-color: var(--btn-secondary-hover);
  color: var(--btn-secondary-hover);
}
._buttonSecondary_1szab_186:active {
  background: var(--btn-secondary-selected-fill);
  border-color: var(--btn-secondary-selected-border);
}

._buttonPrimary_1szab_201 {
  background: linear-gradient(135deg, var(--btn-primary) 0%, var(--btn-primary-hover) 100%);
  color: white;
  position: relative;
  box-shadow: 0px 4px 12px rgba(95, 136, 229, 0.3);
}
._buttonPrimary_1szab_201::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--btn-primary-hover) 0%, var(--btn-primary) 100%);
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: inherit;
}
._buttonPrimary_1szab_201:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0px 6px 20px rgba(95, 136, 229, 0.4);
}
._buttonPrimary_1szab_201:hover:not(:disabled)::before {
  opacity: 1;
}
._buttonPrimary_1szab_201:active {
  transform: scale(0.98) translateY(0);
}
._buttonPrimary_1szab_201:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: var(--btn-primary-disabled);
  box-shadow: none;
}
._buttonPrimary_1szab_201:disabled:hover {
  transform: none;
}
._buttonPrimary_1szab_201 span {
  position: relative;
  z-index: 1;
}

._buttonIcon_1szab_243 {
  font-size: 1.2rem;
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  display: inline-block;
}
._buttonPrimary_1szab_201:hover ._buttonIcon_1szab_243 {
  transform: translateX(3px);
}
[dir=rtl] ._buttonIcon_1szab_243 {
  transform: scaleX(-1);
}
[dir=rtl] ._buttonPrimary_1szab_201:hover ._buttonIcon_1szab_243 {
  transform: scaleX(-1) translateX(3px);
}._questionStageRadioBtn_30mhr_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
._questionStageRadioBtn_30mhr_1 > div {
  width: 100%;
}
._questionStageRadioBtn__top_30mhr_12 {
  color: white;
  background-color: var(--green);
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
._questionStageRadioBtn__top_30mhr_12 ._img_30mhr_19 {
  width: 1.9rem;
}
._questionStageRadioBtn__top_30mhr_12 ._number_30mhr_22 {
  font-size: 1.3rem;
  font-weight: 700;
}
._questionStageRadioBtn__radio_30mhr_26 {
  color: var(--text-headline);
  display: flex;
  padding: 20px;
  justify-content: space-between;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton_30mhr_32 {
  background-color: var(--green);
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 2.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  cursor: pointer;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton_30mhr_32 input {
  display: none;
}
._questionStageRadioBtn__radio_30mhr_26 ._radioButton__inner_30mhr_47 {
  background-color: var(--icon-white);
  position: absolute;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
}._statementInfo_1mj6r_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 42ch;
  max-width: min(88vw, 42ch);
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: var(--popup-default);
  font-family: "Roboto", "Open Sans", sans-serif;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  overflow: hidden;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 h3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0;
  color: var(--text-title);
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._statementTitle_1mj6r_30 {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._editIcon_1mj6r_35 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: none;
  cursor: pointer;
  transition: background-color 150ms ease;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._editIcon_1mj6r_35:hover {
  background-color: var(--bg-hover);
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._editIcon_1mj6r_35 svg {
  width: 18px;
  height: 18px;
  color: var(--btn-primary);
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._text_1mj6r_13 {
  max-height: 40vh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding-inline-end: 4px;
}
._statementInfo_1mj6r_1 ._texts_1mj6r_13 ._description_1mj6r_61 {
  color: var(--text-body);
  font-size: 0.9375rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
._statementInfo_1mj6r_1 ._titleInput_1mj6r_67,
._statementInfo_1mj6r_1 ._descriptionInput_1mj6r_68 {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--border-light);
  border-radius: 0.375rem;
  background-color: var(--inputBackground);
  color: var(--text-body);
  font-family: inherit;
  font-size: 0.9375rem;
  line-height: 1.5;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}
._statementInfo_1mj6r_1 ._titleInput_1mj6r_67:focus,
._statementInfo_1mj6r_1 ._descriptionInput_1mj6r_68:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--btn-primary) 22%, transparent);
}
._statementInfo_1mj6r_1 ._titleInput_1mj6r_67 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-title);
}
._statementInfo_1mj6r_1 ._descriptionInput_1mj6r_68 {
  resize: vertical;
  min-height: 5rem;
}
._statementInfo_1mj6r_1 ._formButtons_1mj6r_96 {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 0.875rem;
  border-top: 1px solid var(--border-light);
}
._statementInfo_1mj6r_1 ._formButtons_1mj6r_96 button {
  min-width: 6.5rem;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  font-family: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 150ms ease;
}
._statementInfo_1mj6r_1 ._formButtons_1mj6r_96 ._closeButton_1mj6r_113 {
  background-color: var(--btn-primary);
  color: #ffffff;
}
._statementInfo_1mj6r_1 ._formButtons_1mj6r_96 ._closeButton_1mj6r_113:hover {
  background-color: var(--btn-primary-hover);
}._optionBar_1d2q9_1 ._voteButtonContainer_1d2q9_1 {
  display: flex;
}
._optionBar_1d2q9_1 ._voteButton_1d2q9_1 {
  border-radius: 5px;
  clip-path: polygon(50% 0%, 100% 11px, 100% 100%, 0% 99%, 0% 11px);
  color: white;
  user-select: none;
  cursor: pointer;
  width: 120px;
  height: 35px;
  white-space: wrap;
  word-wrap: break-word;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  box-shadow: 0px -2px 6px 0px rgba(202, 215, 221, 0.5019607843);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 100ms ease-out, transform 50ms ease-out;
  transform: scale(1);
}
._optionBar_1d2q9_1 ._voteButton_1d2q9_1:hover {
  overflow: visible;
  transform: scale(1.02);
}
._optionBar_1d2q9_1 ._voteButton_1d2q9_1:active {
  transform: scale(0.98);
}
._optionBar_1d2q9_1 ._voteButton_1d2q9_1._selected_1d2q9_32 svg {
  color: White;
}
._optionBar_1d2q9_1 ._infoIcon_1d2q9_35 {
  background: none;
  user-select: none;
  position: absolute;
  color: var(--text-caption);
}
._optionBar_1d2q9_1 ._titleText_1d2q9_41 {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  unicode-bidi: plaintext;
  text-align: start;
  color: var(--text-title);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._optionBar_1d2q9_1 ._column_1d2q9_53 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  text-align: center;
  filter: drop-shadow(0px 2px 4px rgba(151, 173, 184, 0.525));
}
._optionBar_1d2q9_1 ._column_1d2q9_53 ._percentageText_1d2q9_62 {
  color: var(--text-caption);
  display: flex;
  align-items: center;
  font-family: "Patrick Hand", cursive;
}
._optionBar_1d2q9_1 ._bar_1d2q9_68 {
  position: relative;
  height: 0px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: end;
  transition: height 300ms ease-out, width 300ms ease-out;
  border-radius: 2rem 0rem 0rem 0rem;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% - 11px), 0 100%);
  transform: translateY(10px);
}
._optionBar_1d2q9_1 ._bar_1d2q9_68 ._numberOfSelections_1d2q9_80 {
  color: White;
  position: absolute;
  top: 10px;
}
._optionBar_1d2q9_1 ._dropShadow_1d2q9_85 {
  filter: drop-shadow(0px 2px 4px rgba(151, 173, 184, 0.525));
}
._optionBar_1d2q9_1._vertical_1d2q9_88 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transition: right 300ms ease-out, left 300ms ease-out;
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._infoIcon_1d2q9_35 {
  bottom: 70px;
  transform: scale(1.3);
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._infoIcon_1d2q9_35 svg {
  width: 22px;
  height: 22px;
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._infoIcon_1d2q9_35._isBarSmall_1d2q9_104 {
  transform: scale(1);
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._voteButton_1d2q9_1 svg {
  width: 24px;
  height: 24px;
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._title_1d2q9_41 {
  transform: rotate(270deg) translate(11rem, -2rem);
  width: 19rem;
  text-align: end;
}
._optionBar_1d2q9_1._vertical_1d2q9_88 ._title_1d2q9_41._isBarSmall_1d2q9_104 {
  transform: rotate(270deg) translate(11rem, -1.6rem);
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  transition: right 300ms ease-out, left 300ms ease-out;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._voteButton_1d2q9_1 {
  height: 48px;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._voteButton_1d2q9_1 svg {
  transform: rotate(270deg);
  width: 26px;
  height: 26px;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._infoIcon_1d2q9_35 {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 4px;
  transform: rotate(270deg);
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._infoIcon_1d2q9_35 svg {
  width: 23px;
  height: 23px;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._bar_1d2q9_68 {
  border-radius: calc(var(--bar-thickness) / 4) calc(var(--bar-thickness) / 4) 0 0;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._bar_1d2q9_68 ._numberOfSelections_1d2q9_80 {
  top: 0;
  transform: rotate(270deg);
  background-color: var(--card-default);
  border-radius: 50%;
  color: var(--text-body);
  width: calc(var(--bar-thickness) * 0.55);
  height: calc(var(--bar-thickness) * 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 540px) {
  ._optionBar_1d2q9_1._horizontal_1d2q9_119 ._column_1d2q9_53 ._percentageText_1d2q9_62 {
    transform: rotate(270deg);
  }
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._title_1d2q9_41 {
  position: absolute;
  width: 20rem;
  height: fit-content;
  bottom: 9.5rem;
  right: -5.7rem;
  transform: rotate(270deg);
  text-align: left;
  z-index: 2;
  pointer-events: none;
}
._optionBar_1d2q9_1._horizontal_1d2q9_119 ._titleText_1d2q9_41 {
  padding: 2px 8px;
  border-radius: 6px;
  background-color: color-mix(in srgb, var(--card-default) 88%, transparent);
  font-size: 0.8125rem;
  line-height: 1.45;
  vertical-align: top;
}._votingArea_18k41_1._horizontal_18k41_1 {
  right: 0;
  display: flex;
  direction: ltr;
  padding: 1.5rem 0;
  height: 100svw;
  rotate: 90deg;
}
._votingArea_18k41_1._vertical_18k41_9 {
  display: flex;
  direction: rtl;
  margin: 0 auto;
  height: 100%;
  position: relative;
  overflow-x: auto;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 440px) {
  ._votingArea_18k41_1._vertical_18k41_9 {
    overflow-x: revert-layer;
    padding: 0;
  }
}
._votingArea_18k41_1._vertical_18k41_9::-webkit-scrollbar {
  height: 8px;
}
._votingArea_18k41_1._vertical_18k41_9::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}._statementVote_sadjq_1 {
  flex: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: visible;
}
._statementVote_sadjq_1 ._numberOfVotesMark_sadjq_8 {
  color: var(--icons-blue);
  font-family: "Patrick Hand", cursive;
  width: 100%;
  max-width: 75ch;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem;
}
._statementVote_sadjq_1 ._numberOfVotesMark_sadjq_8 svg {
  width: 17px;
  height: 19px;
}

._statementVote_sadjq_1::-webkit-scrollbar {
  width: 1.5rem;
}

._statementVote_sadjq_1::-webkit-scrollbar-thumb {
  background: linear-gradient(45deg, var(--accent), var(--halfPrimary));
  border-radius: 1rem;
}._toast_ztqth_1 {
  position: absolute;
  left: 50%;
  top: 4rem;
  transform: translateX(-50%);
  box-shadow: 0 3px 6px rgba(65, 98, 134, 0.168627451);
  font-size: 1rem;
  width: max-content;
  max-width: 95%;
  background-color: var(--tooltip);
  color: white;
  z-index: 1000;
  animation: _jumpIn_ztqth_1 1s cubic-bezier(0.92, -0.02, 0.86, 2.28) 0ms 1 normal forwards;
}
._toast__text_ztqth_15 {
  padding: var(--padding);
  font-size: 1.3rem;
  max-width: 50ch;
  line-height: 2.2rem;
}
._toast__children_ztqth_21 {
  display: flex;
  justify-content: space-around;
  gap: 3rem;
  align-items: center;
  margin: 0.5rem 2rem 2rem;
}
@keyframes _jumpIn_ztqth_1 {
  0% {
    top: 16rem;
    opacity: 0.3;
    transform: translateX(-50%) scale(0.5);
  }
  100% {
    top: 4rem;
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}._clustering_1yof8_1 {
  background-color: rgb(64, 217, 217);
}._summaryContainer_63oxz_1 {
  margin-top: 1.5rem;
  padding: 1.25rem 1.5rem;
  background-color: var(--card-default, #ffffff);
  border-radius: 12px;
  border-inline-start: 4px solid var(--agree, #57c6b2);
  box-shadow: 0px 2px 8px rgba(115, 138, 191, 0.08);
  transition: box-shadow 0.2s ease;
}
._summaryContainer_63oxz_1:hover {
  box-shadow: 0px 4px 12px rgba(115, 138, 191, 0.12);
}
@media (max-width: 600px) {
  ._summaryContainer_63oxz_1 {
    margin: 1rem 0.5rem;
    padding: 1rem 1.25rem;
    border-radius: 10px;
  }
}

._summaryHeader_63oxz_21 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-primary, #c6d8f7);
}
._summaryHeader_63oxz_21 h4 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-title);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._summaryHeader_63oxz_21 h4::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--agree, #57c6b2);
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  ._summaryHeader_63oxz_21 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  ._summaryHeader_63oxz_21 h4 {
    font-size: 1rem;
  }
}

._timestamp_63oxz_60 {
  font-size: 0.8rem;
  color: var(--text-caption, #7484a9);
  font-weight: 400;
  white-space: nowrap;
}

._summaryContent_63oxz_67 {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--text-body);
}
._summaryContent_63oxz_67 > div {
  max-width: 100%;
}

[dir=rtl] ._summaryContainer_63oxz_1 {
  border-left: none;
  border-right: 4px solid var(--agree, #57c6b2);
}
[dir=rtl] ._summaryHeader_63oxz_21 h4::before {
  margin-left: 0;
  margin-right: 0;
}

@media (prefers-reduced-motion: reduce) {
  ._summaryContainer_63oxz_1 {
    transition: none;
  }
}
@media (prefers-contrast: high) {
  ._summaryContainer_63oxz_1 {
    border-inline-start-width: 5px;
    box-shadow: none;
    border: 1px solid var(--border-primary, #c6d8f7);
    border-inline-start: 5px solid var(--agree, #57c6b2);
  }
}._summarizeModalBody_145jj_1 {
  padding: 2rem;
  max-width: 500px;
  width: 90vw;
  max-height: 80vh;
  overflow-y: auto;
}
._summarizeModalBody_145jj_1 ._title_145jj_8 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary, #333);
  text-align: center;
}
._summarizeModalBody_145jj_1 ._questionTitle_145jj_15 {
  margin: 0 0 1.5rem;
  padding: 1rem;
  background-color: var(--gray5, #f5f5f5);
  border-radius: 8px;
  font-size: 1rem;
  color: var(--text-secondary, #555);
  text-align: center;
  font-style: italic;
  border-left: 4px solid var(--btn-primary, #4A90E2);
}
._summarizeModalBody_145jj_1 ._instructions_145jj_26 {
  margin-bottom: 1.5rem;
}
._summarizeModalBody_145jj_1 ._label_145jj_29 {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--text-secondary, #666);
}
._summarizeModalBody_145jj_1 ._hint_145jj_36 {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--text-muted, #999);
  font-style: italic;
}

._textarea_145jj_43 {
  width: 100%;
  padding: 0.5rem;
  border: none;
  outline: none;
  background-color: var(--card-default);
  border-radius: 3px;
  font-family: "Open Sans", sans-serif;
  resize: none;
}

._btns_145jj_54 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
}

._btnPrimary_145jj_62 {
  padding: 0.4rem 1rem;
  background-color: var(--btn-primary);
  color: var(--white);
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid var(--btn-primary);
  text-align: center;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09);
}

._btnSecondary_145jj_73 {
  padding: 0.4rem 1rem;
  background-color: var(--card-default);
  color: var(--btn-secondary);
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid var(--btn-secondary);
  text-align: center;
  box-shadow: 0px 3px 6px 0px rgba(115, 138, 191, 0.1), 0px 11px 11px 0px rgba(115, 138, 191, 0.09);
}

._btnDisabled_145jj_84 {
  background-color: var(--btn-disabled);
  color: var(--btn-disabled-text);
  cursor: not-allowed;
  border: 1px solid var(--btn-disabled);
}

[dir=rtl] ._summarizeModalBody_145jj_1 ._questionTitle_145jj_15 {
  border-left: none;
  border-right: 4px solid var(--btn-primary, #4A90E2);
}._subGroupCard_18hsa_1 {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
  background-color: var(--card-default);
  border: 1px solid var(--border-primary);
  border-radius: 0.25rem;
  box-sizing: border-box;
  border-left: 6px solid var(--border-primary);
  width: 100%;
}
._subGroupCard_18hsa_1 ._type_18hsa_12 {
  display: flex;
  align-items: center;
}
._subGroupCard_18hsa_1 ._type_18hsa_12 ._text_18hsa_16 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.75;
  color: var(--text-title);
  flex-grow: 1;
}
._subGroupCard_18hsa_1 ._type_18hsa_12 ._iconWrapper_18hsa_24 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  position: relative;
}
._subGroupCard_18hsa_1 ._type_18hsa_12 ._iconWrapper_18hsa_24 > div {
  position: absolute;
  top: 0px;
  left: 5px;
}
._subGroupCard_18hsa_1 ._results_18hsa_37 ul {
  padding: 0 1rem;
}
._subGroupCard_18hsa_1 ._results_18hsa_37 ul a {
  color: var(--text-blue);
}
._subGroupCard_18hsa_1 ._results_18hsa_37 a {
  color: var(--text-blue);
}

._diveIn_18hsa_47 {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: none;
  border: 1px solid var(--border-light);
  border-radius: 16px;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-blue);
  cursor: pointer;
  align-self: flex-start;
}
._diveIn_18hsa_47:hover {
  background: rgba(95, 136, 229, 0.08);
}

._icon_18hsa_24 {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}._questionsView_1iuap_1 {
  width: 100%;
  padding: 1rem 0;
  position: relative;
}

._grid_1iuap_7 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  ._grid_1iuap_7 {
    grid-template-columns: 1fr;
  }
}

._empty_1iuap_18 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem;
  color: var(--text-body);
  opacity: 0.6;
}

._onboarding_1iuap_27 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 400px;
  margin: 1.5rem auto 0;
  padding: 1rem;
  background: var(--card-default, #fff);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: start;
}
._onboarding__step_1iuap_39 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
._onboarding__icon_1iuap_44 {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--btn-primary, #5f88e5);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
._onboarding__content_1iuap_55 {
  flex: 1;
  min-width: 0;
}
._onboarding__stepTitle_1iuap_59 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-heading, #1a1a2e);
  margin: 0 0 0.15rem;
  line-height: 1.4;
}
._onboarding__stepText_1iuap_66 {
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
  margin: 0;
  line-height: 1.45;
}

._addButtonWrapper_1iuap_73 {
  position: fixed;
  bottom: 0;
  inset-inline: 0;
  margin-inline: auto;
  max-width: var(--wrapper);
  width: 90vw;
  min-height: 6rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 20px;
  pointer-events: none;
  z-index: 10;
  background: linear-gradient(180deg, var(--nav-scrim-from) 0%, var(--nav-scrim-to) 42%);
}
@media screen and (max-width: 600px) {
  ._addButtonWrapper_1iuap_73 {
    width: 100%;
    max-width: 100%;
  }
}

._addButtonGroup_1iuap_97 {
  position: relative;
  display: flex;
  align-items: center;
  pointer-events: none;
}

._addButton_1iuap_73 {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 2px 2px 5px var(--shadow);
  transition: transform var(--motion-base) var(--motion-ease);
  z-index: 10000;
}
._addButton_1iuap_73 svg {
  width: 24px;
  height: 24px;
}
._addButton_1iuap_73:hover {
  transform: scale(1.05);
}
._addButton_1iuap_73:active {
  transform: scale(0.95);
}

._addButtonActive_1iuap_128 {
  transform: rotate(-45deg);
}
._addButtonActive_1iuap_128:hover {
  transform: rotate(-45deg) scale(1.05);
}
._addButtonActive_1iuap_128:active {
  transform: rotate(-45deg) scale(0.95);
}

._fanMenu_1iuap_138 {
  position: absolute;
  bottom: calc(100% + 0.75rem);
  inset-inline-start: 6px;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 0.75rem;
  z-index: 10000;
  pointer-events: none;
}

._fanItem_1iuap_150 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transform: translateY(0.75rem) scale(0.6);
  transform-origin: center bottom;
  transition: opacity var(--motion-fast) var(--motion-ease), transform var(--motion-base) var(--motion-ease);
}
._fanItem_1iuap_150:nth-child(1) {
  transition-delay: 60ms;
}
._fanItem_1iuap_150:nth-child(2) {
  transition-delay: 0ms;
}
._fanItem__icon_1iuap_170 {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 2px 5px var(--shadow);
  transition: transform var(--motion-fast) var(--motion-ease);
}
._fanItem__icon_1iuap_170 svg {
  width: 22px;
  height: 22px;
  color: var(--white);
}
._fanItem__label_1iuap_186 {
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--text-headline);
  background-color: var(--card-default);
  border-radius: 999px;
  padding: 0.25rem 0.75rem;
  box-shadow: 2px 2px 5px var(--shadow);
}
._fanItem_1iuap_150:hover ._fanItem__icon_1iuap_170 {
  transform: scale(1.08);
}
._fanItem_1iuap_150:active ._fanItem__icon_1iuap_170 {
  transform: scale(0.95);
}

._fanItemSimple_1iuap_203 ._fanItem__icon_1iuap_170 {
  background-color: var(--btn-primary);
}

._fanItemCompound_1iuap_207 ._fanItem__icon_1iuap_170 {
  background-color: var(--question);
}

._fanMenuOpen_1iuap_211 {
  pointer-events: auto;
}
._fanMenuOpen_1iuap_211 ._fanItem_1iuap_150 {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
._fanMenuOpen_1iuap_211 ._fanItem_1iuap_150:nth-child(1) {
  transition-delay: 0ms;
}
._fanMenuOpen_1iuap_211 ._fanItem_1iuap_150:nth-child(2) {
  transition-delay: 60ms;
}

@media (prefers-reduced-motion: reduce) {
  ._fanItem_1iuap_150 {
    transition: opacity var(--motion-fast) var(--motion-ease);
    transform: none;
    transition-delay: 0ms !important;
  }
  ._fanMenuOpen_1iuap_211 ._fanItem_1iuap_150 {
    transform: none;
  }
}
._overlay_1iuap_236 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background: transparent;
  z-index: 9999;
  cursor: default;
  pointer-events: auto;
  border: none;
}._groupPage_1y3v5_1 {
  height: 100%;
  width: 100%;
}
._groupPage_1y3v5_1 ._wrapper_1y3v5_5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  ._groupPage_1y3v5_1 ._wrapper_1y3v5_5 {
    grid-template-columns: 1fr;
  }
}._actions_vqnsi_1 {
  --button-size: 2.5rem;
  --main-button-size: 3.125rem;
  --radius: 6rem;
  --button-gap: 3rem;
  position: fixed;
  bottom: 1rem;
}
._actions_vqnsi_1 ._plusButton_vqnsi_9 {
  position: relative;
  z-index: 3;
  background: var(--btn-primary);
  width: var(--main-button-size);
  height: var(--main-button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  box-shadow: 2px 2px 5px var(--shadow);
  user-select: none;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
._actions_vqnsi_1 ._plusButton_vqnsi_9 svg {
  color: white;
  width: 1.5rem;
  height: 1.5rem;
}
._actions_vqnsi_1 ._active_vqnsi_30 {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
  background-color: var(--add-btn);
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34 {
  position: absolute;
  background: var(--btn-primary);
  width: var(--button-size);
  height: var(--button-size);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  user-select: none;
  cursor: pointer;
  transform: scale(0) translate(0, 0);
  box-shadow: 2px 2px 5px var(--shadow);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.1s ease-in-out;
  opacity: 0;
  z-index: 2;
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34 svg {
  color: white;
  width: 1.3rem;
  height: 1.3rem;
}
._actions_vqnsi_1 ._actionBtn_vqnsi_34._visible_vqnsi_57 {
  opacity: 1;
  transform: scale(1) translate(var(--x), var(--y));
}

._invisibleBackground_vqnsi_62 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  z-index: 1;
  background-color: transparent;
  cursor: default;
}._scoreboard_za0a1_1 {
  background: var(--card-default);
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(65, 98, 134, 0.168627451);
  padding: var(--padding);
  margin-bottom: 1.5rem;
  transition: all 0.3s ease;
}
._scoreboard--looking-good_za0a1_9 {
  border-left: 4px solid var(--agree);
}
._scoreboard--under-discussion_za0a1_12 {
  border-left: 4px solid var(--accent);
}
._scoreboard--needs-fixing_za0a1_15 {
  border-left: 4px solid var(--reject);
}

._scoreboardHeader_za0a1_19 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._statusBadge_za0a1_26 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 500;
}
._scoreboard--looking-good_za0a1_9 ._statusBadge_za0a1_26 {
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
}
._scoreboard--under-discussion_za0a1_12 ._statusBadge_za0a1_26 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
}
._scoreboard--needs-fixing_za0a1_15 ._statusBadge_za0a1_26 {
  background: rgba(247, 74, 77, 0.1);
  color: var(--reject);
}

._statusIcon_za0a1_48 {
  font-size: 1.2rem;
  line-height: 1;
}

._statusText_za0a1_53 {
  font-weight: 500;
}

._scoreboardBody_za0a1_57 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._scoreDisplay_za0a1_63 {
  text-align: center;
}

._scoreValue_za0a1_67 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.25rem;
}
._scoreboard--looking-good_za0a1_9 ._scoreValue_za0a1_67 {
  color: var(--agree);
}
._scoreboard--under-discussion_za0a1_12 ._scoreValue_za0a1_67 {
  color: var(--accent);
}
._scoreboard--needs-fixing_za0a1_15 ._scoreValue_za0a1_67 {
  color: var(--reject);
}

._scoreLabel_za0a1_83 {
  font-size: 0.9rem;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._scoreInterpretation_za0a1_90 {
  text-align: center;
  font-size: 1rem;
  color: var(--text-body);
  padding: 0.75rem;
  background: var(--statementBackground);
  border-radius: 8px;
  line-height: 1.5;
}

._scoreboardFooter_za0a1_100 {
  margin-top: 1rem;
}

._scoreBar_za0a1_104 {
  height: 8px;
  background: var(--border-light);
  border-radius: 4px;
  overflow: visible;
  position: relative;
}

._scoreBarFill_za0a1_112 {
  height: 100%;
  background: linear-gradient(90deg, var(--agree), var(--approve));
  transition: width 0.5s ease;
  border-radius: 4px;
}
._scoreboard--needs-fixing_za0a1_15 ._scoreBarFill_za0a1_112 {
  background: linear-gradient(90deg, var(--reject), #ff6b6b);
}
._scoreboard--under-discussion_za0a1_12 ._scoreBarFill_za0a1_112 {
  background: linear-gradient(90deg, var(--accent), var(--question));
}

._thresholdMarker_za0a1_125 {
  position: absolute;
  top: -4px;
  width: 2px;
  height: 16px;
  background: var(--text-body);
  transform: translateX(-50%);
  border-radius: 1px;
}

._scoreBarLabels_za0a1_135 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-caption);
}
._scoreBarLabels_za0a1_135 ._thresholdLabel_za0a1_143 {
  position: absolute;
  left: 60%;
  transform: translateX(-50%);
  font-weight: 500;
  color: var(--text-body);
}

@media (max-width: 768px) {
  ._scoreValue_za0a1_67 {
    font-size: 2.5rem;
  }
  ._scoreInterpretation_za0a1_90 {
    font-size: 0.9rem;
  }
}._modalContainer_1dqlg_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  max-width: 600px;
  width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}

._modalHeader_1dqlg_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding);
  border-bottom: 1px solid var(--border-light);
}

._modalTitle_1dqlg_20 {
  margin: 0;
  font-size: var(--h3-font-size);
  color: var(--text-body);
}

._closeButton_1dqlg_26 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--text-caption);
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._closeButton_1dqlg_26:hover {
  background: var(--bg-hover);
  color: var(--text-body);
}

._modalBody_1dqlg_47 {
  padding: var(--padding);
  overflow-y: auto;
  flex: 1;
}

._formGroup_1dqlg_53 {
  margin-bottom: 1.5rem;
}

._label_1dqlg_57 {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-body);
  margin-bottom: 0.5rem;
}

._textarea_1dqlg_65 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  font-size: 1rem;
  font-family: inherit;
  line-height: 1.5;
  resize: vertical;
  transition: border-color 0.2s ease;
}
._textarea_1dqlg_65:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(124, 172, 248, 0.1);
}
._textarea_1dqlg_65:disabled {
  background: var(--bg-disabled);
  cursor: not-allowed;
}

._helperText_1dqlg_86 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  background: rgba(124, 172, 248, 0.05);
  border-left: 3px solid var(--accent);
  border-radius: 4px;
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.5;
}

._helperIcon_1dqlg_99 {
  font-size: 1.1rem;
  margin-right: 0.25rem;
}

._helperList_1dqlg_104 {
  margin: 0.5rem 0 0 1.5rem;
  padding: 0;
  list-style: disc;
}
._helperList_1dqlg_104 li {
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

._modalFooter_1dqlg_114 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: var(--padding);
  border-top: 1px solid var(--border-light);
}

._cancelButton_1dqlg_122,
._submitButton_1dqlg_123 {
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
._cancelButton_1dqlg_122:disabled,
._submitButton_1dqlg_123:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._cancelButton_1dqlg_122 {
  background: var(--card-default);
  color: var(--text-caption);
  border: 1px solid var(--border-light);
}
._cancelButton_1dqlg_122:hover:not(:disabled) {
  background: var(--bg-hover);
}

._submitButton_1dqlg_123 {
  background: var(--accent);
  color: white;
}
._submitButton_1dqlg_123:hover:not(:disabled) {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}

@media (max-width: 768px) {
  ._modalContainer_1dqlg_1 {
    width: 95vw;
    max-height: 95vh;
  }
  ._modalFooter_1dqlg_114 {
    flex-direction: column-reverse;
  }
  ._modalFooter_1dqlg_114 button {
    width: 100%;
  }
}._evidencePost_1mu1l_1 {
  background: var(--card-default);
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1);
  padding: var(--padding);
  margin-bottom: 1rem;
  transition: all 0.2s ease;
}
._evidencePost_1mu1l_1:hover {
  box-shadow: 0px 5px 10px rgba(115, 138, 191, 0.15);
  transform: translateY(-2px);
}
._evidencePost--support_1mu1l_13 {
  border-left: 3px solid var(--agree);
}
._evidencePost--challenge_1mu1l_16 {
  border-left: 3px solid var(--disagree);
}
._evidencePost--neutral_1mu1l_19 {
  border-left: 3px solid #ccc;
}

._evidenceHeader_1mu1l_23 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.75rem;
}

._badges_1mu1l_30 {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

._editButton_1mu1l_36 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0.25rem 0.5rem;
  transition: all 0.2s ease;
  opacity: 0.6;
}
._editButton_1mu1l_36:hover {
  opacity: 1;
  transform: scale(1.1);
}
._editButton_1mu1l_36:active {
  transform: scale(0.95);
}

._reevaluationNotice_1mu1l_53 {
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.1) 0%, rgba(87, 198, 178, 0.1) 100%);
  border-left: 3px solid var(--accent);
  padding: 0.75rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  animation: _fadeIn_1mu1l_1 0.3s ease-in-out;
}

@keyframes _fadeIn_1mu1l_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._noticeIcon_1mu1l_75 {
  font-size: 1.2rem;
  animation: _rotate_1mu1l_1 2s linear infinite;
}

@keyframes _rotate_1mu1l_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._noticeText_1mu1l_88 {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.4;
}

._typeBadge_1mu1l_94 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
._typeBadge--data_1mu1l_103 {
  background: rgba(71, 180, 239, 0.1);
  color: var(--question);
  border: 1px solid var(--question);
}
._typeBadge--testimony_1mu1l_108 {
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
  border: 1px solid var(--agree);
}
._typeBadge--argument_1mu1l_113 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
  border: 1px solid var(--accent);
}
._typeBadge--anecdote_1mu1l_118 {
  background: rgba(231, 208, 128, 0.1);
  color: var(--option);
  border: 1px solid var(--option);
}
._typeBadge--fallacy_1mu1l_123 {
  background: rgba(247, 74, 77, 0.1);
  color: var(--reject);
  border: 1px solid var(--reject);
}

._supportBadge_1mu1l_129 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.85rem;
  font-weight: 500;
}
._supportBadge--support_1mu1l_136 {
  background: rgba(87, 198, 178, 0.15);
  color: var(--agree);
}
._supportBadge--challenge_1mu1l_140 {
  background: rgba(254, 107, 162, 0.15);
  color: var(--disagree);
}
._supportBadge--neutral_1mu1l_144 {
  background: rgba(124, 172, 248, 0.1);
  color: var(--accent);
}

._evidenceContent_1mu1l_149 {
  margin-bottom: 1rem;
}
._evidenceContent_1mu1l_149 p {
  margin: 0;
  line-height: 1.5;
  color: var(--text-body);
  font-size: 1rem;
}

._evidenceLink_1mu1l_159 {
  color: var(--accent);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid var(--accent);
  transition: all 0.2s ease;
}
._evidenceLink_1mu1l_159:hover {
  color: var(--btn-primary);
  border-bottom-color: var(--btn-primary);
  text-decoration: none;
}
._evidenceLink_1mu1l_159:visited {
  color: var(--accent);
  opacity: 0.8;
}

._linkSummary_1mu1l_176 {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.05) 0%, rgba(87, 198, 178, 0.05) 100%);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
}

._linkSummaryHeader_1mu1l_184 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

._linkIcon_1mu1l_191 {
  font-size: 1rem;
}

._linkDomain_1mu1l_195 {
  font-size: 0.85rem;
  color: var(--text-caption);
  font-weight: 500;
}

._linkSummaryText_1mu1l_201 {
  margin: 0;
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.4;
  font-style: italic;
}

._evidenceFooter_1mu1l_209 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-light);
}

._votingButtons_1mu1l_217 {
  display: flex;
  gap: 0.5rem;
}

._voteButton_1mu1l_222 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 20px;
  background: var(--card-default);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
}
._voteButton_1mu1l_222:hover {
  background: var(--statementBackground);
  border-color: var(--accent);
}
._voteButtonActive_1mu1l_238 {
  background: var(--statementBackground);
  border-color: var(--accent);
  border-width: 2px;
}

._voteIcon_1mu1l_244 {
  font-size: 1rem;
  line-height: 1;
}

._voteCount_1mu1l_249 {
  font-weight: 500;
  min-width: 20px;
  text-align: center;
}

._netScore_1mu1l_255 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
}

._netScoreLabel_1mu1l_262 {
  color: var(--text-caption);
  font-weight: 400;
}

._netScoreValue_1mu1l_267 {
  font-weight: 500;
  color: var(--text-body);
}
._netScoreValuePositive_1mu1l_271 {
  color: var(--agree);
}
._netScoreValueNegative_1mu1l_274 {
  color: var(--disagree);
}

@media (max-width: 768px) {
  ._evidenceFooter_1mu1l_209 {
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
  }
  ._votingButtons_1mu1l_217 {
    width: 100%;
    justify-content: flex-start;
  }
}._evolutionPrompt_pl1rp_1 {
  background: linear-gradient(135deg, rgba(247, 74, 77, 0.05) 0%, rgba(255, 107, 162, 0.05) 100%);
  border: 2px solid var(--reject);
  border-radius: 8px;
  padding: 1.5rem;
  margin: 1.5rem 0;
  box-shadow: 0px 3px 6px rgba(247, 74, 77, 0.1);
}

._promptHeader_pl1rp_10 {
  margin-bottom: 1rem;
}

._aiGuide_pl1rp_14 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.75rem;
  background: var(--card-default);
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._aiIcon_pl1rp_24 {
  font-size: 1.2rem;
  line-height: 1;
}

._aiLabel_pl1rp_29 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--reject);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._promptBody_pl1rp_37 {
  margin-bottom: 1.5rem;
}

._promptTitle_pl1rp_41 {
  font-size: var(--h4-font-size);
  color: var(--text-body);
  margin: 0 0 1rem 0;
}

._challengeSummary_pl1rp_47 {
  font-size: 1rem;
  color: var(--text-body);
  line-height: 1.6;
  margin: 0 0 1rem 0;
  padding: 1rem;
  background: var(--card-default);
  border-radius: 8px;
  border-left: 4px solid var(--reject);
}

._evolutionExplanation_pl1rp_58 {
  font-size: 0.95rem;
  color: var(--text-caption);
  line-height: 1.5;
}
._evolutionExplanation_pl1rp_58 p {
  margin: 0;
}

._promptFooter_pl1rp_67 {
  display: flex;
  justify-content: center;
}

._evolveButton_pl1rp_72 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--reject);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(247, 74, 77, 0.3);
}
._evolveButton_pl1rp_72:hover {
  background: #e63e41;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(247, 74, 77, 0.4);
}
._evolveButton_pl1rp_72:active {
  transform: translateY(0);
}

._evolveIcon_pl1rp_96 {
  font-size: 1.2rem;
  line-height: 1;
}

@media (max-width: 768px) {
  ._evolutionPrompt_pl1rp_1 {
    padding: 1rem;
  }
  ._promptTitle_pl1rp_41 {
    font-size: var(--h5-font-size);
  }
  ._evolveButton_pl1rp_72 {
    width: 100%;
    justify-content: center;
  }
}._modalContainer_vofrt_1 {
  background: var(--card-default);
  border-radius: 0.5rem;
  max-width: 800px;
  width: 95vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 20px 50px rgba(33, 37, 54, 0.2);
}

._modalHeader_vofrt_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding);
  border-bottom: 1px solid var(--border-light);
}

._modalTitle_vofrt_20 {
  margin: 0;
  font-size: var(--h3-font-size);
  color: var(--text-body);
}

._closeButton_vofrt_26 {
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--text-caption);
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
}
._closeButton_vofrt_26:hover {
  background: var(--bg-hover);
  color: var(--text-body);
}

._modalBody_vofrt_47 {
  padding: var(--padding);
  overflow-y: auto;
  flex: 1;
}

._modalFooter_vofrt_53 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: var(--padding);
  border-top: 1px solid var(--border-light);
}

._loadingState_vofrt_61 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._spinner_vofrt_70 {
  width: 48px;
  height: 48px;
  border: 3px solid var(--border-light);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: _spin_vofrt_70 1s linear infinite;
  margin-bottom: 1.5rem;
}

@keyframes _spin_vofrt_70 {
  to {
    transform: rotate(360deg);
  }
}
._loadingMessage_vofrt_85 {
  font-size: 1.1rem;
  color: var(--text-body);
  animation: _fadeInOut_vofrt_1 2.5s ease-in-out infinite;
}

@keyframes _fadeInOut_vofrt_1 {
  0%, 100% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
}
._errorState_vofrt_99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._errorIcon_vofrt_108 {
  width: 48px;
  height: 48px;
  background: #fee2e2;
  color: #dc2626;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

._errorMessage_vofrt_122 {
  font-size: 1rem;
  color: #dc2626;
  margin-bottom: 1.5rem;
}

._retryButton_vofrt_128 {
  padding: 0.5rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
._retryButton_vofrt_128:hover {
  background: #6a9ae6;
}

._previewState_vofrt_142 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._comparisonSection_vofrt_148 {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border-light);
}
._comparisonSection_vofrt_148:last-of-type {
  border-bottom: none;
}

._sectionTitle_vofrt_156 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-body);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._diffView_vofrt_165 {
  display: flex;
  gap: 1rem;
  min-height: 200px;
}

._diffColumn_vofrt_171 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

._diffColumnTitle_vofrt_177 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-caption);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
}

._diffContent_vofrt_186 {
  flex: 1;
  padding: 1rem;
  background: var(--card-default);
  border-radius: 8px;
  border: 1px solid var(--border-light);
}
._diffContent_vofrt_186._improved_vofrt_193 {
  background: #f0fdf4;
  border-color: #86efac;
}

._diffText_vofrt_198 {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-body);
  white-space: pre-wrap;
}

._diffDivider_vofrt_206 {
  width: 2px;
  background: linear-gradient(180deg, transparent, var(--border-light), transparent);
}

._changesSection_vofrt_211 {
  padding: 1rem;
  background: rgba(124, 172, 248, 0.05);
  border-radius: 8px;
  border-left: 3px solid var(--accent);
}

._changesSectionTitle_vofrt_218 {
  margin: 0 0 0.75rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-body);
}

._changesList_vofrt_225 {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
  list-style: disc;
}

._changeItem_vofrt_231 {
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
  color: var(--text-body);
  line-height: 1.4;
}

._summary_vofrt_238 {
  margin: 0 0 0.75rem 0;
  font-size: 0.95rem;
  color: var(--text-body);
  line-height: 1.5;
}

._metadata_vofrt_245 {
  display: flex;
  gap: 1rem;
  font-size: 0.85rem;
  color: var(--text-caption);
}

._evidenceCount_vofrt_252,
._confidence_vofrt_253 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

._applyingState_vofrt_259 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}
._applyingState_vofrt_259 p {
  margin-top: 1rem;
  font-size: 1rem;
  color: var(--text-body);
}

._successState_vofrt_273 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  text-align: center;
}

._successIcon_vofrt_282 {
  width: 48px;
  height: 48px;
  background: #dcfce7;
  color: #16a34a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

._discardButton_vofrt_295,
._historyButton_vofrt_296,
._applyButton_vofrt_297,
._cancelButton_vofrt_298,
._revertButton_vofrt_299 {
  padding: 0.5rem 1.5rem;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
._discardButton_vofrt_295:disabled,
._historyButton_vofrt_296:disabled,
._applyButton_vofrt_297:disabled,
._cancelButton_vofrt_298:disabled,
._revertButton_vofrt_299:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._discardButton_vofrt_295,
._cancelButton_vofrt_298 {
  background: var(--card-default);
  color: var(--text-caption);
  border: 1px solid var(--border-light);
}
._discardButton_vofrt_295:hover:not(:disabled),
._cancelButton_vofrt_298:hover:not(:disabled) {
  background: var(--bg-hover);
}

._historyButton_vofrt_296 {
  background: var(--bg-disabled);
  color: var(--text-body);
}
._historyButton_vofrt_296:hover:not(:disabled) {
  background: var(--bg-hover);
}

._applyButton_vofrt_297 {
  background: #16a34a;
  color: white;
}
._applyButton_vofrt_297:hover:not(:disabled) {
  background: #15803d;
  box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3);
}

._revertButton_vofrt_299 {
  background: var(--accent);
  color: white;
}
._revertButton_vofrt_299:hover:not(:disabled) {
  background: #6a9ae6;
}

._versionHistoryContainer_vofrt_353 {
  background: var(--card-default);
  border-radius: 0.5rem;
  max-width: 600px;
  width: 95vw;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
}

._versionList_vofrt_363 {
  flex: 1;
  overflow-y: auto;
  padding: var(--padding);
}

._versionItem_vofrt_369 {
  padding: 1rem;
  margin-bottom: 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
._versionItem_vofrt_369:hover {
  background: var(--bg-hover);
}
._versionItem_vofrt_369._current_vofrt_380 {
  border-color: var(--accent);
  background: rgba(124, 172, 248, 0.05);
}
._versionItem_vofrt_369._selected_vofrt_384 {
  border-color: #16a34a;
  background: rgba(22, 163, 74, 0.05);
  box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
}

._versionHeader_vofrt_390 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

._versionNumber_vofrt_397 {
  font-weight: 600;
  color: var(--text-body);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._currentBadge_vofrt_405 {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  background: var(--accent);
  color: white;
  border-radius: 10px;
  font-weight: 500;
}

._versionDate_vofrt_414 {
  font-size: 0.85rem;
  color: var(--text-caption);
}

._versionMeta_vofrt_419 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

._changeType_vofrt_426 {
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 10px;
  font-weight: 500;
}
._changeType_vofrt_426._ai-improved_vofrt_432 {
  background: #dbeafe;
  color: #1d4ed8;
}
._changeType_vofrt_426._manual_vofrt_436 {
  background: var(--bg-disabled);
  color: var(--text-body);
}

._versionSummary_vofrt_441 {
  font-size: 0.85rem;
  color: var(--text-caption);
  font-style: italic;
}

._versionText_vofrt_447 {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 768px) {
  ._modalContainer_vofrt_1 {
    width: 100vw;
    max-height: 100vh;
    border-radius: 0;
  }
  ._diffView_vofrt_165 {
    flex-direction: column;
  }
  ._diffDivider_vofrt_206 {
    width: 100%;
    height: 2px;
  }
  ._modalFooter_vofrt_53 {
    flex-direction: column-reverse;
  }
  ._modalFooter_vofrt_53 button {
    width: 100%;
  }
  ._metadata_vofrt_245 {
    flex-direction: column;
    gap: 0.5rem;
  }
}
[dir=rtl] ._changesSection_vofrt_211 {
  border-left: none;
  border-right: 3px solid var(--accent);
}
[dir=rtl] ._changesList_vofrt_225 {
  margin: 0 1.25rem 1rem 0;
}._discussion_1jq08_1 {
  margin: 1.5rem 0;
  width: 100%;
}

._improveSection_1jq08_6 {
  margin: 1.5rem 0;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(124, 172, 248, 0.08) 0%, rgba(124, 172, 248, 0.15) 100%);
  border-radius: 12px;
  border: 1px solid rgba(124, 172, 248, 0.2);
  text-align: center;
}

._improveButton_1jq08_15 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  background: linear-gradient(135deg, var(--accent) 0%, #6a9ae6 100%);
  color: white;
  border: none;
  border-radius: 24px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(124, 172, 248, 0.35);
}
._improveButton_1jq08_15:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(124, 172, 248, 0.45);
}
._improveButton_1jq08_15:active {
  transform: translateY(0);
}

._improveIcon_1jq08_38 {
  font-size: 1.2rem;
  line-height: 1;
}

._improveHint_1jq08_43 {
  margin: 0.75rem 0 0 0;
  font-size: 0.875rem;
  color: var(--text-caption);
  line-height: 1.4;
}

._evidenceSection_1jq08_50 {
  margin-top: 2rem;
}

._evidenceHeader_1jq08_54 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid #f0f0f0;
}

._evidenceTitle_1jq08_63 {
  margin: 0;
  font-size: var(--h4-font-size);
  color: var(--text-body);
}

._addEvidenceButton_1jq08_69 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(124, 172, 248, 0.3);
}
._addEvidenceButton_1jq08_69:hover {
  background: #6a9ae6;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(124, 172, 248, 0.4);
}
._addEvidenceButton_1jq08_69:active {
  transform: translateY(0);
}

._addIcon_1jq08_93 {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
}

._evidenceList_1jq08_99 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._loadingState_1jq08_105 {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-caption);
}

._emptyState_1jq08_111 {
  text-align: center;
  padding: 3rem 1rem;
  background: var(--statementBackground);
  border-radius: 8px;
  margin-top: 1rem;
}

._emptyIcon_1jq08_119 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

._emptyTitle_1jq08_124 {
  margin: 0 0 0.5rem 0;
  font-size: var(--h4-font-size);
  color: var(--text-body);
}

._emptyText_1jq08_130 {
  margin: 0 0 1.5rem 0;
  color: var(--text-caption);
  line-height: 1.5;
}

._emptyStateButton_1jq08_136 {
  padding: 0.6rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
._emptyStateButton_1jq08_136:hover {
  background: #6a9ae6;
  box-shadow: 0 2px 6px rgba(124, 172, 248, 0.3);
}

@media (max-width: 768px) {
  ._evidenceHeader_1jq08_54 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  ._addEvidenceButton_1jq08_69 {
    width: 100%;
    justify-content: center;
  }
  ._emptyIcon_1jq08_119 {
    font-size: 2.5rem;
  }
  ._emptyStateButton_1jq08_136 {
    width: 100%;
  }
  ._improveSection_1jq08_6 {
    padding: 0.75rem;
  }
  ._improveButton_1jq08_15 {
    width: 100%;
    justify-content: center;
  }
}._new-pill_1wwdk_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: sticky;
  top: 0;
  z-index: 1;
  width: fit-content;
  margin: 0 auto 0.5rem;
  padding: 0.5rem 1.2rem;
  border: none;
  border-radius: 20px;
  background: var(--btn-primary, #5f88e5);
  color: var(--white, #fff);
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.35);
  white-space: nowrap;
  width: fit-content;
  animation: _pill-enter_1wwdk_1 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
._new-pill_1wwdk_1:hover {
  background: var(--btn-primary-hover, #80a0ea);
}
._new-pill_1wwdk_1:active {
  background: var(--btn-primary-selected, #285edc);
  transform: scale(0.97);
}
._new-pill_1wwdk_1:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._new-pill__icon_1wwdk_37 {
  font-size: 16px;
  line-height: 1;
}
._new-pill__text_1wwdk_41 {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
}
._new-pill__count_1wwdk_46 {
  display: inline-block;
  font-weight: 600;
  transition: transform 200ms ease-out;
}
._new-pill__count--bump_1wwdk_51 {
  animation: _count-bump_1wwdk_1 250ms ease-out;
}
._new-pill__chevron_1wwdk_54 {
  font-size: 16px;
  line-height: 1;
  opacity: 0.8;
}

@keyframes _pill-enter_1wwdk_1 {
  from {
    opacity: 0;
    transform: translateY(-12px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes _count-bump_1wwdk_1 {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._new-pill_1wwdk_1 {
    animation: none;
  }
  ._new-pill__count--bump_1wwdk_51 {
    animation: none;
  }
}._collapse-toggle_kg8b1_1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: none;
  color: var(--text-secondary, #999);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
._collapse-toggle_kg8b1_1:hover {
  background: var(--card-default, #f5f5f5);
  color: var(--text-body, #444);
}
._collapse-toggle_kg8b1_1:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
._collapse-toggle__icon_kg8b1_23 {
  font-size: 0.6rem;
  transition: transform 0.15s ease;
}
._collapse-toggle--expanded_kg8b1_27 ._collapse-toggle__icon_kg8b1_23 {
  transform: rotate(90deg);
}._tree-node_10me4_1 {
  --tree-indent: 24px;
  position: relative;
}
._tree-node__content_10me4_5 {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 2px;
  padding-inline-start: calc(var(--tree-indent) * var(--depth, 0));
}
._tree-node__toggle_10me4_12 {
  flex-shrink: 0;
  padding-top: 10px;
}
._tree-node__toggle-placeholder_10me4_16 {
  flex-shrink: 0;
  width: 24px;
}
._tree-node__children_10me4_20 {
  position: relative;
  margin-inline-start: 0;
}
._tree-node__dive-in_10me4_24 {
  padding-inline-start: calc(var(--tree-indent) * (var(--depth, 0) + 1));
  padding-top: 2px;
  padding-bottom: 4px;
}
._tree-node__dive-in-btn_10me4_29 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border: 1px dashed var(--border-color, #ccc);
  border-radius: 6px;
  background: none;
  color: var(--btn-primary, #5f88e5);
  font-size: 0.8rem;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
._tree-node__dive-in-btn_10me4_29:hover {
  background: var(--card-default, #f5f5f5);
}
._tree-node__dive-in-btn_10me4_29:focus-visible {
  outline: 2px solid var(--btn-primary, #5f88e5);
  outline-offset: 2px;
}
@media (max-width: 600px) {
  ._tree-node_10me4_1 {
    --tree-indent: 20px;
  }
}._banner_12bnw_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(90deg, rgba(76, 175, 80, 0.12), rgba(76, 175, 80, 0.06));
  border: 1px solid rgba(76, 175, 80, 0.3);
  border-radius: 10px;
  margin: 0.75rem 0;
}
._banner__message_12bnw_12 {
  flex: 1;
  font-size: 0.9rem;
  line-height: 1.4;
}
._banner__over_12bnw_17 {
  color: var(--reject, #d64545);
  font-weight: 500;
}
._banner__actions_12bnw_21 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
._banner__dismiss_12bnw_26 {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
  color: var(--text-secondary, #6b7280);
}
._banner__dismiss_12bnw_26:hover {
  background: rgba(0, 0, 0, 0.06);
}

._modal__intro_12bnw_41 {
  margin: 0 0 1rem;
  color: var(--text-body, #222);
  font-size: 0.95rem;
}
._modal__list_12bnw_46 {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
._modal__item_12bnw_54 {
  padding: 0;
}
._modal__label_12bnw_57 {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border-color, #e3e7ee);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
._modal__label_12bnw_57:hover:not(._modal__label--disabled_12bnw_67) {
  border-color: var(--btn-primary, #5f88e5);
  background: rgba(95, 136, 229, 0.04);
}
._modal__label--disabled_12bnw_67 {
  opacity: 0.5;
  cursor: not-allowed;
}
._modal__label_12bnw_57 input[type=checkbox] {
  margin-top: 0.2rem;
}
._modal__label_12bnw_57 span {
  flex: 1;
  font-size: 0.92rem;
}
._modal__counter_12bnw_82 {
  margin: 0;
  text-align: end;
  font-size: 0.85rem;
  color: var(--text-secondary, #6b7280);
}._banner_1mgto_1 {
  position: relative;
  padding: 0.85rem 2.5rem 0.85rem 1rem;
  background: rgba(234, 179, 8, 0.08);
  border: 1px solid rgba(234, 179, 8, 0.3);
  border-radius: 10px;
  margin: 0.75rem 0;
}
._banner__message_1mgto_9 {
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--text-body, #222);
}
._banner__list_1mgto_14 {
  margin: 0.6rem 0 0;
  padding-inline-start: 1.2rem;
  font-size: 0.88rem;
}
._banner__list_1mgto_14 li {
  margin: 0.2rem 0;
}
._banner__list_1mgto_14 a {
  color: var(--btn-primary, #5f88e5);
  text-decoration: none;
}
._banner__list_1mgto_14 a:hover {
  text-decoration: underline;
}
._banner__dismiss_1mgto_29 {
  position: absolute;
  top: 0.5rem;
  inset-inline-end: 0.5rem;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
  color: var(--text-secondary, #6b7280);
}
._banner__dismiss_1mgto_29:hover {
  background: rgba(0, 0, 0, 0.06);
}._tree-view_1tiok_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--wrapper-max-width);
  margin: 0 auto;
  flex: 1;
  min-height: 0;
}
._tree-view__list_1tiok_10 {
  position: relative;
  padding: var(--padding, 16px);
  padding-bottom: var(--page-bottom-clearance);
  flex: 1;
}
._tree-view__empty_1tiok_16 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--text-secondary, #999);
  font-size: 0.9rem;
}
._tree-view__empty-state_1tiok_24 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  gap: 8px;
}
._tree-view__empty-title_1tiok_33 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-title, #333);
}
._tree-view__empty-subtitle_1tiok_39 {
  margin: 0;
  font-size: 0.85rem;
  color: var(--text-secondary, #999);
  max-width: 280px;
}
._tree-view__input_1tiok_45 {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 90vw;
  max-width: var(--wrapper-max-width);
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._tree-view__input_1tiok_45 {
    width: 100%;
    max-width: 100%;
  }
}
._tree-view__bottom-nav_1tiok_61 {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  max-width: var(--wrapper-max-width);
  width: 90vw;
  min-height: 6rem;
  box-sizing: border-box;
}
@media screen and (max-width: 600px) {
  ._tree-view__bottom-nav_1tiok_61 {
    width: 100%;
    max-width: 100%;
  }
}._compoundWrapper_1v3ms_1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  padding-bottom: 1rem;
}

._phaseSummaryStripActive_1v3ms_9 {
  border-inline-end-color: var(--btn-primary);
  border-color: rgba(95, 136, 229, 0.25);
}
._phaseSummaryStripActive_1v3ms_9:hover {
  background: rgba(95, 136, 229, 0.06);
}

._phaseSummaryIconActive_1v3ms_17 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--btn-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  flex-shrink: 0;
}

._phaseSectionCompleted_1v3ms_31 {
  border-radius: 12px;
  overflow: hidden;
}

._phaseSummaryStrip_1v3ms_9 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.75rem 1rem;
  background: var(--card-default, #f3f3f3);
  border: none;
  border-inline-end: 4px solid var(--agree);
  border-radius: 12px;
  cursor: pointer;
  text-align: start;
  font-family: inherit;
  transition: background 0.15s ease, transform 0.1s ease;
}
._phaseSummaryStrip_1v3ms_9:hover {
  background: rgba(87, 198, 178, 0.08);
}
._phaseSummaryStrip_1v3ms_9:active {
  transform: scale(0.99);
}
._phaseSummaryStrip_1v3ms_9:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._phaseSummaryIcon_1v3ms_17 {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--agree);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
}

._phaseSummaryContent_1v3ms_76 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

._phaseSummaryTitle_1v3ms_84 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._phaseSummarySubtext_1v3ms_94 {
  font-size: 0.72rem;
  color: var(--text-caption);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._phaseSummaryChevron_1v3ms_102 {
  color: var(--text-caption);
  flex-shrink: 0;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  transform: rotate(-90deg);
}
[dir=rtl] ._phaseSummaryChevron_1v3ms_102 {
  transform: rotate(90deg);
}

._phaseSummaryChevronOpen_1v3ms_114 {
  transform: rotate(0deg) !important;
}

._phaseSectionContent_1v3ms_118 {
  padding: 1rem;
  padding-top: 0.75rem;
  background: var(--card-default);
  border-radius: 0 0 12px 12px;
  border: 1px solid var(--border-light);
  border-top: none;
  margin-top: -4px;
  box-shadow: 0 4px 12px rgba(0, 74, 198, 0.04);
}

._facilitatorBrief_1v3ms_129 {
  font-size: 0.88rem;
  color: var(--text-body);
  line-height: 1.6;
  margin: 0;
  white-space: pre-wrap;
}

._facilitatorBriefEditable_1v3ms_137 {
  cursor: pointer;
  padding: 0.4rem 0.5rem;
  border-radius: 8px;
  transition: background 0.15s ease;
}
._facilitatorBriefEditable_1v3ms_137:hover {
  background: rgba(95, 136, 229, 0.06);
}

._facilitatorEdit_1v3ms_147 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

._facilitatorTextarea_1v3ms_153 {
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--btn-primary);
  border-radius: 8px;
  font-size: 0.88rem;
  font-family: inherit;
  color: var(--text-body);
  background: var(--card-default);
  resize: none;
  overflow: hidden;
  text-align: start;
  line-height: 1.6;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._facilitatorTextarea_1v3ms_153:focus {
  outline: none;
}
._facilitatorTextarea_1v3ms_153::placeholder {
  color: var(--text-caption);
}

._facilitatorEditActions_1v3ms_176 {
  display: flex;
  gap: 0.35rem;
  justify-content: flex-start;
}

._facilitatorSaveBtn_1v3ms_182,
._facilitatorCancelBtn_1v3ms_183 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.15s ease;
}
._facilitatorSaveBtn_1v3ms_182:hover,
._facilitatorCancelBtn_1v3ms_183:hover {
  opacity: 0.85;
}

._facilitatorSaveBtn_1v3ms_182 {
  background: var(--agree);
  color: white;
}

._facilitatorCancelBtn_1v3ms_183 {
  background: var(--border-light);
  color: var(--text-body);
}

._lockButton_1v3ms_210 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 10px;
  background: var(--card-default);
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-body);
  cursor: pointer;
  text-align: start;
  transition: background 0.15s ease, border-color 0.15s ease;
}
._lockButton_1v3ms_210:hover {
  background: rgba(95, 136, 229, 0.04);
  border-color: var(--btn-primary);
}
._lockButton_1v3ms_210:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._lockButtonLocked_1v3ms_236 {
  border-color: var(--agree);
  background: rgba(87, 198, 178, 0.05);
}
._lockButtonLocked_1v3ms_236:hover {
  background: rgba(87, 198, 178, 0.1);
  border-color: var(--agree);
}

._lockButtonIcon_1v3ms_245 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  color: inherit;
}

._phase_1v3ms_9 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._phaseHeader_1v3ms_258 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

._phaseTitle_1v3ms_265 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 0;
}

._phaseDescription_1v3ms_272 {
  font-size: 0.78rem;
  color: var(--text-caption);
  margin: 0;
  line-height: 1.4;
}

._subQuestionList_1v3ms_279 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._subQuestionListTitle_1v3ms_285 {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-body);
  margin: 0;
}

._subQuestionItem_1v3ms_292 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._emptyMessage_1v3ms_298 {
  font-size: 0.82rem;
  color: var(--text-caption);
  text-align: center;
  padding: 1.25rem 0.75rem;
  margin: 0;
}

._addButton_1v3ms_306 {
  display: flex;
  justify-content: center;
  padding: 0.15rem 0;
}

._addRow_1v3ms_312 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

._addButtonDashed_1v3ms_318 {
  width: 100%;
  min-height: 2.75rem;
  border: 2px dashed var(--border-light);
  border-radius: 12px;
  background: transparent;
  color: var(--text-caption);
  font-family: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
._addButtonDashed_1v3ms_318:hover {
  border-color: var(--btn-primary);
  color: var(--btn-primary);
  background: rgba(95, 136, 229, 0.04);
}
._addButtonDashed_1v3ms_318:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._toggleButton_1v3ms_345 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  border: 2px dashed var(--border-light);
  border-radius: 10px;
  background: var(--card-default);
  color: var(--text-caption);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
._toggleButton_1v3ms_345:hover {
  border-color: var(--btn-primary);
  color: var(--btn-primary);
}
._toggleButton_1v3ms_345:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._toggleButtonActive_1v3ms_368 {
  border-color: var(--agree);
  color: var(--agree);
  background: rgba(87, 198, 178, 0.05);
  border-style: solid;
}
._toggleButtonActive_1v3ms_368:hover {
  background: rgba(87, 198, 178, 0.1);
}

._solutionsList_1v3ms_378 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._solutionCard_1v3ms_384 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1.1rem;
  background: var(--card-default);
  border-radius: 14px;
  border: 1px solid var(--border-light);
  border-inline-end: 5px solid var(--agree);
  gap: 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 74, 198, 0.06);
  transition: box-shadow 0.15s ease, transform 0.1s ease;
}
._solutionCard_1v3ms_384:hover {
  box-shadow: 0 6px 16px rgba(0, 74, 198, 0.1);
}
._solutionCard_1v3ms_384:active {
  transform: scale(0.995);
}
@media (max-width: 600px) {
  ._solutionCard_1v3ms_384 {
    flex-direction: column;
    align-items: flex-start;
  }
}

._solutionContent_1v3ms_410 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
}

._solutionTitle_1v3ms_418 {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 0;
  line-height: 1.4;
}

._solutionConsensus_1v3ms_426 {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
  border-radius: 12px;
  font-size: 0.72rem;
  font-weight: 700;
  width: fit-content;
}

._solutionActions_1v3ms_438 {
  flex-shrink: 0;
}

._sentBadge_1v3ms_442 {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0.2rem 0.6rem;
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
}

._topSuggestion_1v3ms_454 {
  padding: 0.75rem 1rem;
  background: rgba(87, 198, 178, 0.05);
  border-radius: 12px;
  border-inline-end: 4px solid var(--agree);
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

._topSuggestionLabel_1v3ms_464 {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--agree);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

._topSuggestionText_1v3ms_472 {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}

._topSuggestionConsensus_1v3ms_479 {
  font-size: 0.72rem;
  color: var(--text-caption);
}

._scopeSection_1v3ms_484 {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

._scopeLabel_1v3ms_490 {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-body);
}

._scopeTextarea_1v3ms_496 {
  width: 100%;
  min-height: 3.5rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border-light);
  border-radius: 10px;
  font-size: 0.82rem;
  font-family: inherit;
  color: var(--text-body);
  background: var(--card-default);
  resize: vertical;
  text-align: start;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
._scopeTextarea_1v3ms_496:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._scopeTextarea_1v3ms_496::placeholder {
  color: var(--text-caption);
}

._scopeText_1v3ms_496 {
  padding: 0.6rem 0.75rem;
  background: var(--card-default);
  border-radius: 10px;
  border: 1px solid var(--border-light);
  font-size: 0.82rem;
  color: var(--text-body);
  white-space: pre-wrap;
  margin: 0;
}

._saveIndicator_1v3ms_530 {
  font-size: 0.72rem;
  color: var(--text-caption);
  font-style: italic;
}

._saveIndicatorSuccess_1v3ms_536 {
  color: var(--agree);
  font-style: normal;
}

._saveIndicatorError_1v3ms_541 {
  color: var(--against);
  font-style: normal;
}

._discussionSection_1v3ms_546 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem;
  margin-top: 0.25rem;
  background: var(--card-default, #f3f3f3);
  border-radius: 12px;
}

._discussionTitle_1v3ms_556 {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--text-body);
  margin: 0;
}

._discussionActions_1v3ms_563 {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding-top: 0.25rem;
}
@media (max-width: 600px) {
  ._discussionActions_1v3ms_563 {
    flex-direction: column;
  }
}

._discussionLink_1v3ms_575,
._copyLinkBtn_1v3ms_576,
._createDiscussionBtn_1v3ms_577 {
  min-height: 2.5rem;
  padding: 0.45rem 1rem;
  border-radius: 9999px;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: opacity 0.15s ease, background 0.15s ease, transform 0.1s ease;
}
._discussionLink_1v3ms_575:active,
._copyLinkBtn_1v3ms_576:active,
._createDiscussionBtn_1v3ms_577:active {
  transform: scale(0.97);
}
._discussionLink_1v3ms_575:focus-visible,
._copyLinkBtn_1v3ms_576:focus-visible,
._createDiscussionBtn_1v3ms_577:focus-visible {
  outline: 2px solid var(--btn-primary);
  outline-offset: 2px;
}

._discussionLink_1v3ms_575 {
  background: var(--btn-primary);
  color: white;
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.2);
}
._discussionLink_1v3ms_575:hover {
  opacity: 0.9;
}

._copyLinkBtn_1v3ms_576 {
  background: transparent;
  color: var(--text-caption);
  border: 1px solid var(--border-light);
}
._copyLinkBtn_1v3ms_576:hover {
  background: rgba(95, 136, 229, 0.06);
  color: var(--btn-primary);
  border-color: var(--btn-primary);
}

._createDiscussionBtn_1v3ms_577 {
  background: var(--btn-primary);
  color: white;
  box-shadow: 0 4px 12px rgba(95, 136, 229, 0.2);
}
._createDiscussionBtn_1v3ms_577:hover {
  opacity: 0.9;
}
._createDiscussionBtn_1v3ms_577:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}

._promotedNote_1v3ms_633 {
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.5rem;
  background: rgba(87, 198, 178, 0.1);
  color: var(--agree);
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
  width: fit-content;
  margin: 0;
}

._phaseSummary_1v3ms_9 {
  padding: 0.5rem 0.6rem;
  background: var(--card-default);
  border-radius: 8px;
  font-size: 0.85rem;
  color: var(--text-body);
}._container_1r2hp_1 {
  display: flex;
  gap: 0.5rem;
  padding: 0.5rem 0;
  width: 100%;
  max-width: 40rem;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  align-items: center;
}

@media screen and (max-width: 600px) {
  ._container_1r2hp_1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
._userItem_1r2hp_19 {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}
._userItem_1r2hp_19:hover {
  transform: scale(1.1);
}

._avatar_1r2hp_28 {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
._avatar_1r2hp_28._activeRing_1r2hp_37 {
  border: 1px solid green;
}

._avatarImage_1r2hp_41 {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

._avatarDefault_1r2hp_49 {
  background: linear-gradient(135deg, #60a5fa, #a855f7);
}

._initial_1r2hp_53 {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--card-default);
}._container_elrb8_1 {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
}

._questionSection_elrb8_7 {
  margin-bottom: 1.25rem;
}

._questionTitle_elrb8_11 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-title);
  margin: 0 0 1rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  line-height: 1.4;
}

._required_elrb8_22 {
  color: var(--text-error);
  font-weight: 600;
  line-height: 1;
}

._errorMessage_elrb8_28 {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  color: var(--text-error);
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
._errorMessage_elrb8_28::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--text-error);
  border-radius: 50%;
}

._textInput_elrb8_44, ._textareaInput_elrb8_44 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  font-size: 1rem;
  background-color: var(--card-default);
  color: var(--text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
._textInput_elrb8_44:focus, ._textareaInput_elrb8_44:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}
._textInput_elrb8_44::placeholder, ._textareaInput_elrb8_44::placeholder {
  color: var(--text-disabled);
}

._textareaInput_elrb8_44 {
  resize: vertical;
  min-height: 6rem;
  line-height: 1.5;
}

._optionsContainer_elrb8_70 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

._optionLabel_elrb8_76 {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  background-color: var(--card-default);
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  gap: 0.875rem;
  margin: 0;
}
._optionLabel_elrb8_76:hover {
  border-color: var(--btn-primary-hover);
  background-color: rgba(95, 136, 229, 0.04);
}
._optionLabel_elrb8_76:has(._radioInput_elrb8_92:checked), ._optionLabel_elrb8_76:has(._checkboxInput_elrb8_92:checked) {
  border-color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._optionLabel_elrb8_76:has(._radioInput_elrb8_92:checked) ._optionText_elrb8_97, ._optionLabel_elrb8_76:has(._checkboxInput_elrb8_92:checked) ._optionText_elrb8_97 {
  color: var(--text-title);
  font-weight: 500;
}

._optionLabelSelected_elrb8_102 {
  border-color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.1);
}
._optionLabelSelected_elrb8_102 ._optionText_elrb8_97 {
  color: var(--text-title);
  font-weight: 500;
}

._radioInput_elrb8_92 {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 50%;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin: 0;
}
._radioInput_elrb8_92:checked {
  border-color: var(--btn-primary);
  background-color: var(--card-default);
}
._radioInput_elrb8_92:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--btn-primary);
  border-radius: 50%;
}
._radioInput_elrb8_92:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.3);
}

._checkboxInput_elrb8_92 {
  appearance: none;
  -webkit-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  min-width: 1.25rem;
  border: 2px solid var(--border-primary);
  border-radius: 4px;
  background-color: var(--card-default);
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  margin: 0;
}
._checkboxInput_elrb8_92:checked {
  border-color: var(--btn-primary);
  background-color: var(--btn-primary);
}
._checkboxInput_elrb8_92:checked::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.3rem;
  height: 0.55rem;
  border: solid white;
  border-width: 0 2px 2px 0;
}
._checkboxInput_elrb8_92:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.3);
}

._optionText_elrb8_97 {
  font-size: 0.9375rem;
  color: var(--text-body);
  line-height: 1.4;
  transition: color 0.2s ease, font-weight 0.2s ease;
}

._selectedInput_elrb8_187 {
  color: var(--text-title);
  font-weight: 500;
}

._otherOptionWrapper_elrb8_192 {
  display: flex;
  flex-direction: column;
}

._otherOptionLabel_elrb8_197 {
  border-style: dashed;
}

._otherInputWrapper_elrb8_201 {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.2s ease, opacity 0.2s ease;
  padding: 0 0.25rem;
}

._otherInputVisible_elrb8_209 {
  max-height: 120px;
  opacity: 1;
  padding: 0.5rem 0.25rem 0;
}

._otherTextInput_elrb8_215 {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid var(--border-primary);
  border-radius: 8px;
  font-size: 0.9375rem;
  background-color: var(--card-default);
  color: var(--text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
._otherTextInput_elrb8_215:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}
._otherTextInput_elrb8_215::placeholder {
  color: var(--text-disabled);
}

._otherTextInputError_elrb8_235 {
  border-color: var(--text-error);
}
._otherTextInputError_elrb8_235:focus {
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.15);
}

._otherErrorMessage_elrb8_242 {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.8125rem;
  color: var(--text-error);
}

@media (prefers-reduced-motion: reduce) {
  ._otherInputWrapper_elrb8_201 {
    transition: none;
  }
}
._dropdownSelect_elrb8_254 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 2px solid var(--border-primary);
  border-radius: 10px;
  font-size: 1rem;
  background-color: var(--card-default);
  color: var(--text-body);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
  cursor: pointer;
  appearance: auto;
}
._dropdownSelect_elrb8_254:focus {
  outline: none;
  border-color: var(--btn-primary);
  box-shadow: 0 0 0 3px rgba(95, 136, 229, 0.15);
}@keyframes _fadeInUp_jtuo5_1 {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _slideInFromTop_jtuo5_1 {
  from {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._userDemographicContainer_jtuo5_21 {
  height: 100svh;
  width: 100vw;
  position: relative;
  background: var(--surface-background);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  animation: _fadeInUp_jtuo5_1 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._userDemographicContainer_jtuo5_21 ._surveyBody_jtuo5_33 {
  width: min(92%, 540px);
  max-width: 100%;
  margin: 0 auto;
  padding: 1.5rem var(--padding) 8rem;
  background: var(--card-default);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(115, 138, 191, 0.08);
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_jtuo5_21 ._surveyBody_jtuo5_33 {
    width: min(85%, 600px);
    padding: 2rem 2.5rem 8rem;
    margin-top: 3rem;
    border-radius: 16px;
  }
}
._userDemographicContainer_jtuo5_21 ._button_jtuo5_52 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(242, 246, 255, 0) 0%, rgba(242, 246, 255, 0.95) 30%, var(--surface-background) 50%);
  padding: 1.5rem var(--padding) calc(env(safe-area-inset-bottom, 0px) + 1.5rem);
  display: flex;
  justify-content: center;
  z-index: 100;
}
._userDemographicContainer_jtuo5_21 ._button_jtuo5_52 button {
  min-width: 240px;
  padding: 0.875rem 2rem;
  font-size: var(--p-font-size);
  font-weight: 600;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_jtuo5_21 ._button_jtuo5_52 button {
    min-width: 280px;
    padding: 1rem 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_jtuo5_21 ._button_jtuo5_52 {
    background: var(--surface-background);
    padding-top: 1.5rem;
  }
}
._userDemographicContainer_jtuo5_21 ._title_jtuo5_82 {
  font-size: var(--h3-font-size);
  font-weight: 600;
  color: var(--text-title);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_jtuo5_21 ._title_jtuo5_82 {
    font-size: var(--h2-font-size);
  }
}
._userDemographicContainer_jtuo5_21 ._description_jtuo5_95 {
  font-size: var(--p-font-size);
  color: var(--text-caption);
  margin: 0 0 2rem 0;
  line-height: 1.5;
  text-align: center;
}
._userDemographicContainer_jtuo5_21 form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
._userDemographicContainer_jtuo5_21 ._questionSection_jtuo5_107 {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  background-color: var(--surface-background);
  border-radius: 12px;
  border: 1px solid var(--border-primary);
  position: relative;
}
._userDemographicContainer_jtuo5_21 ._questionSection_jtuo5_107::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 4px;
  background: var(--btn-primary);
  border-radius: 0 4px 4px 0;
}
._userDemographicContainer_jtuo5_21 ._questionSection_jtuo5_107 ._sectionTitle_jtuo5_125 {
  font-size: var(--h5-font-size);
  font-weight: 600;
  color: var(--text-title);
  margin: 0 0 0.375rem 0;
  padding-left: 0.75rem;
}
._userDemographicContainer_jtuo5_21 ._questionSection_jtuo5_107 ._sectionDescription_jtuo5_132 {
  font-size: var(--small-font-size);
  color: var(--text-caption);
  margin: 0 0 1.25rem 0;
  line-height: 1.5;
  padding-left: 0.75rem;
}
@media screen and (min-width: 768px) {
  ._userDemographicContainer_jtuo5_21 ._questionSection_jtuo5_107 {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
}

._topNavSurvey_jtuo5_146 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
  margin-bottom: 0.5rem;
  min-height: 3rem;
}
._topNavSurvey_jtuo5_146 svg {
  width: 2rem;
  height: 2rem;
  color: var(--text-caption);
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
  padding: 0.25rem;
  border-radius: 50%;
}
._topNavSurvey_jtuo5_146 svg:hover {
  color: var(--btn-primary);
  background-color: rgba(95, 136, 229, 0.08);
}
._topNavSurvey_jtuo5_146 ._XBtn_jtuo5_167 {
  width: 1.75rem;
  height: 1.75rem;
}
._topNavSurvey_jtuo5_146 ._XBtn_jtuo5_167:hover {
  color: var(--text-error);
  background-color: rgba(247, 74, 77, 0.08);
}

._progressContainer_jtuo5_176 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  padding: 0;
}

._progressBar_jtuo5_184 {
  flex: 1;
  height: 6px;
  background-color: var(--border-primary);
  border-radius: 3px;
  overflow: hidden;
}

._progressFill_jtuo5_192 {
  height: 100%;
  background: linear-gradient(90deg, var(--btn-primary) 0%, var(--agree) 100%);
  border-radius: 3px;
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

._progressText_jtuo5_199 {
  font-size: var(--small-font-size);
  color: var(--text-caption);
  white-space: nowrap;
  min-width: fit-content;
}

@media (prefers-reduced-motion: reduce) {
  ._userDemographicContainer_jtuo5_21,
  ._userDemographicContainer_jtuo5_21 * {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}
@media (prefers-contrast: high) {
  ._userDemographicContainer_jtuo5_21 ._surveyBody_jtuo5_33 {
    border: 2px solid var(--text-title);
  }
  ._userDemographicContainer_jtuo5_21 ._title_jtuo5_82 {
    color: var(--text-title-contrast);
  }
  ._userDemographicContainer_jtuo5_21 ._description_jtuo5_95 {
    color: var(--text-body-contrast);
  }
}
._spacer_jtuo5_224 {
  flex: 1;
}._followMeToast_rllsh_1 {
  width: fit-content;
  background-color: var(--alert);
  color: white;
  top: 10rem;
  position: absolute;
  left: 50%;
  padding: 1rem 2rem;
  border-radius: 5px;
  transform: translate(-50%, 1rem);
  display: flex;
  gap: 1rem;
  stroke: yellow;
  user-select: none;
  cursor: pointer;
  transition: transform var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease);
  z-index: 1000;
  animation: _followMeIn_rllsh_1 var(--motion-base) var(--motion-ease) both;
}
._followMeToast--user_rllsh_20 {
  top: 0;
  transform: translate(-50%, 0.5rem);
}
._followMeToast_rllsh_1 div {
  display: flex;
  align-items: center;
}
._followMeToast--power_rllsh_28 {
  background-color: var(--disagree);
  outline: 2px solid var(--white);
  outline-offset: 2px;
}

@keyframes _followMeIn_rllsh_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}._contentRoot_ao45c_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._content_ao45c_1 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
._content--locked_ao45c_16 {
  pointer-events: none;
}

._content__scrim_ao45c_20 {
  position: absolute;
  inset: 0;
  z-index: 5;
  background-color: var(--card-default);
  opacity: 0.65;
  pointer-events: auto;
}._banner_1xqax_1 {
  background: var(--card-default, #fff);
  border-radius: 16px;
  padding: 2rem;
  max-width: 440px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._icon_1xqax_12 {
  font-size: 2.5rem;
  line-height: 1;
}

._title_1xqax_17 {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-heading, #1a202c);
  margin: 0;
}

._message_1xqax_24 {
  font-size: 0.95rem;
  color: var(--text-body, #4a5568);
  line-height: 1.5;
  margin: 0;
}

._privacy_1xqax_31 {
  font-size: 0.85rem;
  color: var(--agree, #48bb78);
  font-weight: 600;
  margin: 0;
}

._optOut_1xqax_38 {
  font-size: 0.8rem;
  color: var(--text-muted, #a0aec0);
  margin: 0;
}

._buttons_1xqax_44 {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 0.5rem;
}

._consentBtn_1xqax_51 {
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 10px;
  background: var(--btn-primary, #5f88e5);
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: opacity 0.2s;
}
._consentBtn_1xqax_51:hover {
  opacity: 0.9;
}

._declineBtn_1xqax_66 {
  padding: 0.6rem 1.5rem;
  border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 10px;
  background: transparent;
  color: var(--text-body, #4a5568);
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.2s;
}
._declineBtn_1xqax_66:hover {
  background: var(--bg-muted, #f7fafc);
}._statementError_1v4hu_1 {
  width: 100%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--padding) * 2) var(--padding);
  position: relative;
}
._statementError__container_1v4hu_10 {
  width: 100%;
  max-width: 500px;
  position: relative;
}
._statementError__pattern_1v4hu_15 {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  height: 400px;
  opacity: 0.1;
  background-image: repeating-linear-gradient(45deg, var(--question), var(--question) 10px, transparent 10px, transparent 20px);
  border-radius: 50%;
  pointer-events: none;
}
._statementError__card_1v4hu_27 {
  background: var(--card-default);
  border: 1px solid rgba(71, 180, 239, 0.15);
  border-radius: 16px;
  padding: 2rem;
  position: relative;
  box-shadow: 0px 2px 4px rgba(115, 138, 191, 0.08), 0px 8px 12px rgba(115, 138, 191, 0.06), 0px 16px 24px rgba(115, 138, 191, 0.04);
  animation: _fadeInUp_1v4hu_1 0.4s ease-out;
}
._statementError__card_1v4hu_27::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20%;
  right: 20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--disagree), transparent);
  border-radius: 2px;
}
._statementError__iconContainer_1v4hu_46 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
}
._statementError__iconBg_1v4hu_51 {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, rgba(254, 107, 162, 0.08), rgba(247, 74, 77, 0.05));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._statementError__iconBg_1v4hu_51::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: radial-gradient(circle at center, rgba(254, 107, 162, 0.1), transparent 70%);
  border-radius: 12px;
  opacity: 0.7;
}
._statementError__icon_1v4hu_46 {
  width: 32px;
  height: 32px;
  color: var(--text-error);
  z-index: 1;
}
._statementError__header_1v4hu_78 {
  text-align: center;
  margin-bottom: 1rem;
}
._statementError__titleHe_1v4hu_82 {
  font-size: 1.25rem;
  color: var(--text-primary);
  margin: 0 0 0.25rem 0;
  font-weight: 500;
  direction: rtl;
}
._statementError__titleEn_1v4hu_89 {
  font-size: 1.1rem;
  color: var(--text-secondary);
  margin: 0;
  font-weight: 400;
}
._statementError__description_1v4hu_95 {
  text-align: center;
  margin-bottom: 1rem;
}
._statementError__descHe_1v4hu_99 {
  font-size: 0.95rem;
  color: var(--text-tertiary);
  margin: 0 0 0.25rem 0;
  line-height: 1.5;
  direction: rtl;
}
._statementError__descEn_1v4hu_106 {
  font-size: 0.9rem;
  color: var(--lighter);
  margin: 0;
  line-height: 1.4;
}
._statementError__url_1v4hu_112 {
  background: var(--statementBackground);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.8rem;
  border: 1px solid rgba(71, 180, 239, 0.1);
}
._statementError__urlLabel_1v4hu_123 {
  color: var(--text-secondary);
  font-weight: 500;
  white-space: nowrap;
}
._statementError__urlText_1v4hu_128 {
  color: var(--link);
  word-break: break-all;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.4;
}
._statementError__detailsWrapper_1v4hu_135 {
  margin-bottom: 1rem;
}
._statementError__detailsBtn_1v4hu_138 {
  width: 100%;
  background: transparent;
  border: 1px solid rgba(71, 180, 239, 0.2);
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 0.85rem;
  transition: all 0.2s ease;
}
._statementError__detailsBtn_1v4hu_138:hover {
  background: rgba(71, 180, 239, 0.05);
  border-color: var(--question);
}
._statementError__detailsBtn_1v4hu_138:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(71, 180, 239, 0.2);
}
._statementError__detailsArrow_1v4hu_160 {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}
._statementError__detailsArrow--open_1v4hu_165 {
  transform: rotate(180deg);
}
._statementError__details_1v4hu_135 {
  margin-top: 0.5rem;
  animation: _expandDetails_1v4hu_1 0.3s ease-out;
}
._statementError__detailsText_1v4hu_172 {
  background: var(--card-default);
  border: 1px solid rgba(247, 74, 77, 0.15);
  border-radius: 6px;
  padding: 0.75rem;
  font-family: "Courier New", monospace;
  font-size: 0.7rem;
  color: var(--text-error);
  overflow-x: auto;
  overflow-y: auto;
  max-height: 200px;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  line-height: 1.4;
}
._statementError__detailsText_1v4hu_172::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
._statementError__detailsText_1v4hu_172::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.02);
  border-radius: 3px;
}
._statementError__detailsText_1v4hu_172::-webkit-scrollbar-thumb {
  background: rgba(254, 107, 162, 0.2);
  border-radius: 3px;
}
._statementError__detailsText_1v4hu_172::-webkit-scrollbar-thumb:hover {
  background: rgba(254, 107, 162, 0.3);
}
._statementError__actions_1v4hu_203 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  margin-bottom: 1rem;
}
._statementError__btn_1v4hu_210 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
  min-width: 120px;
  justify-content: center;
}
._statementError__btn_1v4hu_210:hover {
  transform: translateY(-1px);
}
._statementError__btn_1v4hu_210:active {
  transform: translateY(0);
}
._statementError__btnIcon_1v4hu_227 {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
._statementError__reportBtn_1v4hu_232 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  background: transparent;
  color: var(--text-error);
  border: 1px solid var(--text-error);
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
  justify-content: center;
}
._statementError__reportBtn_1v4hu_232:hover {
  background: rgba(247, 74, 77, 0.05);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(247, 74, 77, 0.15);
}
._statementError__reportBtn_1v4hu_232:active {
  transform: translateY(0);
}
._statementError__footer_1v4hu_256 {
  text-align: center;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
._statementError__footerText_1v4hu_261 {
  font-size: 0.8rem;
  color: var(--text-tertiary);
  margin: 0;
  line-height: 1.4;
}

@keyframes _fadeInUp_1v4hu_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _expandDetails_1v4hu_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 480px) {
  ._statementError_1v4hu_1 {
    padding: var(--padding);
  }
  ._statementError__card_1v4hu_27 {
    padding: 1.25rem;
  }
  ._statementError__iconBg_1v4hu_51 {
    width: 50px;
    height: 50px;
  }
  ._statementError__icon_1v4hu_46 {
    width: 26px;
    height: 26px;
  }
  ._statementError__titleHe_1v4hu_82 {
    font-size: 1.1rem;
  }
  ._statementError__titleEn_1v4hu_89 {
    font-size: 1rem;
  }
  ._statementError__descHe_1v4hu_99, ._statementError__descEn_1v4hu_106 {
    font-size: 0.85rem;
  }
  ._statementError__actions_1v4hu_203 {
    flex-direction: column;
    width: 100%;
  }
  ._statementError__btn_1v4hu_210, ._statementError__reportBtn_1v4hu_232 {
    width: 100%;
  }
}
[dir=rtl] ._statementError__url_1v4hu_112 {
  direction: ltr;
  text-align: left;
}
[dir=rtl] ._statementError__detailsText_1v4hu_172 {
  direction: ltr;
  text-align: left;
}

@media (prefers-contrast: high) {
  ._statementError__card_1v4hu_27 {
    border-width: 2px;
    border-color: var(--text-primary);
  }
  ._statementError__detailsBtn_1v4hu_138, ._statementError__reportBtn_1v4hu_232 {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._statementError__pattern_1v4hu_15, ._statementError__card_1v4hu_27, ._statementError__iconBg_1v4hu_51, ._statementError__details_1v4hu_135, ._statementError__detailsArrow_1v4hu_160 {
    animation: none;
  }
  ._statementError__iconBg_1v4hu_51::after {
    animation: none;
  }
  ._statementError__btn_1v4hu_210, ._statementError__reportBtn_1v4hu_232 {
    transition: none;
  }
}._page401_2opk5_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  padding: 2rem;
  background: linear-gradient(135deg, var(--statementBackground, #f2f6ff) 0%, #e8eeff 100%);
  overflow: hidden;
}
._page401__clouds_2opk5_13 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
._page401__cloud_2opk5_13 {
  position: absolute;
  opacity: 0.6;
  animation: _drift_2opk5_1 25s ease-in-out infinite alternate;
}
._page401__cloud--1_2opk5_24 {
  top: 0;
  right: 0;
  width: 160px;
  height: auto;
  animation-delay: 0s;
}
._page401__cloud--2_2opk5_31 {
  bottom: 0;
  left: 0;
  width: 130px;
  height: auto;
  animation-delay: -8s;
  animation-direction: alternate-reverse;
}
._page401__content_2opk5_39 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  text-align: center;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out;
}
._page401__badge_2opk5_49 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  margin-bottom: 1.5rem;
  background: rgba(184, 147, 231, 0.15);
  border-radius: 20px;
  color: var(--group, #b893e7);
  font-size: 0.9rem;
  font-weight: 600;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.1s both, _badgePulse_2opk5_1 3s ease-in-out infinite;
}
._page401__badgeIcon_2opk5_62 {
  width: 1.2rem;
  height: 1.2rem;
  animation: _lockWiggle_2opk5_1 2s ease-in-out infinite;
}
._page401__illustration_2opk5_67 {
  margin-bottom: 1.5rem;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.2s both;
}
._page401__image_2opk5_71 {
  width: 280px;
  max-width: 70vw;
  height: auto;
  animation: _gentleFloat_2opk5_1 3s ease-in-out infinite;
  filter: drop-shadow(0 15px 30px rgba(95, 136, 229, 0.2));
}
._page401__message_2opk5_78 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-title, #191e29);
  line-height: 1.3;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.3s both;
}
._page401__hint_2opk5_86 {
  margin: 0 0 2rem;
  font-size: 1rem;
  color: var(--text-body, #3d4d71);
  line-height: 1.5;
  max-width: 350px;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.4s both;
}
._page401__actions_2opk5_94 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.5s both;
}
._page401__button_2opk5_102 {
  padding: 0.875rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--white, #ffffff);
  background: linear-gradient(135deg, var(--btn-primary, #5f88e5) 0%, var(--btn-primary-hover, #80a0ea) 100%);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(95, 136, 229, 0.35);
  transition: all 0.3s ease;
}
._page401__button_2opk5_102:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(95, 136, 229, 0.45);
}
._page401__button_2opk5_102:active {
  transform: translateY(-1px) scale(0.98);
}
._page401__button_2opk5_102:focus-visible {
  outline: 3px solid var(--btn-primary, #5f88e5);
  outline-offset: 3px;
}
._page401__footer_2opk5_125 {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-body, #3d4d71);
  opacity: 0.7;
  animation: _fadeSlideUp_2opk5_1 0.6s ease-out 0.6s both;
}

@keyframes _drift_2opk5_1 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(12px);
  }
}
@keyframes _fadeSlideUp_2opk5_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _gentleFloat_2opk5_1 {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-6px) rotate(0.5deg);
  }
  75% {
    transform: translateY(-3px) rotate(-0.5deg);
  }
}
@keyframes _lockWiggle_2opk5_1 {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  30% {
    transform: rotate(-5deg);
  }
  40% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes _badgePulse_2opk5_1 {
  0%, 100% {
    background: rgba(184, 147, 231, 0.15);
  }
  50% {
    background: rgba(184, 147, 231, 0.25);
  }
}
@media (max-width: 600px) {
  ._page401_2opk5_1 {
    padding: 1rem;
  }
  ._page401__cloud--1_2opk5_24 {
    width: 110px;
  }
  ._page401__cloud--2_2opk5_31 {
    width: 90px;
  }
  ._page401__badge_2opk5_49 {
    font-size: 0.8rem;
    padding: 0.4rem 0.8rem;
  }
  ._page401__image_2opk5_71 {
    width: 220px;
  }
  ._page401__message_2opk5_78 {
    font-size: 1.25rem;
  }
  ._page401__hint_2opk5_86 {
    font-size: 0.9rem;
  }
  ._page401__button_2opk5_102 {
    padding: 0.75rem 2rem;
    font-size: 0.95rem;
  }
  ._page401__footer_2opk5_125 {
    font-size: 0.7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._page401__cloud_2opk5_13, ._page401__badge_2opk5_49, ._page401__badgeIcon_2opk5_62, ._page401__image_2opk5_71, ._page401__content_2opk5_39, ._page401__illustration_2opk5_67, ._page401__message_2opk5_78, ._page401__hint_2opk5_86, ._page401__actions_2opk5_94, ._page401__footer_2opk5_125 {
    animation: none;
  }
  ._page401__button_2opk5_102:hover {
    transform: none;
  }
}._waiting-page_nibh9_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  background: var(--statementBackground);
  padding: 1.5rem;
}
._waiting-page__wrapper_nibh9_10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 420px;
  text-align: center;
  animation: _fadeSlideUp_nibh9_1 0.5s ease-out;
}
._waiting-page__card_nibh9_20 {
  background: var(--card-default);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 20px rgba(31, 88, 149, 0.08);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

._portal-loader_nibh9_32 {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0.5rem 0;
}
._portal-loader__outer-ring_nibh9_38 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: 3px solid var(--btn-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  animation: _portalPulse_nibh9_1 2.5s ease-in-out infinite;
}
._portal-loader__middle-ring_nibh9_50 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 80%;
  border: 2px solid var(--accent);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  animation: _portalPulse_nibh9_1 2.5s ease-in-out infinite 0.3s;
}
._portal-loader__inner-ring_nibh9_62 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  border: 2px solid var(--agree);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.7;
  animation: _portalPulse_nibh9_1 2.5s ease-in-out infinite 0.6s;
}
._portal-loader__center_nibh9_74 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 40%;
  background: linear-gradient(135deg, var(--btn-primary), var(--agree));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px rgba(95, 136, 229, 0.4);
  animation: _centerGlow_nibh9_1 3s ease-in-out infinite;
}
._portal-loader__icon_nibh9_89 {
  width: 24px;
  height: 24px;
  color: white;
}
._portal-loader__particle_nibh9_94 {
  position: absolute;
  width: 6px;
  height: 6px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0;
}
._portal-loader__particle_nibh9_94:nth-child(6) {
  top: 0;
  left: 50%;
  animation: _particleToCenter_nibh9_1 2s ease-in infinite 0s;
}
._portal-loader__particle_nibh9_94:nth-child(7) {
  top: 50%;
  right: 0;
  animation: _particleToCenter_nibh9_1 2s ease-in infinite 0.4s;
}
._portal-loader__particle_nibh9_94:nth-child(8) {
  bottom: 0;
  left: 50%;
  animation: _particleToCenter_nibh9_1 2s ease-in infinite 0.8s;
}
._portal-loader__particle_nibh9_94:nth-child(9) {
  top: 50%;
  left: 0;
  animation: _particleToCenter_nibh9_1 2s ease-in infinite 1.2s;
}

._waiting-status_nibh9_123 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
._waiting-status__title_nibh9_129 {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-title);
  margin: 0;
}
._waiting-status__message_nibh9_135 {
  font-size: 0.95rem;
  color: var(--text-body);
  margin: 0;
  line-height: 1.5;
}

._status-indicator_nibh9_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: rgba(87, 198, 178, 0.1);
  border-radius: 20px;
  margin-top: 0.5rem;
}
._status-indicator__dot_nibh9_152 {
  width: 8px;
  height: 8px;
  background: var(--agree);
  border-radius: 50%;
  animation: _dotPulse_nibh9_1 1.5s ease-in-out infinite;
}
._status-indicator__text_nibh9_159 {
  font-size: 0.85rem;
  color: var(--agree);
  font-weight: 500;
}

._waiting-info_nibh9_165 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
._waiting-info__title_nibh9_174 {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-caption);
  margin: 0;
  text-align: left;
}
._waiting-info__list_nibh9_181 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
._waiting-info__item_nibh9_189 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-align: left;
}
._waiting-info__icon_nibh9_195 {
  width: 20px;
  height: 20px;
  color: var(--btn-primary);
  flex-shrink: 0;
  margin-top: 2px;
}
._waiting-info__text_nibh9_202 {
  font-size: 0.9rem;
  color: var(--text-body);
  line-height: 1.4;
}

._waiting-actions_nibh9_208 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
  margin-top: 0.5rem;
}

@keyframes _fadeSlideUp_nibh9_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _portalPulse_nibh9_1 {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.3;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.6;
  }
}
@keyframes _centerGlow_nibh9_1 {
  0%, 100% {
    box-shadow: 0 0 20px rgba(95, 136, 229, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(95, 136, 229, 0.5);
  }
}
@keyframes _particleToCenter_nibh9_1 {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(calc(50% - 3px), calc(50% - 3px)) scale(0);
  }
}
@keyframes _dotPulse_nibh9_1 {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.8);
  }
}
@media (prefers-reduced-motion: reduce) {
  ._portal-loader__outer-ring_nibh9_38,
  ._portal-loader__middle-ring_nibh9_50,
  ._portal-loader__inner-ring_nibh9_62,
  ._portal-loader__center_nibh9_74,
  ._portal-loader__particle_nibh9_94,
  ._status-indicator__dot_nibh9_152 {
    animation: none;
  }
  ._portal-loader__outer-ring_nibh9_38 {
    opacity: 0.3;
  }
  ._portal-loader__middle-ring_nibh9_50 {
    opacity: 0.5;
  }
  ._portal-loader__inner-ring_nibh9_62 {
    opacity: 0.7;
  }
  ._portal-loader__center_nibh9_74 {
    box-shadow: 0 0 30px rgba(95, 136, 229, 0.4);
  }
  ._status-indicator__dot_nibh9_152 {
    opacity: 1;
  }
  ._waiting-page__wrapper_nibh9_10 {
    animation: none;
  }
}
@media screen and (max-width: 480px) {
  ._waiting-page_nibh9_1 {
    padding: 1rem;
  }
  ._waiting-page__card_nibh9_20 {
    padding: 2rem 1.5rem;
  }
  ._portal-loader_nibh9_32 {
    width: 100px;
    height: 100px;
  }
}._installPwaOverlay_1azcr_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--modal-z-index, 9999);
}

._installPwaContent_1azcr_14 {
  background: var(--card-default, white);
  padding: 24px;
  border-radius: 12px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

._installPwaHeader_1azcr_26 {
  text-align: center;
}
._installPwaHeader_1azcr_26 h3 {
  margin: 0 0 8px 0;
  color: var(--text-title, #333);
  font-size: 1.25rem;
}
._installPwaHeader_1azcr_26 p {
  margin: 0;
  color: var(--text-body, #666);
  line-height: 1.5;
}

._installPwaActions_1azcr_40 {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
._installPwaActions_1azcr_40 button {
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 14px;
}
._installPwaActions_1azcr_40 ._dismissButton_1azcr_53 {
  background: transparent;
  border: 1px solid var(--border-color, #ddd);
  color: var(--text-body, #666);
}
._installPwaActions_1azcr_40 ._dismissButton_1azcr_53:hover {
  background: var(--background-hover, #f5f5f5);
}
._installPwaActions_1azcr_40 ._installButton_1azcr_61 {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--btn-primary);
  color: white;
  border: none;
}
._installPwaActions_1azcr_40 ._installButton_1azcr_61:hover {
  background-color: var(--btn-primary-hover, #2a56c6);
}
._installPwaActions_1azcr_40 ._installButton_1azcr_61 ._installIcon_1azcr_72 {
  width: 18px;
  height: 18px;
}._notificationPrompt_1gotn_1 {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: var(--modal-z-index, 9999);
  background-color: var(--card-default, white);
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  animation: _slide-up_1gotn_1 0.3s ease-out;
  max-width: 380px;
}
._notificationPrompt-content_1gotn_12 {
  padding: 20px;
  display: flex;
  flex-direction: column;
}
._notificationPrompt-icon_1gotn_17 {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
}
._notificationPrompt-icon_1gotn_17 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
._notificationPrompt-message_1gotn_27 {
  margin-bottom: 20px;
}
._notificationPrompt-message_1gotn_27 h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 8px;
  color: var(--text-title, #333);
}
._notificationPrompt-message_1gotn_27 p {
  font-size: 14px;
  margin: 0;
  color: var(--text-body, #666);
  line-height: 1.4;
}
._notificationPrompt-actions_1gotn_42 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
._notificationPrompt-actions_1gotn_42 button {
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
._notificationPrompt-dismiss_1gotn_55 {
  background-color: transparent;
  border: none;
  color: var(--text-body, #666);
}
._notificationPrompt-dismiss_1gotn_55:hover {
  background-color: var(--background-hover, #f5f5f5);
}
._notificationPrompt-enable_1gotn_63 {
  background-color: var(--btn-primary);
  border: none;
  color: white;
}
._notificationPrompt-enable_1gotn_63:hover {
  background-color: var(--btn-primary-hover, #2a56c6);
}

@keyframes _slide-up_1gotn_1 {
  from {
    transform: translateY(100px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
._iosInstructions_1gotn_82 {
  margin-top: 16px;
  padding: 12px;
  background-color: var(--background-secondary, #f8f9fa);
  border-radius: 8px;
}
._iosInstructions_1gotn_82 p {
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--text-title, #333);
}
._iosInstructions_1gotn_82 ol {
  margin: 0;
  padding-left: 20px;
}
._iosInstructions_1gotn_82 ol li {
  font-size: 13px;
  color: var(--text-body, #555);
  line-height: 1.6;
  margin-bottom: 4px;
}
._iosInstructions_1gotn_82 ol li:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  ._notificationPrompt_1gotn_1 {
    left: 10px;
    right: 10px;
    bottom: 10px;
    max-width: unset;
  }
}._errorBoundary_p3l66_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding);
}
._errorBoundary__backdrop_p3l66_13 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(242, 246, 255, 0.95) 0%, rgba(255, 255, 255, 0.98) 50%, rgba(242, 246, 255, 0.95) 100%);
  backdrop-filter: blur(10px);
  animation: _fadeIn_p3l66_1 0.3s ease-out;
}
._errorBoundary__container_p3l66_23 {
  position: relative;
  width: 100%;
  max-width: 600px;
  animation: _slideUp_p3l66_1 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
._errorBoundary__gradient_p3l66_29 {
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle at center, rgba(71, 180, 239, 0.1) 0%, rgba(124, 172, 248, 0.05) 40%, transparent 70%);
  pointer-events: none;
  animation: _pulse_p3l66_1 4s ease-in-out infinite;
}
._errorBoundary__card_p3l66_40 {
  background: var(--card-default);
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(115, 138, 191, 0.1), 0px 11px 11px rgba(115, 138, 191, 0.09), 0px 26px 16px rgba(115, 138, 191, 0.05), 0px 46px 18px rgba(115, 138, 191, 0.01);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}
._errorBoundary__card_p3l66_40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--question) 0%, var(--accent) 50%, var(--question) 100%);
  animation: _shimmer_p3l66_1 3s ease-in-out infinite;
}
._errorBoundary__iconWrapper_p3l66_58 {
  display: flex;
  justify-content: center;
  margin-bottom: 1.5rem;
  animation: _bounceIn_p3l66_1 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
._errorBoundary__iconCircle_p3l66_64 {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, rgba(254, 107, 162, 0.1) 0%, rgba(254, 107, 162, 0.05) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
._errorBoundary__iconCircle_p3l66_64::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  border: 2px solid rgba(254, 107, 162, 0.2);
  border-radius: 50%;
  animation: _ripple_p3l66_1 2s ease-out infinite;
}
._errorBoundary__icon_p3l66_58 {
  width: 40px;
  height: 40px;
  color: var(--disagree);
  animation: _wiggle_p3l66_1 2s ease-in-out infinite;
}
._errorBoundary__header_p3l66_91 {
  text-align: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__title_p3l66_95 {
  font-size: var(--h2-font-size);
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 500;
  line-height: 1.3;
}
._errorBoundary__subtitle_p3l66_102 {
  font-size: var(--h4-font-size);
  color: var(--text-secondary);
  margin: 0;
  font-weight: 400;
}
._errorBoundary__description_p3l66_108 {
  text-align: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__descriptionHebrew_p3l66_112 {
  font-size: var(--p-font-size);
  color: var(--text-tertiary);
  margin: 0 0 0.5rem 0;
  line-height: 1.6;
  direction: rtl;
}
._errorBoundary__descriptionEnglish_p3l66_119 {
  font-size: 0.95rem;
  color: var(--lighter);
  margin: 0;
  line-height: 1.5;
}
._errorBoundary__urlContainer_p3l66_125 {
  background: var(--statementBackground);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-break: break-all;
  font-family: "Courier New", monospace;
  font-size: 0.875rem;
}
._errorBoundary__urlLabel_p3l66_137 {
  color: var(--text-secondary);
  font-weight: 500;
  flex-shrink: 0;
}
._errorBoundary__urlText_p3l66_142 {
  color: var(--link);
  text-decoration: none;
  flex: 1;
}
._errorBoundary__detailsContainer_p3l66_147 {
  margin-bottom: 1.5rem;
}
._errorBoundary__detailsToggle_p3l66_150 {
  width: 100%;
  background: var(--statementBackground);
  border: 1px solid rgba(71, 180, 239, 0.2);
  padding: 0.75rem 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s ease;
  color: var(--text-secondary);
  font-size: 0.9rem;
}
._errorBoundary__detailsToggle_p3l66_150:hover {
  background: rgba(71, 180, 239, 0.08);
  border-color: var(--question);
}
._errorBoundary__detailsToggle_p3l66_150:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(71, 180, 239, 0.2);
}
._errorBoundary__detailsIcon_p3l66_172 {
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}
._errorBoundary__detailsIcon--open_p3l66_177 {
  transform: rotate(180deg);
}
._errorBoundary__details_p3l66_147 {
  margin-top: 0.5rem;
  animation: _slideDown_p3l66_1 0.3s ease-out;
  overflow: hidden;
}
._errorBoundary__detailsContent_p3l66_185 {
  background: #f8f8f8;
  border: 1px solid rgba(254, 107, 162, 0.2);
  border-radius: 8px;
  padding: 1rem;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  color: var(--text-error);
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 300px;
  overflow-y: auto;
  margin: 0;
}
._errorBoundary__detailsContent_p3l66_185::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
._errorBoundary__detailsContent_p3l66_185::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
._errorBoundary__detailsContent_p3l66_185::-webkit-scrollbar-thumb {
  background: rgba(254, 107, 162, 0.3);
  border-radius: 4px;
}
._errorBoundary__detailsContent_p3l66_185::-webkit-scrollbar-thumb:hover {
  background: rgba(254, 107, 162, 0.5);
}
._errorBoundary__actions_p3l66_215 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 1.5rem;
}
._errorBoundary__button_p3l66_222 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
._errorBoundary__button_p3l66_222::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
._errorBoundary__button_p3l66_222:hover::after {
  width: 300px;
  height: 300px;
}
._errorBoundary__button_p3l66_222:active {
  transform: translateY(1px);
}
._errorBoundary__buttonIcon_p3l66_252 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
._errorBoundary__reportButton_p3l66_257 {
  background: transparent;
  color: var(--text-error);
  border: 1px solid var(--text-error);
}
._errorBoundary__reportButton_p3l66_257:hover {
  background: rgba(247, 74, 77, 0.08);
  border-color: var(--text-error);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(247, 74, 77, 0.2);
}
._errorBoundary__reportButton_p3l66_257 ._errorBoundary__buttonIcon_p3l66_252 {
  color: var(--text-error);
}
._errorBoundary__footer_p3l66_271 {
  text-align: center;
  padding-top: 1rem;
  border-top: 1px solid var(--statementBackground);
}
._errorBoundary__footerText_p3l66_276 {
  font-size: 0.875rem;
  color: var(--text-tertiary);
  margin: 0;
  line-height: 1.5;
}

@keyframes _fadeIn_p3l66_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _slideUp_p3l66_1 {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _slideDown_p3l66_1 {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes _bounceIn_p3l66_1 {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes _pulse_p3l66_1 {
  0%, 100% {
    transform: translateX(-50%) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: translateX(-50%) scale(1.1);
    opacity: 0.3;
  }
}
@keyframes _ripple_p3l66_1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes _wiggle_p3l66_1 {
  0%, 100% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-3deg);
  }
  20% {
    transform: rotate(3deg);
  }
  30% {
    transform: rotate(-3deg);
  }
  40% {
    transform: rotate(3deg);
  }
  50% {
    transform: rotate(0deg);
  }
}
@keyframes _shimmer_p3l66_1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 768px) {
  ._errorBoundary_p3l66_1 {
    padding: 1rem;
  }
  ._errorBoundary__card_p3l66_40 {
    padding: 1.5rem;
  }
  ._errorBoundary__iconCircle_p3l66_64 {
    width: 60px;
    height: 60px;
  }
  ._errorBoundary__icon_p3l66_58 {
    width: 30px;
    height: 30px;
  }
  ._errorBoundary__title_p3l66_95 {
    font-size: 1.5rem;
  }
  ._errorBoundary__subtitle_p3l66_102 {
    font-size: 1.1rem;
  }
  ._errorBoundary__actions_p3l66_215 {
    flex-direction: column;
    width: 100%;
  }
  ._errorBoundary__button_p3l66_222 {
    width: 100%;
    justify-content: center;
  }
}
[dir=rtl] ._errorBoundary__urlContainer_p3l66_125 {
  direction: ltr;
  text-align: left;
}
[dir=rtl] ._errorBoundary__detailsContent_p3l66_185 {
  direction: ltr;
  text-align: left;
}

@media (prefers-contrast: high) {
  ._errorBoundary__card_p3l66_40 {
    border: 2px solid var(--text-primary);
  }
  ._errorBoundary__button_p3l66_222 {
    border-width: 2px;
  }
  ._errorBoundary__detailsToggle_p3l66_150 {
    border-width: 2px;
  }
}
@media (prefers-reduced-motion: reduce) {
  ._errorBoundary__backdrop_p3l66_13, ._errorBoundary__container_p3l66_23, ._errorBoundary__iconWrapper_p3l66_58, ._errorBoundary__details_p3l66_147, ._errorBoundary__gradient_p3l66_29, ._errorBoundary__icon_p3l66_58, ._errorBoundary__detailsIcon_p3l66_172 {
    animation: none;
    transition: none;
  }
  ._errorBoundary__button_p3l66_222::after {
    display: none;
  }
}