.app{min-height:100vh;display:flex;flex-direction:column}.dev-toggle{position:fixed;top:var(--space-md);right:var(--space-md);z-index:1000;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-tertiary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.dev-toggle__label{font-weight:500;letter-spacing:.05em;text-transform:uppercase}.dev-toggle__btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.dev-toggle__btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.dev-toggle__btn[data-active=true]{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary)}.disclaimer-bar{margin-top:auto;padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border-top:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;line-height:1.6}.disclaimer-bar__link{display:inline-block;margin-left:var(--space-sm);color:var(--accent-primary);text-decoration:none;font-weight:500;opacity:.8;transition:opacity var(--transition-fast)}.disclaimer-bar__link:hover{opacity:1;text-decoration:underline}.start-session-btn{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) var(--space-lg) 0;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#00bfa5,#00897b);border:none;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 12px #00bfa54d}.start-session-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00bfa566}.start-session-btn__icon{font-size:1.1em}.session-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#00bfa526,#00897b1a);border-bottom:1px solid rgba(0,191,165,.3)}.session-bar__status{display:flex;align-items:center;gap:var(--space-sm)}.session-bar__dot{width:8px;height:8px;border-radius:50%;background:#00e676;box-shadow:0 0 8px #00e67699;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.session-bar__label{font-size:var(--font-size-sm);font-weight:600;color:#00e676;letter-spacing:.03em}.session-bar__id{font-size:var(--font-size-xs);color:var(--text-tertiary);font-family:var(--font-mono, monospace);background:var(--bg-surface);padding:2px 8px;border-radius:var(--radius-sm)}.session-bar__actions{display:flex;align-items:center;gap:var(--space-sm)}.session-bar__copy{padding:var(--space-xs) var(--space-md);background:#00bfa533;border:1px solid rgba(0,191,165,.4);border-radius:var(--radius-md);color:#4dd0e1;font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.session-bar__copy:hover{background:#00bfa54d}.session-bar__end{padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.session-bar__end:hover{background:#ef535026;border-color:#ef535066;color:#ef5350}.patient-view{display:flex;flex-direction:column;min-height:100vh}.patient-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);text-align:center;animation:fadeIn var(--transition-slow) ease forwards}.patient-waiting__icon{width:80px;height:80px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:var(--space-xl)}.patient-waiting__title{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600;margin-bottom:var(--space-md)}.patient-waiting__message{font-size:var(--font-size-base);color:var(--text-secondary);max-width:360px;line-height:1.7}.patient-waiting__pulse{margin-top:var(--space-2xl);display:flex;gap:var(--space-sm)}.patient-waiting__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}.patient-waiting__dot:nth-child(2){animation-delay:.2s}.patient-waiting__dot:nth-child(3){animation-delay:.4s}.patient-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl);text-align:center;animation:fadeInUp var(--transition-slow) ease forwards}.patient-intro__label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-md)}.patient-intro__name{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-sm)}.patient-intro__full-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-md)}.patient-intro__description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:420px;line-height:1.7;margin-bottom:var(--space-lg)}.patient-intro__detail{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-md)}.patient-intro__publisher{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;max-width:420px;line-height:1.5;margin-bottom:var(--space-lg);opacity:.85}.patient-intro__clipboard-disclaimer{font-size:var(--font-size-xs);color:var(--text-tertiary);max-width:420px;line-height:1.5;opacity:.7;margin-bottom:var(--space-lg);border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.patient-intro__advisory{display:flex;align-items:flex-start;gap:var(--space-md);max-width:420px;padding:var(--space-md) var(--space-lg);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);border-radius:var(--radius-md);margin-bottom:var(--space-xl);animation:fadeIn var(--transition-normal) ease forwards}.patient-intro__advisory-icon{font-size:var(--font-size-lg);flex-shrink:0;line-height:1.4}.patient-intro__advisory-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.patient-intro__begin-btn{padding:var(--space-md) var(--space-3xl);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.patient-intro__begin-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}[dir=rtl] .patient-waiting__message,[dir=rtl] .patient-intro__description{text-align:right}[dir=rtl] .patient-intro__advisory{flex-direction:row-reverse;text-align:right}.assessment-flow{display:flex;flex-direction:column;min-height:100%;animation:fadeIn var(--transition-normal) ease forwards}.assessment-flow__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.assessment-flow__title{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.assessment-flow__title span{color:var(--accent-primary);font-weight:600}.assessment-flow__body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-2xl) 0}.progress-bar-container{width:100%;padding:var(--space-lg) var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.progress-bar-track{flex:1;height:4px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-bar-fill:after{content:"";position:absolute;right:0;top:-2px;width:8px;height:8px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary-glow);opacity:0;transition:opacity var(--transition-normal)}.progress-bar-fill[data-active=true]:after{opacity:1}.progress-bar-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500;white-space:nowrap;min-width:48px;text-align:right;font-variant-numeric:tabular-nums}.question-renderer{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl);width:100%;max-width:560px;margin:0 auto}.question-header{display:flex;flex-direction:column;gap:var(--space-sm)}.question-preamble{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.question-text{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:500;line-height:1.5}.question-instruction{font-size:var(--font-size-sm);color:var(--text-tertiary);font-style:italic;margin-top:var(--space-xs)}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-lg)}.question-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.question-nav-btn:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-medium)}.question-nav-btn:disabled{opacity:.3;cursor:not-allowed}.question-nav-btn--primary{background:var(--accent-primary);color:var(--text-on-accent);border-color:var(--accent-primary);font-weight:600}.question-nav-btn--primary:hover:not(:disabled){background:var(--accent-secondary);border-color:var(--accent-secondary);color:var(--text-on-accent);box-shadow:var(--shadow-glow)}.question-nav-btn--submit{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-on-accent);border:none;font-weight:600;padding:var(--space-md) var(--space-2xl)}.question-nav-btn--submit:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px);color:var(--text-on-accent)}.question-nav-spacer{flex:1}.question-slide{animation:var(--transition-slow) ease forwards}.question-slide[data-direction=forward]{animation-name:slideInRight}.question-slide[data-direction=backward]{animation-name:slideInLeft}[dir=rtl] .question-nav{flex-direction:row-reverse}[dir=rtl] .question-header,[dir=rtl] .question-text{text-align:right}.likert-scale{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.likert-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.likert-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-primary-dim),transparent);opacity:0;transition:opacity var(--transition-normal)}.likert-option:hover{border-color:var(--border-medium);background:var(--bg-surface-hover);transform:translate(4px)}.likert-option:hover:before{opacity:.5}.likert-option[data-selected=true]{border-color:var(--accent-primary);background:var(--bg-surface-elevated);box-shadow:var(--shadow-glow)}.likert-option[data-selected=true]:before{opacity:1}.likert-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.likert-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal);position:relative;z-index:1}.likert-option[data-selected=true] .likert-radio{border-color:var(--accent-primary)}.likert-radio-inner{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);transform:scale(0);transition:transform var(--transition-spring)}.likert-option[data-selected=true] .likert-radio-inner{transform:scale(1)}.likert-label{font-size:var(--font-size-base);color:var(--text-secondary);transition:color var(--transition-normal);position:relative;z-index:1}.likert-option[data-selected=true] .likert-label{color:var(--text-primary);font-weight:500}.likert-value{margin-left:auto;font-size:var(--font-size-xs);color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-fast);position:relative;z-index:1;font-variant-numeric:tabular-nums}.likert-option:hover .likert-value,.likert-option[data-selected=true] .likert-value{opacity:1}.slider-scale{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;padding:var(--space-md) 0}.slider-scale__track-container{position:relative;padding:var(--space-xl) var(--space-sm) var(--space-md)}.slider-scale__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--border-subtle);outline:none;cursor:pointer;position:relative;z-index:2}.slider-scale__input::-webkit-slider-runnable-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--accent-primary) 0%,var(--accent-primary) var(--slider-fill),var(--border-subtle) var(--slider-fill),var(--border-subtle) 100%)}.slider-scale__input::-moz-range-track{height:6px;border-radius:var(--radius-full);background:var(--border-subtle)}.slider-scale__input::-moz-range-progress{height:6px;border-radius:var(--radius-full);background:var(--accent-primary)}.slider-scale__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-glow);cursor:pointer;margin-top:-8px;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.slider-scale__input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent-primary);border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-glow);cursor:pointer}.slider-scale__input:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 2px var(--accent-primary),0 0 24px var(--accent-primary-glow)}.slider-scale__input:active::-webkit-slider-thumb{transform:scale(1.25)}.slider-scale__ticks{display:flex;justify-content:space-between;padding:0 2px;margin-top:var(--space-sm)}.slider-scale__tick{font-size:10px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;width:30px;text-align:center;transition:color var(--transition-fast)}.slider-scale__tick[data-active=true]{color:var(--accent-primary);font-weight:600}.slider-scale__value-display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.slider-scale__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);font-variant-numeric:tabular-nums;min-width:64px;text-align:center;line-height:1}.slider-scale__value-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.slider-scale__labels{display:flex;justify-content:space-between;padding:0}.slider-scale__label-start,.slider-scale__label-end{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.binary-scale{display:flex;gap:var(--space-lg);width:100%;max-width:480px;margin:0 auto;padding:var(--space-md) 0}.binary-scale__option{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);border:2px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.binary-scale__option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-primary);opacity:0;transition:opacity var(--transition-normal)}.binary-scale__option:hover{border-color:var(--accent-secondary);background:var(--bg-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.binary-scale__option:active{transform:translateY(0)}.binary-scale__option[data-selected=true]{border-color:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-glow)}.binary-scale__option[data-selected=true]:before{opacity:.15}.binary-scale__option[data-selected=true][data-value="1"]{border-color:var(--severity-mild);box-shadow:0 0 20px #aed58126}.binary-scale__option[data-selected=true][data-value="0"]{border-color:var(--accent-primary)}.binary-scale__indicator{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-medium);flex-shrink:0;transition:all var(--transition-normal);position:relative}.binary-scale__option[data-selected=true] .binary-scale__indicator{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary-glow)}.binary-scale__option[data-selected=true] .binary-scale__indicator:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--bg-primary);font-weight:700}.binary-scale__label{position:relative;z-index:1}.binary-scale__option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.completion-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-4xl) var(--space-xl);min-height:400px;animation:fadeInUp var(--transition-slow) ease forwards}.completion-icon{width:72px;height:72px;border-radius:50%;background:var(--accent-primary-dim);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:var(--space-xl);animation:countUp var(--transition-spring) ease forwards}.completion-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.completion-message{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px;line-height:1.7;margin-bottom:var(--space-3xl)}.completion-waiting{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-tertiary)}.completion-waiting-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}.completion-waiting-dot:nth-child(2){animation-delay:.2s}.completion-waiting-dot:nth-child(3){animation-delay:.4s}.host-dashboard{min-height:100vh;padding:var(--space-2xl);animation:fadeIn var(--transition-normal) ease forwards}.host-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2xl)}.host-dashboard__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.host-dashboard__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.host-dashboard__language-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);flex-shrink:0}.host-dashboard__language-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.host-dashboard__language-select{padding:var(--space-xs) var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast)}.host-dashboard__language-select:hover{border-color:var(--border-medium)}.host-dashboard__language-select:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.host-dashboard__info-card{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:#00bfa50a;border:1px solid rgba(0,191,165,.12);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);animation:fadeIn var(--transition-normal) ease forwards}@media(min-width:768px){.host-dashboard__info-card{flex-direction:row;align-items:flex-start;gap:var(--space-2xl)}}.host-dashboard__info-about{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;flex:1}.host-dashboard__info-brand{font-weight:700;color:var(--accent-primary)}.host-dashboard__info-steps{display:flex;flex-direction:column;gap:var(--space-sm);flex-shrink:0}.host-dashboard__info-step{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.host-dashboard__info-step-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#00bfa526;color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.host-dashboard__section-title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-lg)}.host-dashboard__domain-group{margin-bottom:var(--space-xl)}.host-dashboard__card-wrapper{display:flex;flex-direction:column}.host-dashboard__domain-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-md);padding-left:var(--space-xs)}.host-dashboard__domain-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.host-dashboard__grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:640px){.host-dashboard__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.host-dashboard__grid{grid-template-columns:repeat(3,1fr)}}.host-dashboard__advisory-inline{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);animation:fadeIn var(--transition-fast) ease}.host-dashboard__advisory-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-xs)}.host-dashboard__advisory-toggle input[type=checkbox]{accent-color:var(--accent-primary);width:14px;height:14px;cursor:pointer}.host-dashboard__advisory-label{color:var(--text-tertiary);font-weight:500}.host-dashboard__waiting{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);animation:fadeInUp var(--transition-slow) ease forwards}.host-dashboard__waiting-spinner{width:16px;height:16px;border:2px solid var(--border-medium);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.host-dashboard__waiting-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.host-dashboard__waiting-text span{color:var(--accent-primary);font-weight:600}.host-dashboard__results{display:flex;flex-direction:column;gap:var(--space-lg)}.host-dashboard__result-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);animation:fadeInUp var(--transition-slow) ease forwards;position:relative;overflow:hidden}.host-dashboard__result-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.host-dashboard__result-card[data-severity=minimal]:before{background:var(--severity-minimal)}.host-dashboard__result-card[data-severity=mild]:before{background:var(--severity-mild)}.host-dashboard__result-card[data-severity=moderate]:before{background:var(--severity-moderate)}.host-dashboard__result-card[data-severity=elevated]:before{background:var(--severity-elevated)}.host-dashboard__result-card[data-severity=moderately-severe]:before{background:var(--severity-mod-severe)}.host-dashboard__result-card[data-severity=severe]:before{background:var(--severity-severe)}.host-dashboard__result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.host-dashboard__result-name{font-size:var(--font-size-lg);font-weight:600;color:var(--accent-primary)}.host-dashboard__result-actions{display:flex;align-items:center;gap:var(--space-sm)}.host-dashboard__action-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.host-dashboard__action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-dim)}.host-dashboard__result-time{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:var(--space-xs)}.host-dashboard__result-score-row{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm)}.host-dashboard__result-score{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.host-dashboard__result-max{font-size:var(--font-size-sm);color:var(--text-tertiary)}.host-dashboard__result-label{font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-xs)}.host-dashboard__result-label[data-severity=minimal]{color:var(--severity-minimal)}.host-dashboard__result-label[data-severity=mild]{color:var(--severity-mild)}.host-dashboard__result-label[data-severity=moderate]{color:var(--severity-moderate)}.host-dashboard__result-label[data-severity=elevated]{color:var(--severity-elevated)}.host-dashboard__result-label[data-severity=moderately-severe]{color:var(--severity-mod-severe)}.host-dashboard__result-label[data-severity=severe]{color:var(--severity-severe)}.host-dashboard__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-3xl);color:var(--text-tertiary)}.host-dashboard__empty-icon{font-size:40px;margin-bottom:var(--space-lg);opacity:.5}.host-dashboard__empty-text{font-size:var(--font-size-sm);max-width:280px;line-height:1.6}.host-dashboard__detail-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);padding:var(--space-sm) 0;background:none;border:none;color:var(--text-tertiary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.host-dashboard__detail-toggle:hover{color:var(--accent-primary)}.host-dashboard__detail-list{margin-top:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:var(--space-md);display:flex;flex-direction:column;gap:2px;animation:fadeIn var(--transition-normal) ease forwards}.host-dashboard__detail-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.host-dashboard__detail-item:nth-child(odd){background:#ffffff05}.host-dashboard__detail-item:hover{background:#ffffff0a}.host-dashboard__detail-item[data-flagged=true]{background:#ef53501a;border-left:3px solid var(--severity-severe);padding-left:calc(var(--space-md) - 3px)}.host-dashboard__detail-item[data-flagged=true] .host-dashboard__detail-text,.host-dashboard__detail-item[data-flagged=true] .host-dashboard__detail-answer-label{color:var(--severity-severe);font-weight:600}.host-dashboard__detail-question{display:flex;gap:var(--space-sm);flex:1;min-width:0}.host-dashboard__detail-num{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:20px}.host-dashboard__detail-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.host-dashboard__detail-answer{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.host-dashboard__detail-answer-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.host-dashboard__detail-answer-score{font-size:var(--font-size-xs);color:var(--accent-primary);font-weight:600;font-variant-numeric:tabular-nums;background:var(--accent-primary-dim);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.assessment-card{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;min-height:180px}.assessment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));opacity:0;transition:opacity var(--transition-normal)}.assessment-card:hover{border-color:var(--border-medium);background:var(--bg-surface-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.assessment-card:hover:before{opacity:1}.assessment-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.assessment-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.assessment-card__short-name{font-size:var(--font-size-xl);font-weight:700;color:var(--accent-primary);letter-spacing:-.02em}.assessment-card__meta{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary)}.assessment-card__meta-item{display:flex;align-items:center;gap:var(--space-xs)}.assessment-card__name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-sm)}.assessment-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.assessment-card__publisher{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;line-height:1.5;margin-top:var(--space-sm);opacity:.8}.assessment-card__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg);opacity:0;transform:translateY(4px);transition:all var(--transition-normal)}.assessment-card:hover .assessment-card__actions{opacity:1;transform:translateY(0)}.assessment-card__action{font-size:var(--font-size-sm);color:var(--accent-primary);font-weight:500}.assessment-card__preview-link{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500;text-decoration:none;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.assessment-card__preview-link:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-dim)}.session-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-base);color:var(--text-muted);text-align:center;font-family:var(--font-body)}.session-error h2{color:var(--text-primary);margin-bottom:.5rem}.preview-page{min-height:100vh;display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.preview-back-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.preview-back-link:hover{color:var(--accent-primary)}.preview-badge{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-primary);background:var(--accent-primary-dim);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.preview-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-2xl);text-align:center;animation:fadeInUp var(--transition-slow) ease forwards}.preview-intro__label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-md)}.preview-intro__name{font-size:var(--font-size-2xl);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-sm)}.preview-intro__full-name{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-md)}.preview-intro__description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:420px;line-height:1.7;margin-bottom:var(--space-lg)}.preview-intro__detail{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-md)}.preview-intro__publisher{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic;max-width:420px;line-height:1.5;margin-bottom:var(--space-lg);opacity:.85}.preview-intro__disclaimer{font-size:var(--font-size-xs);color:var(--text-tertiary);max-width:420px;line-height:1.5;opacity:.7;margin-bottom:var(--space-lg)}.preview-intro__advisory{display:flex;align-items:flex-start;gap:var(--space-md);max-width:420px;padding:var(--space-md) var(--space-lg);background:#ffb74d14;border:1px solid rgba(255,183,77,.2);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;text-align:left}.preview-intro__begin{padding:var(--space-md) var(--space-3xl);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-on-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.preview-intro__begin:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.preview-error h2{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--space-md)}.preview-results{padding:var(--space-2xl);max-width:700px;margin:0 auto;width:100%;animation:fadeInUp var(--transition-slow) ease forwards}.preview-results__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xl)}.preview-results__score-row{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-sm)}.preview-results__score{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1}.preview-results__max{font-size:var(--font-size-sm);color:var(--text-tertiary)}.preview-results__label{font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-xl)}.preview-results__label[data-severity=minimal]{color:var(--severity-minimal)}.preview-results__label[data-severity=mild]{color:var(--severity-mild)}.preview-results__label[data-severity=moderate]{color:var(--severity-moderate)}.preview-results__label[data-severity=elevated]{color:var(--severity-elevated)}.preview-results__label[data-severity=moderately-severe]{color:var(--severity-mod-severe)}.preview-results__label[data-severity=severe]{color:var(--severity-severe)}.preview-results__actions{display:flex;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.preview-results__action-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.preview-results__action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-primary-dim)}.preview-results__action-btn--retake{border-color:#00bfa54d;color:var(--accent-primary)}.preview-results__breakdown{border-top:1px solid var(--border-subtle);padding-top:var(--space-xl)}.preview-results__breakdown-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-lg)}.preview-results__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.preview-results__item:nth-child(odd){background:#ffffff05}.preview-results__item:hover{background:#ffffff0a}.preview-results__item[data-flagged=true]{background:#ef53501a;border-left:3px solid var(--severity-severe);padding-left:calc(var(--space-md) - 3px)}.preview-results__item[data-flagged=true] .preview-results__item-question span:not(.preview-results__item-num),.preview-results__item[data-flagged=true] .preview-results__item-label{color:var(--severity-severe);font-weight:600}.preview-results__item-question{display:flex;gap:var(--space-sm);flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.preview-results__item-num{color:var(--text-tertiary);font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:20px}.preview-results__item-answer{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.preview-results__item-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.preview-results__item-score{font-size:var(--font-size-xs);color:var(--accent-primary);font-weight:600;font-variant-numeric:tabular-nums;background:var(--accent-primary-dim);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.page-with-toc{display:flex;flex-direction:column;max-width:1100px;margin:0 auto;width:100%;padding:var(--space-2xl)}@media(min-width:1024px){.page-with-toc{flex-direction:row-reverse;flex-direction:row;align-items:flex-start;gap:var(--space-3xl)}}.page-toc{display:none}@media(min-width:1024px){.page-toc{display:block;width:220px;flex-shrink:0;position:sticky;top:var(--space-2xl)}}.page-toc__inner{border-left:2px solid var(--border-subtle);padding-left:var(--space-md)}.page-toc__title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.page-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.page-toc__link{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);display:block;line-height:1.4}.page-toc__link:hover{color:var(--text-primary)}.page-toc__link.active{color:var(--accent-primary);font-weight:600}.legal-page{min-height:100vh;display:flex;flex-direction:column}.legal-page__header{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.legal-page__back-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.legal-page__back-link:hover{color:var(--accent-primary)}.legal-page__content{max-width:720px;margin:0 auto;padding:var(--space-2xl);width:100%;animation:fadeInUp var(--transition-slow) ease forwards}.legal-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.legal-page__updated{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--space-2xl)}.legal-page__section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-subtle)}.legal-page__section:last-child{border-bottom:none}.legal-page__section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-lg);letter-spacing:-.01em}.legal-page__section h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal-page__section p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-md)}.legal-page__section ul{list-style:none;padding:0;margin-bottom:var(--space-md)}.legal-page__section li{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative}.legal-page__section li:before{content:"—";position:absolute;left:0;color:var(--accent-primary);font-weight:600}.instruments-page{min-height:100vh;display:flex;flex-direction:column}.instruments-page__header{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.instruments-page__back-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.instruments-page__back-link:hover{color:var(--accent-primary)}.instruments-page__content{max-width:800px;margin:0 auto;padding:var(--space-2xl);width:100%;animation:fadeInUp var(--transition-slow) ease forwards}.instruments-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.instruments-page__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.8;margin-bottom:var(--space-2xl);max-width:640px}.instruments-page__domain{margin-bottom:var(--space-2xl)}.instruments-page__domain-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);padding-left:var(--space-md);border-left:3px solid;margin-bottom:var(--space-lg);letter-spacing:-.01em}.instruments-page__list{display:flex;flex-direction:column;gap:var(--space-md)}.instrument-entry{padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.instrument-entry:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.instrument-entry__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap}.instrument-entry__name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.instrument-entry__short{font-weight:400;color:var(--text-tertiary);font-size:var(--font-size-sm)}.instrument-entry__meta{font-size:var(--font-size-xs);color:var(--text-tertiary);white-space:nowrap;font-weight:500;letter-spacing:.02em}.instrument-entry__description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-sm)}.instrument-entry__publisher{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--space-xs);font-style:italic}.instrument-entry__citation{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.7;margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-surface-elevated);border-left:2px solid var(--border-medium);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-family:var(--font-family)}.instrument-entry__source{display:inline-block;font-size:var(--font-size-xs);color:var(--accent-primary);text-decoration:none;font-weight:500;transition:opacity var(--transition-fast)}.instrument-entry__source:hover{opacity:.8;text-decoration:underline}.instruments-page__footer-note{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);text-align:center}.instruments-page__footer-note p{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--space-sm)}.instruments-page__legal-link{font-size:var(--font-size-xs);color:var(--accent-primary);text-decoration:none;font-weight:500;opacity:.8;transition:opacity var(--transition-fast)}.instruments-page__legal-link:hover{opacity:1;text-decoration:underline}.instrument-detail-page{min-height:100vh;display:flex;flex-direction:column}.instrument-detail-page__header{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.instrument-detail-page__back-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.instrument-detail-page__back-link:hover{color:var(--accent-primary)}.instrument-detail-page__content{max-width:800px;margin:0 auto;padding:var(--space-3xl) var(--space-xl);width:100%;animation:fadeInUp var(--transition-slow) ease forwards;flex:1}.instrument-detail__hero{margin-bottom:var(--space-lg)}.instrument-detail__name{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.instrument-detail__short-name{font-size:var(--font-size-xl);color:var(--accent-primary);font-weight:600}.instrument-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.instrument-detail__meta-tag{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.instrument-detail__description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-2xl)}.instrument-detail__info-block{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl)}.instrument-detail__info-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-md);font-weight:600}.instrument-detail__publisher,.instrument-detail__citation{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-md)}.instrument-detail__publisher strong,.instrument-detail__citation strong{color:var(--text-primary);font-weight:600}.instrument-detail__citation{margin-bottom:0;font-style:italic}.instrument-detail__actions{display:flex;justify-content:flex-start;margin-bottom:var(--space-2xl)}.instrument-detail__btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);background:var(--accent-primary);color:var(--bg-dark);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.instrument-detail__btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.support-page{min-height:100vh;display:flex;flex-direction:column}.support-page__header{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--border-subtle)}.support-page__back-link{font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.support-page__back-link:hover{color:var(--accent-primary)}.support-page__content{max-width:720px;margin:0 auto;padding:var(--space-2xl);width:100%;animation:fadeInUp var(--transition-slow) ease forwards}.support-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.support-page__subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--space-2xl)}.support-page__contact{margin-bottom:var(--space-2xl)}.support-page__contact-card{padding:var(--space-xl);background:linear-gradient(135deg,#00bfa50f,#00897b0a);border:1px solid rgba(0,191,165,.2);border-radius:var(--radius-lg);text-align:center}.support-page__contact-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.support-page__contact-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.support-page__contact-btn{display:inline-block;padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,#00bfa5,#00897b);color:#fff;text-decoration:none;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:0 2px 12px #00bfa54d}.support-page__contact-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00bfa566}.support-page__contact-note{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-md)}.support-page__faq{margin-bottom:var(--space-2xl)}.support-page__faq-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg)}.support-page__faq-list{display:flex;flex-direction:column;gap:var(--space-sm)}.faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item[open]{border-color:var(--border-medium)}.faq-item__question{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-sm);transition:color var(--transition-fast)}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:before{content:"▸";color:var(--accent-primary);font-size:.8em;transition:transform var(--transition-fast);flex-shrink:0}.faq-item[open] .faq-item__question:before{transform:rotate(90deg)}.faq-item__question:hover{color:var(--accent-primary)}.faq-item__answer{padding:0 var(--space-lg) var(--space-lg) calc(var(--space-lg) + var(--space-sm) + .8em);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8;animation:fadeInUp .2s ease}.support-page__links{padding-top:var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;justify-content:center;gap:var(--space-xl)}.support-page__links a{font-size:var(--font-size-xs);color:var(--accent-primary);text-decoration:none;font-weight:500;opacity:.8;transition:opacity var(--transition-fast)}.support-page__links a:hover{opacity:1;text-decoration:underline}.about-page{min-height:100vh;display:flex;flex-direction:column}.about-page__hero{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--space-2xl);background:radial-gradient(ellipse at 30% 20%,rgba(0,191,165,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(0,137,123,.06) 0%,transparent 60%)}.about-page__hero-content{max-width:640px;text-align:center;animation:fadeInUp var(--transition-slow) ease forwards}.about-page__hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#00bfa5,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md);letter-spacing:-.03em}.about-page__hero-tagline{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.about-page__hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.about-page__btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.about-page__btn--primary{background:linear-gradient(135deg,#00bfa5,#00897b);color:#fff;box-shadow:0 2px 12px #00bfa54d}.about-page__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00bfa566}.about-page__btn--secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.about-page__btn--secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.about-page__section-title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--space-xl);letter-spacing:-.01em}.about-page__features{padding:var(--space-2xl);max-width:960px;margin:0 auto;width:100%}.about-page__features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-lg)}.feature-card{padding:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.feature-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.feature-card__icon{font-size:1.5rem;display:block;margin-bottom:var(--space-sm)}.feature-card__title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.feature-card__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.about-page__workflow{padding:var(--space-2xl);max-width:800px;margin:0 auto;width:100%}.about-page__steps{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.workflow-step{flex:1;min-width:200px;text-align:center;padding:var(--space-lg)}.workflow-step__number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00bfa526,#00897b1a);color:var(--accent-primary);font-weight:700;font-size:var(--font-size-base);margin-bottom:var(--space-md);border:1px solid rgba(0,191,165,.3)}.workflow-step__title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.workflow-step__text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.about-page__footer{margin-top:auto;padding:var(--space-xl) var(--space-2xl);border-top:1px solid var(--border-subtle);text-align:center}.about-page__footer-links{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-md)}.about-page__footer-links a{font-size:var(--font-size-xs);color:var(--accent-primary);text-decoration:none;font-weight:500;opacity:.8;transition:opacity var(--transition-fast)}.about-page__footer-links a:hover{opacity:1;text-decoration:underline}.about-page__footer-disclaimer{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.6;max-width:640px;margin:0 auto}:root{--bg-primary: #0c1219;--bg-surface: #141e2a;--bg-surface-elevated: #1a2836;--bg-surface-hover: #213345;--bg-overlay: rgba(12, 18, 25, .85);--accent-primary: #4fc3f7;--accent-primary-dim: rgba(79, 195, 247, .15);--accent-primary-glow: rgba(79, 195, 247, .3);--accent-secondary: #80deea;--severity-minimal: #66bb6a;--severity-mild: #aed581;--severity-elevated: #ffb74d;--severity-moderate: #ffd54f;--severity-mod-severe: #ffb74d;--severity-severe: #ef5350;--text-primary: #e4eaf0;--text-secondary: #8a9bb0;--text-tertiary: #5a6d82;--text-on-accent: #0c1219;--border-subtle: #1e2d3d;--border-medium: #2a3d52;--border-focus: var(--accent-primary);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accent-primary-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}::selection{background:var(--accent-primary-dim);color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease forwards}.animate-slide-right{animation:slideInRight var(--transition-slow) ease forwards}.animate-slide-left{animation:slideInLeft var(--transition-slow) ease forwards}
