:root{color-scheme:light dark;--surface-page: #f8fafc;--surface-card: #ffffff;--surface-raised: #f9fafb;--surface-sunken: #f3f4f6;--border-subtle: #f0f0f0;--border-default: #e2e8f0;--border-strong: #d1d5db;--text-primary: #1a1a1a;--text-secondary: #374151;--text-tertiary: #6b7280;--text-muted: #9ca3af;--accent-primary: #2563eb;--accent-primary-rgb: 37, 99, 235;--accent-primary-hover: #1d4ed8;--accent-primary-strong: #1e40af;--accent-primary-soft: #eff6ff;--accent-primary-soft-strong: #dbeafe;--accent-success: #059669;--accent-success-rgb: 5, 150, 105;--accent-success-strong: #22c55e;--accent-success-soft: #ecfdf5;--accent-success-soft-strong: #d1fae5;--accent-success-fg: #065f46;--accent-warning: #d97706;--accent-warning-rgb: 217, 119, 6;--accent-warning-strong: #f59e0b;--accent-warning-soft: #fef3c7;--accent-warning-soft-strong: #fde68a;--accent-warning-fg: #92400e;--accent-danger: #dc2626;--accent-danger-rgb: 220, 38, 38;--accent-danger-strong: #ef4444;--accent-danger-soft: #fef2f2;--accent-danger-soft-strong: #fee2e2;--accent-danger-fg: #991b1b;--accent-info: #7c3aed;--accent-info-hover: #a78bfa;--accent-info-soft: #f5f3ff;--accent-info-soft-strong: #faf5ff;--accent-info-fg: #5b21b6;--accent-sky: #0284c7;--accent-sky-hover: #0369a1;--accent-sky-light: #38bdf8;--accent-sky-soft: #e0f2fe;--accent-sky-soft-strong: #bae6fd;--accent-sky-fg: #0c4a6e;--accent-slate: #334155}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-page: #0d1117;--surface-card: #161b22;--surface-raised: #21262d;--surface-sunken: #0d1117;--border-subtle: #1f242b;--border-default: #30363d;--border-strong: #484f58;--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-tertiary: #8b949e;--text-muted: #6e7681;--accent-primary: #58a6ff;--accent-primary-rgb: 88, 166, 255;--accent-primary-hover: #79b8ff;--accent-primary-strong: #388bfd;--accent-primary-soft: rgba(56, 139, 253, .15);--accent-primary-soft-strong: rgba(56, 139, 253, .25);--accent-success: #3fb950;--accent-success-rgb: 63, 185, 80;--accent-success-strong: #4ade80;--accent-success-soft: rgba(63, 185, 80, .15);--accent-success-soft-strong: rgba(63, 185, 80, .25);--accent-success-fg: #7ee787;--accent-warning: #d29922;--accent-warning-rgb: 210, 153, 34;--accent-warning-strong: #f0b429;--accent-warning-soft: rgba(210, 153, 34, .15);--accent-warning-soft-strong: rgba(210, 153, 34, .35);--accent-warning-fg: #fbbf24;--accent-danger: #f85149;--accent-danger-rgb: 248, 81, 73;--accent-danger-strong: #ff7b72;--accent-danger-soft: rgba(248, 81, 73, .15);--accent-danger-soft-strong: rgba(248, 81, 73, .25);--accent-danger-fg: #ffa198;--accent-info: #a371f7;--accent-info-hover: #bc8cff;--accent-info-soft: rgba(163, 113, 247, .15);--accent-info-soft-strong: rgba(163, 113, 247, .25);--accent-info-fg: #d2a8ff;--accent-sky: #39c5cf;--accent-sky-hover: #56d4dd;--accent-sky-light: #56d4dd;--accent-sky-soft: rgba(57, 197, 207, .15);--accent-sky-soft-strong: rgba(57, 197, 207, .3);--accent-sky-fg: #7ee0e7;--accent-slate: #8b949e}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}.test-page{min-height:100dvh;display:flex;flex-direction:column}.test-header{padding:16px 20px;border-bottom:1px solid var(--border-default);background:var(--surface-card)}.test-logo{font-size:18px;font-weight:700;color:var(--accent-primary);text-decoration:none}.test-content{flex:1;padding:24px 16px;max-width:600px;margin:0 auto;width:100%}.loading-state{text-align:center;padding:48px 0;color:var(--text-tertiary)}.setup-phase{text-align:center}.setup-phase h1{font-size:28px;font-weight:800;color:var(--accent-primary-strong);margin:0 0 8px;line-height:1.2}.setup-description{font-size:15px;color:var(--text-tertiary);margin:0 0 32px;line-height:1.5}.setup-section{margin-bottom:28px;text-align:left}.section-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.section-hint{font-size:13px;color:var(--text-muted);margin:-6px 0 10px}.lang-chips{display:flex;flex-wrap:wrap;gap:8px}.lang-chip{display:flex;align-items:center;gap:6px;padding:10px 16px;border:2px solid var(--border-default);border-radius:12px;background:var(--surface-card);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-secondary);transition:border-color .15s,background .15s,transform .1s}.lang-chip:hover{border-color:var(--accent-primary-soft-strong);background:var(--accent-primary-soft)}.lang-chip:active{transform:scale(.97)}.lang-chip-active{border-color:var(--accent-primary);background:var(--accent-primary-soft);color:var(--accent-primary-strong);box-shadow:0 0 0 1px var(--accent-primary)}.lang-chip-flag{font-size:20px;line-height:1}.lang-chip-name{line-height:1}.level-picker{text-align:center}.level-skip{width:100%;padding:14px 20px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface-page);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s,background .15s}.level-skip:hover{border-color:var(--accent-primary-soft-strong);background:var(--accent-primary-soft)}.level-skip-text{font-size:15px;font-weight:500;color:var(--text-secondary)}.level-skip-hint{font-size:13px;color:var(--text-muted)}.level-chips{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.level-chip{padding:8px 18px;border:2px solid var(--border-default);border-radius:10px;background:var(--surface-card);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--text-tertiary);transition:border-color .15s,background .15s,color .15s;min-width:52px}.level-chip:hover{border-color:var(--accent-primary-soft-strong);background:var(--accent-primary-soft);color:var(--accent-primary-strong)}.level-chip-active{border-color:var(--accent-primary);background:var(--accent-primary-soft);color:var(--accent-primary-strong);box-shadow:0 0 0 1px var(--accent-primary)}.level-clear{background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;font-family:inherit;padding:4px 0;transition:color .15s}.level-clear:hover{color:var(--accent-primary)}.known-lang-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.known-lang-chip{padding:7px 12px;border:1.5px solid var(--border-default);border-radius:20px;background:var(--surface-card);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-tertiary);transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.known-lang-chip:hover{border-color:var(--accent-info-hover);background:var(--accent-info-soft-strong)}.known-lang-chip-active{border-color:var(--accent-info);background:var(--accent-info-soft);color:var(--accent-info-fg)}.known-lang-levels{display:flex;flex-direction:column;gap:6px;margin-top:4px}.known-lang-row{display:flex;align-items:center;gap:8px}.known-lang-name{flex:1;font-size:14px;color:var(--text-secondary)}.known-lang-level-select{padding:5px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;background:var(--surface-card);font-family:inherit;color:var(--text-secondary)}.start-button{padding:14px 32px;background:var(--accent-primary);color:var(--surface-card);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s;width:100%}.start-button:hover{background:var(--accent-primary-hover)}.start-button:active{transform:scale(.98)}.start-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:10px 14px;background:var(--accent-danger-soft-strong);color:var(--accent-danger-fg);border-radius:8px;font-size:14px;margin:0 0 16px}.quiz-phase{display:flex;flex-direction:column;align-items:center}.quiz-progress{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.quiz-count{font-size:14px;color:var(--text-tertiary);font-weight:500}.estimate-card{width:100%;background:linear-gradient(180deg,var(--accent-primary-soft) 0%,var(--surface-card) 100%);border:1px solid var(--accent-sky-soft-strong);border-radius:16px;padding:20px 22px 22px;margin-top:28px;box-shadow:0 1px 3px #0e74900f}.estimate-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.estimate-card-label{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-sky-hover);font-weight:600}.estimate-card-level{display:inline-block;font-size:14px;font-weight:700;color:var(--surface-card);background:var(--accent-sky);padding:4px 10px;border-radius:999px;letter-spacing:.02em}.estimate-card-value{font-size:36px;font-weight:800;color:var(--accent-sky-fg);line-height:1.1;margin-top:4px}.estimate-card-unit{font-size:18px;font-weight:600;color:var(--accent-sky-hover);margin-left:4px}.estimate-card-range{font-size:13px;color:var(--text-secondary);margin-top:8px}.estimate-card-coverage{font-size:12px;color:var(--text-tertiary);margin-top:2px}.estimate-card-biases{margin-top:16px;padding-top:14px;border-top:1px solid var(--accent-primary-soft)}.estimate-card-biases-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-weight:600;margin-bottom:8px}.estimate-card-bias-list{display:flex;flex-direction:column;gap:14px}.estimate-card-bias{display:flex;flex-direction:column;gap:6px}.estimate-card-bias-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);font-weight:500}.estimate-card-bias-low,.estimate-card-bias-high{white-space:nowrap}.estimate-card-bias-track{position:relative;width:100%;height:8px;background:var(--accent-primary-soft);border-radius:999px}.estimate-card-bias-center{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;background:var(--text-muted);transform:translate(-50%);border-radius:1px}.estimate-card-bias-marker{position:absolute;top:50%;width:14px;height:14px;background:var(--accent-sky);border:2px solid var(--surface-card);border-radius:50%;box-shadow:0 1px 3px #0284c766;transform:translate(-50%,-50%);transition:left .3s ease}.quiz-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:16px;padding:48px 24px;text-align:center;width:100%;margin-bottom:32px;box-shadow:0 2px 8px #0000000a}.quiz-word{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.quiz-prompt{font-size:15px;color:var(--text-muted);margin:0}.quiz-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.response-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;border:1px solid var(--border-default);font-size:16px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .1s,border-color .1s;background:var(--surface-card);width:100%}.response-btn:disabled{opacity:.6;cursor:not-allowed}.response-emoji{font-size:18px;font-weight:700}.response-know{color:var(--accent-success-fg)}.response-know:hover{background:var(--accent-success-soft-strong);border-color:var(--accent-success-strong)}.response-no{color:var(--accent-danger-fg)}.response-no:hover{background:var(--accent-danger-soft-strong);border-color:var(--accent-danger-strong)}.results-phase{text-align:center}.results-phase h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.results-phase h2{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.estimate-section{background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;padding:24px 20px;margin-bottom:24px;text-align:center}.estimate-headline{margin-bottom:20px}.estimate-vocab-size{display:block;font-size:48px;font-weight:800;color:var(--accent-primary-strong);line-height:1.1}.estimate-vocab-label{display:block;font-size:14px;color:var(--text-tertiary);margin-top:4px}.estimate-levels{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.estimate-level-row{display:flex;align-items:center;gap:10px}.estimate-level-name{width:28px;font-size:12px;font-weight:600;color:var(--text-secondary);text-align:right;flex-shrink:0}.estimate-level-bar-bg{flex:1;height:12px;background:var(--border-default);border-radius:6px;overflow:hidden}.estimate-level-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-sky-light),var(--accent-primary));border-radius:6px;transition:width .3s ease;min-width:2px}.estimate-level-pct{width:36px;font-size:12px;font-weight:500;color:var(--text-tertiary);text-align:left;flex-shrink:0}.estimate-confidence{font-size:13px;color:var(--text-muted)}.cognate-analysis{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default)}.cognate-bar-label{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.cognate-bar-bg{height:8px;background:var(--border-default);border-radius:4px;overflow:hidden}.cognate-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-info-hover),var(--accent-info));border-radius:4px;transition:width .3s ease;min-width:2px}.recommendations{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-default);text-align:left}.recommendations h3{font-size:14px;font-weight:600;color:var(--accent-slate);margin:0 0 10px}.recommendations ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.recommendations li{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-left:20px;position:relative}.recommendations li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:600}.session-results{margin-bottom:24px}.result-grid{display:flex;gap:12px;justify-content:center}.result-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:12px;padding:16px 20px;min-width:80px}.result-known{border-color:var(--accent-success-soft-strong);background:var(--accent-success-soft)}.result-noidea{border-color:var(--accent-danger-soft-strong);background:var(--accent-danger-soft)}.result-number{display:block;font-size:28px;font-weight:700;color:var(--text-primary)}.result-label{display:block;font-size:12px;color:var(--text-tertiary);margin-top:2px}.cta-section{background:var(--accent-primary-soft);border:1px solid var(--accent-primary-soft-strong);border-radius:14px;padding:24px 20px;margin-bottom:16px}.cta-section h2{color:var(--accent-primary-strong);margin-bottom:8px}.cta-description{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.cta-download{display:inline-block;text-decoration:none;text-align:center}.results-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.action-btn{padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;border:none;width:100%;transition:background .15s}.action-btn.primary{background:var(--accent-primary);color:var(--surface-card)}.action-btn.primary:hover{background:var(--accent-primary-hover)}.action-btn.secondary{background:var(--surface-sunken);color:var(--text-secondary)}.action-btn.secondary:hover{background:var(--border-default)}.action-btn.primary-outline{background:var(--surface-card);color:var(--accent-primary-hover);border:2px solid var(--accent-primary)}.action-btn.primary-outline:hover{background:var(--accent-primary-soft)}.how-it-works{margin-top:32px;padding:24px 22px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:14px;text-align:left}.how-it-works h2{font-size:17px;font-weight:700;color:var(--accent-primary-strong);margin:0 0 14px}.how-it-works p{font-size:14px;line-height:1.6;color:var(--accent-slate);margin:0 0 12px}.how-it-works p strong{color:var(--accent-sky-fg)}.how-it-works p em{color:var(--text-secondary);font-style:italic}.how-it-works-link{display:inline-block;margin-top:6px;font-size:14px;font-weight:600;color:var(--accent-primary);text-decoration:none;transition:color .15s}.how-it-works-link:hover{color:var(--accent-primary-hover);text-decoration:underline}