:root{--c-accent: #2B579A;--c-accent-dk: #1e3f6f;--c-accent-lt: #dce8f7;--c-bg: #F2F4F7;--c-surface: #FFFFFF;--c-text: #1A1D23;--c-text-2: #4A5568;--c-text-3: #8492A6;--c-border: #E2E8F0;--c-border-dk: #CBD5E0;--c-success: #1A7A4A;--c-success-lt: #D4F0E2;--c-error: #C0392B;--c-error-lt: #FDE8E8;--c-warning: #B45309;--c-warning-lt: #FEF3C7;--color-bg: #0a0a0a;--color-bg-ui: #F2F4F7;--color-text: #1A1D23;--color-text-inv: #FFFFFF;--color-accent: #2B579A;--color-accent-hover: #1e3f6f;--color-grey-mid: #8492A6;--color-grey-light: #E2E8F0;--color-error: #C0392B;--color-success: #1A7A4A;--font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-base: 16px;--line-height: 1.6;--radius: 10px;--radius-sm: 6px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.05);--shadow-lg: 0 12px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--transition: .18s ease;--header-h: 64px}*,*: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}#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:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 32px;flex-shrink:0;box-shadow:var(--shadow-sm)}.sl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;-webkit-user-select:none;user-select:none}.sl-logo-mark{width:36px;height:36px;background:var(--c-accent);color:#fff;font-weight:800;font-size:18px;border-radius:8px;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em;flex-shrink:0}.sl-logo-text{font-size:18px;font-weight:700;color:var(--c-text);letter-spacing:-.02em}.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;color:var(--c-success);background:var(--c-success-lt);padding:4px 10px;border-radius:20px;font-weight:500}.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{width:36px;height:36px;object-fit:contain;border-radius:6px;flex-shrink:0}.sl-conn-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-3);cursor:default}.sl-conn-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;transition:background-color .4s ease}.sl-conn-dot--unknown{background:#94a3b8}.sl-conn-dot--good{background:#22c55e;box-shadow:0 0 5px #22c55e80}.sl-conn-dot--warn{background:#f59e0b;box-shadow:0 0 5px #f59e0b80}.sl-conn-dot--bad{background:#ef4444;box-shadow:0 0 5px #ef444480}.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:40px 24px 60px}.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:700;color:var(--c-text);max-width:340px}.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:40px 24px;width:100%}.sl-error-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding: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:760px}.sl-welcome-header{margin-bottom:32px}.sl-welcome-header h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.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);border:1px solid var(--c-border);padding:20px 24px;display:flex;align-items:center;gap:0;margin-bottom:24px;overflow:hidden}.sl-step{display:flex;align-items:center;gap:10px;flex:1}.sl-step-icon{width:32px;height:32px;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)}.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);border-color:var(--c-accent);color:#fff}.sl-step-label{font-size:13px;font-weight:600;color:var(--c-text-2)}.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:16px}.sl-block-card{background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius);padding:28px 24px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);text-align:left;display:flex;flex-direction:column;gap:12px;position:relative;outline:none}.sl-block-card:hover:not(.done):not(.locked){border-color:var(--c-accent);box-shadow:var(--shadow);transform:translateY(-2px)}.sl-block-card:focus-visible:not(.done):not(.locked){outline:3px solid var(--c-accent);outline-offset:2px}.sl-block-card.done{border-color:var(--c-success);background:#fafffe;cursor:default}.sl-block-card.locked{opacity:.5;cursor:not-allowed}.sl-block-card-icon{font-size:36px;line-height:1}.sl-block-card-title{font-size:18px;font-weight:700;letter-spacing:-.01em}.sl-block-card-desc{font-size:14px;color:var(--c-text-2);line-height:1.5}.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:13px;font-weight:600;padding:6px 12px;border-radius:20px;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:20px;right:20px;font-size:12px;color:var(--c-accent);font-weight:600;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:520px}.sl-data-form-page h1{font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.sl-data-form-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:24px}.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:700px}.sl-consent-page h1{font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.sl-consent-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:24px}.sl-consent-box{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);height:340px;overflow-y:auto;padding:24px 28px;font-size:14px;line-height:1.7;color:var(--c-text-2);box-shadow:var(--shadow-sm);margin-bottom:20px;scroll-behavior:smooth}.sl-consent-box h3{font-size:15px;font-weight:700;color:var(--c-text);margin:20px 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:12px;padding:16px 18px;background:var(--c-surface);border:2px solid var(--c-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),background var(--transition);margin-bottom:20px;-webkit-user-select:none;user-select:none}.sl-consent-check:has(input:checked){border-color:var(--c-accent);background:var(--c-accent-lt)}.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:680px}.sl-prep-page h1{font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.sl-prep-page .subtitle{font-size:15px;color:var(--c-text-2);margin-bottom:28px}.sl-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);padding:28px;margin-bottom:16px}.sl-card-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:16px}.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:12px 14px;background:var(--c-bg);border-radius:var(--radius-sm);border:1px solid var(--c-border)}.sl-checklist-num{width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.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:12px;padding:12px 16px;background:var(--c-bg);border-radius:var(--radius-sm);border:1.5px solid var(--c-border);cursor:pointer;transition:border-color var(--transition),background var(--transition);-webkit-user-select:none;user-select:none}.sl-check-item:hover{border-color:var(--c-accent);background:var(--c-accent-lt)}.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:22px;height:22px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sl-check-item.checked .sl-check-num{background:var(--c-success)}.sl-check-badge{width:20px;height:20px;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:28px}.sl-progress-track{width:100%;height:6px;background:var(--c-border);border-radius:99px;overflow:hidden;margin-bottom:10px}.sl-progress-fill{height:100%;background:linear-gradient(90deg,var(--c-success) 0%,var(--c-accent) 100%);border-radius:99px;transition:width .5s ease}.sl-progress-dots{display:flex;gap:8px;align-items:center;margin-bottom:6px}.sl-dot{width:14px;height:14px;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:#ef4444;border-color:#dc2626}.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:80px;height:80px}.sl-countdown-svg{width:80px;height:80px;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:201;stroke-dashoffset:201;transition:stroke-dashoffset 1s linear}.sl-countdown-arc.done{stroke:var(--c-success)}.sl-countdown-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;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:560px;text-align:center}.sl-complete-icon{font-size:64px;margin-bottom:20px;line-height:1}.sl-complete-page h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.sl-complete-page p{font-size:16px;color:var(--c-text-2);line-height:1.6;margin-bottom:28px;max-width:440px;margin-left:auto;margin-right:auto}.sl-complete-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--c-border);padding:40px 36px}.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-sm);cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;letter-spacing:-.01em}.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}.btn-primary{background:var(--c-accent);color:#fff;box-shadow:0 1px 3px #2b579a4d}.btn-primary:hover:not(:disabled){background:var(--c-accent-dk);box-shadow:0 3px 8px #2b579a59}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--c-text-3);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--c-surface);color:var(--c-accent);border:2px solid var(--c-border)}.btn-secondary:hover:not(:disabled){border-color:var(--c-accent);background:var(--c-accent-lt)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-lg{font-size:16px;padding:14px 36px}.btn-full{width:100%}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:15px}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:44px;padding:10px 14px;font-size:16px;font-family:var(--font-base);border:2px solid var(--c-border);border-radius:var(--radius-sm);background:#fff;color:var(--c-text);transition:border-color var(--transition)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--c-accent)}.form-group.error input{border-color:var(--c-error)}.form-error-msg{display:none;color:var(--c-error);font-size:14px;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);transition:width .3s ease}.q-progress-wrap{width:100%;height:8px;background:var(--color-grey-light);border-radius:4px;overflow:hidden;margin-bottom:32px;position:relative}.q-progress-fill{height:100%;background:var(--color-accent);transition:width .4s ease}.q-progress-label{position:absolute;right:0;top:-20px;font-size:12px;color:var(--color-grey-mid)}.q-item-wrap{max-width:680px;margin:0 auto;padding:16px 0}.q-item-body{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 40px}.q-counter{font-size:13px;color:var(--color-grey-mid);margin-bottom:8px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.q-text{font-size:18px;font-weight:600;line-height:1.5;margin-bottom:10px;color:var(--color-text)}.q-instruction{font-size:14px;color:var(--color-grey-mid);margin-bottom:24px;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:12px 16px;border:2px solid var(--color-grey-light);border-radius:var(--radius);cursor:pointer;min-height:44px;transition:border-color var(--transition),background var(--transition)}.q-likert-option:hover{border-color:var(--color-accent);background:#f0f4fb}.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){border-color:var(--color-accent);background:#e8eef8}.q-likert-label{font-size:16px;color:var(--color-text);line-height:1.4}.q-select{width:100%;min-height:48px;padding:10px 14px;font-size:16px;font-family:var(--font-base);border:2px solid var(--color-grey-light);border-radius:var(--radius);background:#fff;cursor:pointer;transition:border-color var(--transition)}.q-select:focus{outline:none;border-color:var(--color-accent)}.q-checkbox-group{display:flex;flex-direction:column;gap:10px}.q-checkbox-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid var(--color-grey-light);border-radius:var(--radius);cursor:pointer;min-height:44px;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:10px 14px;font-size:16px;font-family:var(--font-base);border:2px solid var(--color-grey-light);border-radius:var(--radius);resize:vertical;transition:border-color var(--transition)}.q-text-input:focus{outline:none;border-color:var(--color-accent)}.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:700;font-size:20px;color:var(--color-accent)}.q-date-input{width:100%;min-height:48px;padding:10px 14px;font-size:16px;font-family:var(--font-base);border:2px solid var(--color-grey-light);border-radius:var(--radius);transition:border-color var(--transition)}.q-date-input:focus{outline:none;border-color:var(--color-accent)}.q-next-btn{width:100%;margin-top:8px}.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 - 64px)}.sl-rdk-instr-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:48px 56px;max-width:640px;width:100%;box-shadow:0 2px 12px #0000000f}.sl-rdk-instr-card h2{font-size:22px;font-weight:700;color:var(--c-text);margin:0 0 16px}.sl-rdk-instr-card p{font-size:15px;color:var(--c-text-2);line-height:1.6;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 10px;background:var(--c-bg);border:1.5px solid var(--c-border-dk);border-bottom-width:3px;border-radius:5px;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:10px 18px;font-size:20px;border-radius:8px;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}@keyframes rdk-wrong-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.sl-rdk-info-box{display:flex;align-items:flex-start;gap:10px;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:13px;color:#1e40af;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:56px;height:56px;border-radius:50%;background:var(--c-success-lt);color:var(--c-success);font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.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:12px 24px;color:#ffffff8c;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 #1a7a4a}.rdk-feedback-wrong .rdk-canvas-wrap,.rdk-canvas-wrap.rdk-feedback-wrong{box-shadow:0 0 0 6px #c0392b}.rdk-key-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:#fff6;font-size:13px;display:flex;align-items:center;gap:8px;white-space:nowrap}.rdk-key-hint .sl-kbd{background:#ffffff1a;border-color:#ffffff40;color:#ffffffb3}.rdk-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 0}.rdk-result-item{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;padding:16px;text-align:center}.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:24px;font-weight:700;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 - 64px)}.sl-dlt-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:48px 56px;max-width:620px;width:100%;box-shadow:0 2px 12px #0000000f}.sl-dlt-card h2{font-size:22px;font-weight:700;color:var(--c-text);margin:0 0 16px}.sl-dlt-card p{font-size:15px;color:var(--c-text-2);line-height:1.6;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:1px solid var(--c-border);border-radius:8px;padding:8px 14px}.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 #b8d0ef;border-radius:8px;padding:12px 16px;font-size:13px;color:var(--c-accent-dk);margin:0 0 28px}.sl-dlt-cond-num{font-size:12px;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 16px;border-radius:99px;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:12px 24px;color:#ffffff73;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:#ffffff59}.dlt-ear-active{color:#fff}.dlt-ear-dim{color:#fff3}.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:#ffffff73;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:10px;color:#fff;font-family:inherit;cursor:pointer;transition:background .1s,border-color .1s,transform .08s}.dlt-syll-btn:disabled{opacity:.28;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:#ffffff61}.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:#ffffff47;white-space:nowrap}.dlt-key-hint .sl-kbd{background:#ffffff14;border-color:#ffffff2e;color:#ffffff73;font-size:11px;padding:2px 6px}.sl-dlt-complete-card{max-width:600px}.dlt-rea-hero{background:var(--c-bg);border:1px solid var(--c-border);border-radius:10px;padding:20px 24px;text-align:center;margin:24px 0 20px}.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:36px;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:1px solid var(--c-border);border-radius:8px;padding:14px 16px}.dlt-result-cond-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3);margin-bottom:10px}.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:18px;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 - 64px)}.cog-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:48px 56px;max-width:580px;width:100%;box-shadow:0 2px 12px #0000000f}.cog-card h2{font-size:22px;font-weight:700;color:var(--c-text);margin:0 0 16px}.cog-card h3{font-size:18px;font-weight:700;color:var(--c-text);margin:0 0 16px}.cog-card p{font-size:15px;color:var(--c-text-2);line-height:1.6;margin:0 0 16px}.cog-test-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-3);margin-bottom:10px}.cog-warning-box{background:var(--c-accent-lt);border:1px solid #b8d0ef;border-radius:8px;padding:12px 16px;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:56px;height:56px;border-radius:50%;background:var(--c-success-lt);color:var(--c-success);font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.cog-result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 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:#ffffff59;font-size:13px;font-variant-numeric:tabular-nums}.cog-overlay-status{font-size:18px;color:#ffffff80;letter-spacing:.04em;transition:color .15s}.cog-overlay-status.active{color:#fff}.cog-overlay-hint{color:#ffffff47;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:1px solid var(--c-border);border-radius:8px;padding:12px 16px}.battery-test-num{width:24px;height:24px;border-radius:50%;background:var(--c-accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.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:var(--c-accent);color:#7eb3e8}.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:#7eb3e8;color:#7eb3e8;background:#2b579a4d}.fpt-slot.l{border-color:#e08080;color:#e08080;background:#8b31314d}.fpt-buttons{display:flex;gap:16px}.fpt-hl-btn{padding:12px 28px;border-radius:8px;border:2px solid;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .1s,transform .08s}.fpt-hl-btn:disabled{opacity:.25;cursor:default;pointer-events:none}.fpt-hl-btn:not(:disabled):active{transform:scale(.96)}.fpt-hl-btn.h{background:#2b579a66;border-color:#7eb3e8;color:#7eb3e8}.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:8px;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:#ffffff73;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)}}