@import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--c-accent: #6366f1;--c-accent-dk: #4f46e5;--c-accent-lt: #eef2ff;--c-accent-grad: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--c-accent-glow: rgba(99,102,241,.22);--c-bg: #F8F8FF;--c-surface: #FFFFFF;--c-surface-2: #FAFAFE;--c-text: #0d0d1a;--c-text-2: #52525b;--c-text-3: #a1a1aa;--c-border: #e8e8f0;--c-border-dk: #d4d4e8;--c-success: #059669;--c-success-lt: #d1fae5;--c-error: #dc2626;--c-error-lt: #fee2e2;--c-warning: #d97706;--c-warning-lt: #fef3c7;--color-bg: #0a0a0a;--color-bg-ui: #F8F8FF;--color-text: #0d0d1a;--color-text-inv: #FFFFFF;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-grey-mid: #a1a1aa;--color-grey-light: #e8e8f0;--color-error: #dc2626;--color-success: #059669;--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-base: 16px;--line-height: 1.6;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--radius-pill: 999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);--shadow-sm: 0 2px 8px rgba(0,0,0,.05), 0 4px 16px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.06), 0 12px 40px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.07), 0 24px 64px rgba(0,0,0,.1);--shadow-accent: 0 4px 20px rgba(99,102,241,.3), 0 1px 4px rgba(99,102,241,.2);--transition: .18s ease;--transition-md: .28s cubic-bezier(.4,0,.2,1);--header-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-base);font-size:var(--font-size-base);line-height:var(--line-height);background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}#app{min-height:100vh;display:flex;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sl-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#ffffffe0;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid rgba(99,102,241,.08);display:flex;align-items:center;padding:0 36px;flex-shrink:0;box-shadow:0 1px #6366f10f,var(--shadow-xs)}.sl-logo{display:flex;align-items:center;gap:12px;text-decoration:none;-webkit-user-select:none;user-select:none}.sl-logo-mark{width:38px;height:38px;background:var(--c-accent-grad);color:#fff;font-weight:800;font-size:17px;border-radius:11px;display:flex;align-items:center;justify-content:center;letter-spacing:-.03em;flex-shrink:0;box-shadow:var(--shadow-accent)}.sl-logo-text{font-size:17px;font-weight:800;color:var(--c-text);letter-spacing:-.04em}.sl-logo-sub{font-size:12px;font-weight:400;color:var(--c-text-3);margin-left:2px}.sl-header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.sl-secure-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--c-success);background:var(--c-success-lt);padding:5px 12px;border-radius:var(--radius-pill)}.sl-page-title{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:var(--c-text-2);letter-spacing:-.01em;white-space:nowrap;pointer-events:none}.sl-logo-img{height:44px;width:44px;object-fit:contain;flex-shrink:0;border-radius:8px}.sl-conn-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-3);cursor:default}.sl-conn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .4s ease}.sl-conn-dot--unknown{background:#d4d4e8}.sl-conn-dot--good{background:#22c55e;box-shadow:0 0 6px #22c55e99}.sl-conn-dot--warn{background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.sl-conn-dot--bad{background:#ef4444;box-shadow:0 0 6px #ef444499}.sl-conn-label{font-size:11px;font-weight:500;letter-spacing:.01em;white-space:nowrap}@media (max-width: 480px){.sl-conn-label{display:none}}.sl-main{flex:1;display:flex;flex-direction:column;min-height:0}#ui-layer{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px 72px}.mobile-block{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-bg);z-index:9999;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:32px;text-align:center}.mobile-block.visible{display:flex}.mobile-block-icon{font-size:56px}.mobile-block h1{font-size:22px;font-weight:800;color:var(--c-text);max-width:340px;letter-spacing:-.03em}.mobile-block p{font-size:15px;color:var(--c-text-2);max-width:360px;line-height:1.6}.sl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--c-text-3);font-size:15px}.sl-spinner{width:36px;height:36px;border:3px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}.sl-error-page{display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;width:100%}.sl-error-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 40px;max-width:520px;width:100%;border-top:4px solid var(--c-error)}.sl-error-card h2{font-size:20px;font-weight:700;color:var(--c-error);margin-bottom:12px}.sl-error-card p{font-size:15px;color:var(--c-text-2);line-height:1.6}.sl-welcome{width:100%;max-width:780px}.sl-welcome-header{margin-bottom:36px}.sl-welcome-header h1{font-size:36px;font-weight:800;letter-spacing:-.04em;margin-bottom:8px;color:var(--c-text);line-height:1.15}.sl-welcome-header p{font-size:16px;color:var(--c-text-2)}.sl-session-overview{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 28px;display:flex;align-items:center;gap:0;margin-bottom:28px;overflow:hidden}.sl-step{display:flex;align-items:center;gap:10px;flex:1}.sl-step-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;border:2px solid var(--c-border);background:var(--c-bg);color:var(--c-text-3);transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.sl-step.done .sl-step-icon{background:var(--c-success-lt);border-color:var(--c-success);color:var(--c-success)}.sl-step.active .sl-step-icon{background:var(--c-accent-grad);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent)}.sl-step-label{font-size:13px;font-weight:600;color:var(--c-text-3)}.sl-step.done .sl-step-label{color:var(--c-success)}.sl-step.active .sl-step-label{color:var(--c-accent)}.sl-step-time{font-size:11px;color:var(--c-text-3);margin-top:1px}.sl-step-connector{width:24px;height:2px;background:var(--c-border);flex-shrink:0;margin:0 4px}.sl-block-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sl-block-card{background:var(--c-surface);border:none;border-radius:var(--radius);padding:32px 28px;cursor:pointer;transition:box-shadow var(--transition-md),transform var(--transition-md);text-align:left;display:flex;flex-direction:column;gap:14px;position:relative;outline:none;box-shadow:var(--shadow-sm)}.sl-block-card:hover:not(.done):not(.locked){box-shadow:var(--shadow);transform:translateY(-4px)}.sl-block-card:focus-visible:not(.done):not(.locked){outline:3px solid var(--c-accent);outline-offset:3px}.sl-block-card.done{box-shadow:0 2px 8px #0596691a,0 0 0 2px #05966926;cursor:default}.sl-block-card.locked{opacity:.45;cursor:not-allowed;box-shadow:none}.sl-block-card-icon{font-size:38px;line-height:1}.sl-block-card-title{font-size:19px;font-weight:700;letter-spacing:-.03em}.sl-block-card-desc{font-size:14px;color:var(--c-text-2);line-height:1.55}.sl-block-card-meta{display:flex;gap:16px;margin-top:4px}.sl-block-card-meta span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--c-text-3);font-weight:500}.sl-block-card-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:var(--radius-pill);width:fit-content;margin-top:auto}.sl-block-card-status.pending{background:var(--c-accent-lt);color:var(--c-accent)}.sl-block-card-status.done{background:var(--c-success-lt);color:var(--c-success)}.sl-block-cta{position:absolute;bottom:24px;right:24px;font-size:12px;font-weight:600;color:var(--c-accent);opacity:0;transition:opacity var(--transition)}.sl-block-card:hover:not(.done):not(.locked) .sl-block-cta{opacity:1}.sl-data-form-page{width:100%;max-width:540px}.sl-data-form-page h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.04em}.sl-data-form-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:28px}.form-group-row{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.form-group-row label{font-size:13px;font-weight:600;color:var(--c-text)}.sl-consent-page{width:100%;max-width:720px}.sl-consent-page h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.04em}.sl-consent-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:28px}.sl-consent-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);height:340px;overflow-y:auto;padding:28px 32px;font-size:14px;line-height:1.75;color:var(--c-text-2);box-shadow:var(--shadow-xs);margin-bottom:20px;scroll-behavior:smooth}.sl-consent-box h3{font-size:15px;font-weight:700;color:var(--c-text);margin:24px 0 8px}.sl-consent-box h3:first-child{margin-top:0}.sl-consent-box p{margin-bottom:12px}.sl-consent-box ul{padding-left:20px;margin-bottom:12px}.sl-consent-box ul li{margin-bottom:4px}.sl-consent-scroll-hint{font-size:12px;color:var(--c-text-3);text-align:center;margin-bottom:16px}.sl-consent-check{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);margin-bottom:24px;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-xs)}.sl-consent-check:has(input:checked),.sl-consent-check.checked{border-color:var(--c-accent);background:var(--c-accent-lt);box-shadow:0 0 0 3px #6366f11f}.sl-consent-check input{width:20px;height:20px;accent-color:var(--c-accent);flex-shrink:0;margin-top:2px;cursor:pointer}.sl-consent-check span{font-size:14px;color:var(--c-text);line-height:1.5;font-weight:500}.sl-prep-page{width:100%;max-width:700px}.sl-prep-page h1{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.04em}.sl-prep-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:32px}.sl-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px;margin-bottom:18px}.sl-card-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-3);margin-bottom:18px}.sl-checklist{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.sl-checklist-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:var(--c-bg);border-radius:var(--radius-sm)}.sl-checklist-num{width:26px;height:26px;border-radius:50%;background:var(--c-accent-grad);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;box-shadow:0 2px 8px #6366f14d}.sl-checklist-text{font-size:14px;color:var(--c-text);line-height:1.5}.sl-checklist-new{display:flex;flex-direction:column;gap:8px}.sl-check-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--c-bg);border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none}.sl-check-item:hover{border-color:var(--c-accent);background:var(--c-accent-lt);box-shadow:0 2px 12px #6366f11f;transform:translate(2px)}.sl-check-item.checked{border-color:var(--c-success);background:var(--c-success-lt)}.sl-check-item input[type=checkbox]{display:none}.sl-check-num{width:24px;height:24px;border-radius:50%;background:var(--c-accent-grad);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #6366f147}.sl-check-item.checked .sl-check-num{background:var(--c-success);box-shadow:0 2px 6px #05966947}.sl-check-badge{width:22px;height:22px;border-radius:50%;border:2px solid var(--c-border-dk);background:var(--c-surface);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--c-text-3);flex-shrink:0;transition:border-color var(--transition),background var(--transition),color var(--transition)}.sl-check-badge.ok,.sl-check-item.checked .sl-check-badge{border-color:var(--c-success);background:var(--c-success-lt);color:var(--c-success)}.sl-check-text{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.4}.sl-check-text strong{color:var(--c-text);font-weight:600}.sl-check-text span{color:var(--c-text-2);font-size:12px}.sl-progress-bar-wrap{margin-bottom:32px}.sl-progress-track{width:100%;height:6px;background:var(--c-border);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:12px}.sl-progress-fill{height:100%;background:linear-gradient(90deg,#059669,#6366f1 60%,#8b5cf6);border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #6366f159}.sl-progress-dots{display:flex;gap:8px;align-items:center;margin-bottom:6px}.sl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid transparent;transition:background var(--transition),border-color var(--transition)}.sl-dot--done{background:#22c55e;border-color:#16a34a}.sl-dot--active{background:#f59e0b;border-color:#d97706}.sl-dot--pending{background:#f87171;border-color:#ef4444}.sl-progress-label{font-size:12px;color:var(--c-text-3);font-weight:500}.sl-audio-test{display:flex;flex-direction:column;gap:10px}.sl-audio-status{font-size:14px;height:22px;display:flex;align-items:center;gap:6px;color:var(--c-text-3)}.sl-audio-status.ok{color:var(--c-success)}.sl-audio-status.error{color:var(--c-error)}.sl-start-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.sl-countdown-ring-wrap{position:relative;width:84px;height:84px}.sl-countdown-svg{width:84px;height:84px;transform:rotate(-90deg)}.sl-countdown-track{fill:none;stroke:var(--c-border);stroke-width:5}.sl-countdown-arc{fill:none;stroke:var(--c-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:207;stroke-dashoffset:207;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 5px rgba(99,102,241,.5))}.sl-countdown-arc.done{stroke:var(--c-success);filter:drop-shadow(0 0 5px rgba(5,150,105,.5))}.sl-countdown-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--c-text)}.sl-countdown-num.done{color:var(--c-success)}.sl-start-hint{font-size:13px;color:var(--c-text-3);text-align:center}.sl-complete-page{width:100%;max-width:580px;text-align:center}.sl-complete-icon{font-size:72px;margin-bottom:24px;line-height:1}.sl-complete-page h1{font-size:30px;font-weight:800;letter-spacing:-.04em;margin-bottom:14px}.sl-complete-page p{font-size:16px;color:var(--c-text-2);line-height:1.6;margin-bottom:32px;max-width:460px;margin-left:auto;margin-right:auto}.sl-complete-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 40px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:48px;padding:12px 28px;font-family:var(--font-base);font-size:15px;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),filter var(--transition),opacity var(--transition);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.btn-primary{background:var(--c-accent-grad);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 8px 28px #6366f166,0 2px 8px #6366f140;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.97)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--c-surface);color:var(--c-accent);box-shadow:var(--shadow-xs);border:1.5px solid var(--c-border)}.btn-secondary:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-lt);box-shadow:0 2px 12px #6366f124;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-lg{font-size:16px;padding:15px 36px}.btn-full{width:100%}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:48px;padding:11px 16px;font-size:15px;font-family:var(--font-base);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-xs)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px #6366f11f}.form-group.error input{border-color:var(--c-error)}.form-error-msg{display:none;color:var(--c-error);font-size:13px;margin-top:4px}.form-group.error .form-error-msg{display:block}body.experiment-mode{background:#000;color:#fff;cursor:none}body.experiment-mode #app{background:#000}#experiment-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;align-items:center;justify-content:center;flex-direction:column}#experiment-overlay.active{display:flex}#stim-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#stim-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:none;transform:translateZ(0);backface-visibility:hidden;will-change:transform}#stim-video.active{display:block}#phase-label{position:relative;z-index:10;color:#fff;font-size:22px;font-weight:600;text-align:center;letter-spacing:.04em;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.7)}#countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:15;display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#fff;text-align:center}#countdown-overlay.active{display:flex}#countdown-number{font-size:120px;font-weight:700;line-height:1}#countdown-label{font-size:18px;color:#aaa}#pause-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:20;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#fff}#pause-overlay.active{display:flex}.progress-bar-wrap{width:100%;height:8px;background:var(--c-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--c-accent-grad);transition:width .3s ease}#questionnaire-container,#questionnaire-container *{font-family:OpenDyslexic,sans-serif!important}.q-progress-wrap{width:100%;height:6px;background:var(--color-grey-light);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:36px;position:relative}.q-progress-fill{height:100%;background:var(--c-accent-grad);transition:width .4s ease;box-shadow:0 0 6px #6366f159}.q-progress-label{position:absolute;right:0;top:-22px;font-size:12px;color:var(--color-grey-mid)}.q-item-wrap{max-width:680px;margin:0 auto;padding:16px 0}.q-item-body{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 44px}.q-counter{font-size:11px;color:var(--color-grey-mid);margin-bottom:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.q-text{font-size:19px;font-weight:700;line-height:1.45;margin-bottom:10px;color:var(--color-text);letter-spacing:-.02em}.q-instruction{font-size:14px;color:var(--color-grey-mid);margin-bottom:28px;font-style:italic}.q-response-area{margin:24px 0}.q-likert{display:flex;flex-direction:column;gap:10px}.q-likert-option{display:flex;align-items:center;gap:14px;padding:13px 18px;border:1.5px solid var(--color-grey-light);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.q-likert-option:hover{border-color:var(--color-accent);background:var(--c-accent-lt);box-shadow:0 2px 8px #6366f11a}.q-likert-option input[type=radio]{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.q-likert-option:has(input:checked),.q-likert-option.checked{border-color:var(--color-accent);background:var(--c-accent-lt);box-shadow:0 0 0 3px #6366f11f}.q-likert-label{font-size:15px;color:var(--color-text);line-height:1.4}.q-select{width:100%;min-height:48px;padding:11px 16px;font-size:15px;font-family:var(--font-base);border:1.5px solid var(--color-grey-light);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.q-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11f}.q-checkbox-group{display:flex;flex-direction:column;gap:10px}.q-checkbox-option{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1.5px solid var(--color-grey-light);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;transition:border-color var(--transition)}.q-checkbox-option:hover{border-color:var(--color-accent)}.q-checkbox-option input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent);flex-shrink:0}.q-text-input{width:100%;min-height:48px;padding:11px 16px;font-size:15px;font-family:var(--font-base);border:1.5px solid var(--color-grey-light);border-radius:var(--radius-sm);resize:vertical;transition:border-color var(--transition),box-shadow var(--transition)}.q-text-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11f}.q-slider-wrap{padding:8px 0}.q-slider{width:100%;height:6px;accent-color:var(--color-accent);cursor:pointer}.q-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--color-grey-mid)}.q-slider-labels span:nth-child(2){font-weight:800;font-size:22px;color:var(--color-accent)}.q-date-input{width:100%;min-height:48px;padding:11px 16px;font-size:15px;font-family:var(--font-base);border:1.5px solid var(--color-grey-light);border-radius:var(--radius-sm);transition:border-color var(--transition)}.q-date-input:focus{outline:none;border-color:var(--color-accent)}.q-next-btn{width:100%;margin-top:10px}.q-nav-buttons{display:flex;gap:10px;margin-top:16px}.q-nav-buttons .q-next-btn{width:auto;flex:1;margin-top:0}.q-nav-buttons .q-back-btn{flex:0 0 auto;padding:10px 18px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;cursor:pointer}.q-nav-buttons .q-back-btn:disabled{opacity:.35;cursor:not-allowed}.q-completing{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;color:var(--color-grey-mid)}.q-spinner{width:40px;height:40px;border:4px solid var(--color-grey-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.sl-rdk-instructions{display:flex;justify-content:center;align-items:flex-start;padding:48px 24px 64px;min-height:calc(100vh - var(--header-h))}.sl-rdk-instr-card{background:var(--c-surface);border-radius:var(--radius);padding:52px 60px;max-width:640px;width:100%;box-shadow:var(--shadow)}.sl-rdk-instr-card h2{font-size:24px;font-weight:800;color:var(--c-text);margin:0 0 16px;letter-spacing:-.03em}.sl-rdk-instr-card p{font-size:15px;color:var(--c-text-2);line-height:1.65;margin:0 0 24px}.sl-rdk-demo-wrap{display:flex;justify-content:center;margin:24px 0}.sl-rdk-demo-wrap canvas{border-radius:50%;display:block;max-width:240px;max-height:240px;width:100%;height:auto}.sl-rdk-key-legend{display:flex;gap:32px;justify-content:center;margin:0 0 24px}.sl-rdk-key-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--c-text-2)}.sl-kbd{display:inline-block;padding:4px 11px;background:var(--c-bg);border:1.5px solid var(--c-border-dk);border-bottom-width:3px;border-radius:7px;font-family:inherit;font-size:13px;font-weight:600;color:var(--c-text);line-height:1.4}.sl-rdk-key-demo{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 0 20px}.sl-rdk-key-demo-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--c-text-3)}.sl-kbd--large{padding:11px 20px;font-size:21px;border-radius:10px;transition:all .15s ease}.sl-kbd--inline{font-size:11px;padding:2px 6px;vertical-align:middle}.sl-rdk-key-demo-item.active .sl-kbd--large{background:#dcfce7;border-color:#22c55e;color:#16a34a;box-shadow:0 0 0 3px #22c55e40}.sl-rdk-wrong-flash{width:40px;height:40px;border-radius:50%;background:#fee2e2;border:2px solid #ef4444;color:#dc2626;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:rdk-wrong-pop .15s ease-out}.sl-rdk-info-box{display:flex;align-items:flex-start;gap:10px;background:var(--c-accent-lt);border:1.5px solid rgba(99,102,241,.2);border-radius:var(--radius-xs);padding:13px 18px;font-size:13px;color:#4338ca;margin:0 0 20px;line-height:1.55}.sl-rdk-note{font-size:13px;color:var(--c-text-3);margin:0 0 16px}.sl-rdk-complete-icon{width:60px;height:60px;border-radius:50%;background:var(--c-success-lt);color:var(--c-success);font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.sl-rdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:900}.rdk-top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;color:#ffffff73;font-size:13px;letter-spacing:.03em}.rdk-phase-label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600}.rdk-trial-counter{font-variant-numeric:tabular-nums}.rdk-canvas-wrap{position:relative;border-radius:50%;transition:box-shadow .08s ease}.rdk-canvas-wrap canvas{display:block;border-radius:50%}.rdk-feedback-correct .rdk-canvas-wrap,.rdk-canvas-wrap.rdk-feedback-correct{box-shadow:0 0 0 6px #059669}.rdk-feedback-wrong .rdk-canvas-wrap,.rdk-canvas-wrap.rdk-feedback-wrong{box-shadow:0 0 0 6px #dc2626}.rdk-key-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:#ffffff61;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}.rdk-key-hint .sl-kbd{background:#ffffff1a;border-color:#ffffff38;color:#ffffffa6}.rdk-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}.rdk-result-item{background:var(--c-bg);border-radius:var(--radius-sm);padding:18px;text-align:center;box-shadow:var(--shadow-xs)}.rdk-result-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:6px}.rdk-result-value{display:block;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--c-accent)}.sl-dlt-page{display:flex;justify-content:center;align-items:flex-start;padding:48px 24px 64px;min-height:calc(100vh - var(--header-h))}.sl-dlt-card{background:var(--c-surface);border-radius:var(--radius);padding:52px 60px;max-width:620px;width:100%;box-shadow:var(--shadow)}.sl-dlt-card h2{font-size:24px;font-weight:800;color:var(--c-text);margin:0 0 16px;letter-spacing:-.03em}.sl-dlt-card p{font-size:15px;color:var(--c-text-2);line-height:1.65;margin:0 0 16px}.sl-dlt-syllable-preview{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.sl-dlt-syll-pill{display:flex;align-items:center;gap:8px;background:var(--c-bg);border-radius:var(--radius-sm);padding:8px 16px;box-shadow:var(--shadow-xs)}.sl-dlt-syll-label{font-size:15px;font-weight:600;color:var(--c-text)}.sl-dlt-cond-list{margin:0 0 20px;padding-left:20px;color:var(--c-text-2);font-size:14px;line-height:1.8}.sl-dlt-headphones-warning{background:var(--c-accent-lt);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-sm);padding:13px 18px;font-size:13px;color:var(--c-accent-dk);margin:0 0 28px}.sl-dlt-cond-num{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-3);margin-bottom:8px;font-weight:600}.sl-dlt-ear-badge{display:inline-block;padding:6px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:700;margin-bottom:16px}.sl-dlt-ear-right{background:var(--c-accent-lt);color:var(--c-accent-dk)}.sl-dlt-ear-left{background:#fde8e8;color:#7b1f1f}.sl-dlt-trial-count{font-size:13px;color:var(--c-text-3);margin-bottom:28px}.sl-dlt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1117;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:900}.dlt-top-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;color:#fff6;font-size:13px}.dlt-phase-label{text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:600}.dlt-trial-counter{font-variant-numeric:tabular-nums}.dlt-ear-indicator{font-size:20px;font-weight:800;letter-spacing:.14em;color:#ffffff4d}.dlt-ear-indicator.dlt-ear-free{color:#ffffff4d}.dlt-ear-active{color:#fff}.dlt-ear-dim{color:#ffffff2e}.dlt-stim-indicator{display:flex;flex-direction:column;align-items:center;gap:12px}.dlt-stim-dot{width:20px;height:20px;border-radius:50%;background:#ffffff1f;transition:background .1s,box-shadow .1s}.dlt-stim-dot.active{background:#fff;box-shadow:0 0 20px 8px #ffffff4d}#dlt-stim-label{font-size:13px;color:#fff6;letter-spacing:.04em}.dlt-syllable-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;max-width:680px;width:90vw}.dlt-syll-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius-xs);color:#fff;font-family:inherit;cursor:pointer;transition:background .1s,border-color .1s,transform .08s}.dlt-syll-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.dlt-syll-btn:not(:disabled):hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.dlt-syll-btn:not(:disabled):active{transform:translateY(0)}.dlt-syll-key{font-size:11px;color:#ffffff59}.dlt-syll-text{font-size:18px;font-weight:700}.dlt-key-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:12px;color:#ffffff42;white-space:nowrap}.dlt-key-hint .sl-kbd{background:#ffffff14;border-color:#ffffff2e;color:#ffffff6b;font-size:11px;padding:2px 6px}.sl-dlt-complete-card{max-width:600px}.dlt-rea-hero{background:var(--c-bg);border-radius:var(--radius-sm);padding:22px 28px;text-align:center;margin:28px 0 20px;box-shadow:var(--shadow-xs)}.dlt-rea-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:6px}.dlt-rea-val{display:block;font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--c-text)}.dlt-rea-hero.rea-r .dlt-rea-val{color:var(--c-accent)}.dlt-rea-hero.rea-l .dlt-rea-val{color:#7b1f1f}.dlt-rea-sub{display:block;font-size:13px;color:var(--c-text-3);margin-top:4px}.dlt-result-conditions{display:flex;flex-direction:column;gap:10px}.dlt-result-condition{background:var(--c-bg);border-radius:var(--radius-sm);padding:16px 18px;box-shadow:var(--shadow-xs)}.dlt-result-cond-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:12px}.dlt-result-ears{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dlt-result-ear{text-align:center}.dlt-result-ear-label{display:block;font-size:11px;color:var(--c-text-3);margin-bottom:4px}.dlt-result-ear-val{display:block;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--c-text)}.dlt-result-ear-val.rea-sig{color:var(--c-accent)}.cog-page{display:flex;justify-content:center;align-items:flex-start;padding:48px 24px 64px;min-height:calc(100vh - var(--header-h))}.cog-card{background:var(--c-surface);border-radius:var(--radius);padding:52px 60px;max-width:580px;width:100%;box-shadow:var(--shadow)}.cog-card h2{font-size:24px;font-weight:800;color:var(--c-text);margin:0 0 16px;letter-spacing:-.03em}.cog-card h3{font-size:18px;font-weight:700;color:var(--c-text);margin:0 0 16px;letter-spacing:-.02em}.cog-card p{font-size:15px;color:var(--c-text-2);line-height:1.65;margin:0 0 16px}.cog-test-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-3);margin-bottom:12px}.cog-warning-box{background:var(--c-accent-lt);border:1px solid rgba(99,102,241,.22);border-radius:var(--radius-sm);padding:13px 18px;font-size:13px;color:var(--c-accent-dk);margin:0 0 28px}.cog-key-row{display:flex;gap:24px;margin:16px 0 28px}.cog-key-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-text-2)}.cog-complete-card{text-align:center}.cog-check{width:60px;height:60px;border-radius:50%;background:var(--c-success-lt);color:var(--c-success);font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.cog-result-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--c-border);font-size:14px;color:var(--c-text-2)}.cog-result-row:last-of-type{border-bottom:none}.cog-result-row strong{color:var(--c-text)}.cog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:900}.cog-overlay-counter{position:absolute;top:14px;right:24px;color:#ffffff52;font-size:13px;font-variant-numeric:tabular-nums}.cog-overlay-status{font-size:18px;color:#ffffff73;letter-spacing:.04em;transition:color .15s}.cog-overlay-status.active{color:#fff}.cog-overlay-hint{color:#ffffff42;font-size:12px}.sl-kbd-dark{background:#ffffff1a;border-color:#fff3;color:#fff9}.battery-test-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.battery-test-item{display:flex;align-items:center;gap:14px;background:var(--c-bg);border-radius:var(--radius-sm);padding:13px 18px;box-shadow:var(--shadow-xs)}.battery-test-num{width:26px;height:26px;border-radius:50%;background:var(--c-accent-grad);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #6366f147}.battery-test-icon{font-size:20px}.battery-test-label{font-size:14px;font-weight:600;color:var(--c-text)}.battery-test-sublabel{font-size:12px;color:var(--c-text-3)}.battery-done-list{display:flex;flex-direction:column;gap:8px;margin:16px 0;text-align:left}.battery-done-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--c-text-2)}.battery-done-check{color:var(--c-success);font-weight:700}.fpt-overlay{background:#0a0c10}.fpt-pattern-demo{margin:16px 0 24px}.fpt-demo-label{font-size:13px;color:var(--c-text-3);margin-bottom:10px}.fpt-demo-dots{display:flex;gap:10px}.fpt-dot{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid}.fpt-dot.h{background:#1e3a5f;border-color:#6366f1;color:#a5b4fc}.fpt-dot.l{background:#2d1b1b;border-color:#8b3131;color:#e08080}.fpt-response-area{display:flex;flex-direction:column;align-items:center;gap:24px}.fpt-slots{display:flex;gap:16px}.fpt-slot{width:64px;height:64px;border:2px solid rgba(255,255,255,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#ffffff4d;transition:all .15s}.fpt-slot.h{border-color:#a5b4fc;color:#a5b4fc;background:#6366f140}.fpt-slot.l{border-color:#e08080;color:#e08080;background:#8b31314d}.fpt-buttons{display:flex;gap:16px}.fpt-hl-btn{padding:12px 28px;border-radius:var(--radius-xs);border:2px solid;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .1s,transform .08s}.fpt-hl-btn:disabled{opacity:.22;cursor:default;pointer-events:none}.fpt-hl-btn:not(:disabled):active{transform:scale(.96)}.fpt-hl-btn.h{background:#6366f159;border-color:#a5b4fc;color:#a5b4fc}.fpt-hl-btn.l{background:#8b313166;border-color:#e08080;color:#e08080}.crowding-overlay{background:#000}.crowding-demo{display:flex;align-items:center;gap:8px;margin:20px 0 24px;padding:16px;background:var(--c-bg);border-radius:var(--radius-sm);justify-content:center}.crowding-fix{font-size:24px;font-weight:700;color:var(--c-text);margin-right:32px}.crowding-flanker{font-size:28px;color:var(--c-text-2)}.crowding-target-demo{font-size:28px;color:var(--c-accent)}.navon-overlay{background:#0a0c10}.navon-demo-wrap{margin:16px 0 24px;display:flex;gap:32px;align-items:flex-start}.navon-letter-demo,.navon-letter{display:inline-block}.navon-row{display:flex;gap:2px}.navon-cell{display:inline-flex;align-items:center;justify-content:center;width:1.3em}.navon-cell-on{color:var(--c-text);font-weight:700}.navon-cell-off{color:transparent;-webkit-user-select:none;user-select:none}.navon-demo-labels{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--c-text-2)}.navon-level-tag{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:13px;color:#ffffff6b;white-space:nowrap}.navon-stim-area{display:flex;align-items:center;justify-content:center;min-height:200px;width:100%}.navon-overlay .navon-cell-on{color:#fff}.navon-overlay .navon-cell-off{color:transparent}.srt-overlay{background:#000}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic/OpenDyslexic-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic/OpenDyslexic-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic/OpenDyslexic-Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:OpenDyslexic;src:url(/fonts/opendyslexic/OpenDyslexic-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}.scp-kids{font-family:OpenDyslexic,Comic Sans MS,sans-serif!important;letter-spacing:.03em;line-height:1.7}.scp-kids *{font-family:inherit!important}@keyframes rdk-wrong-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.sl-device-panel{margin-top:28px;border:1.5px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}.sl-device-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#f8fafc;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#334155;text-align:left;transition:background .15s}.sl-device-toggle:hover{background:#f1f5f9}#sl-device-content{padding:20px 24px 24px;border-top:1px solid #e2e8f0}#sl-qr-container img,#sl-qr-container canvas{border-radius:10px;box-shadow:0 2px 12px #00000014}.sl-help-fab{position:fixed;bottom:24px;right:24px;z-index:900;width:52px;height:52px;border-radius:50%;background:#1e3a5f;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #1e3a5f61;transition:transform .15s,box-shadow .15s,background .15s}.sl-help-fab:hover{background:#2b4f7e;transform:translateY(-2px);box-shadow:0 6px 22px #1e3a5f73}.sl-help-fab:active{transform:translateY(0)}.sl-report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sl-report-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 8px 40px #00000038;overflow:hidden;animation:sl-modal-in .18s ease}@keyframes sl-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sl-report-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.sl-report-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.sl-report-close{background:none;border:none;font-size:22px;line-height:1;color:#94a3b8;cursor:pointer;padding:4px 6px;border-radius:6px;transition:color .12s,background .12s}.sl-report-close:hover{color:#0f172a;background:#f1f5f9}.sl-report-intro{font-size:13px;color:#64748b;line-height:1.6;margin:10px 24px 0}#sl-report-form{padding:16px 24px 24px;display:flex;flex-direction:column;gap:14px}.sl-report-field{display:flex;flex-direction:column;gap:5px}.sl-report-label{font-size:13px;font-weight:600;color:#334155}.sl-report-required{color:#ef4444}.sl-report-optional{font-weight:400;color:#94a3b8;font-size:12px}.sl-report-select,.sl-report-input,.sl-report-textarea{width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 12px;font-size:13px;color:#0f172a;font-family:inherit;background:#fafafa;transition:border-color .15s,box-shadow .15s;outline:none}.sl-report-select:focus,.sl-report-input:focus,.sl-report-textarea:focus{border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1f;background:#fff}.sl-report-textarea{resize:vertical;min-height:100px;line-height:1.5}.sl-report-charcount{font-size:11px;color:#94a3b8;text-align:right}.sl-report-hint{font-size:12px;color:#94a3b8;line-height:1.5}.sl-report-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#b91c1c;line-height:1.5}.sl-report-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13px;color:#166534;font-weight:600}.sl-report-submit{width:100%;padding:11px;background:#1e3a5f;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.sl-report-submit:hover:not(:disabled){background:#2b4f7e}.sl-report-submit:disabled{opacity:.6;cursor:not-allowed}