:root{color-scheme:light;--bg: #faf9f7;--ink: #22201d;--muted: #6b6660;--accent: #4a3f8f;--accent-ink: #ffffff;--border: #ddd8d0;--danger-bg: #fdecec;--danger-ink: #8a1f1f;--danger-border: #d98a8a;--surface: #ffffff;--surface-alt: #fbfaf8;--info-bg: #eef6f0;--info-border: #cfe6d6;--disclaimer-bg: #f1eefb;--disclaimer-border: #d9d2f5;--highlight-bg: #fdeaa7;--highlight-ink: #22201d;--shadow: rgba(34, 32, 29, .06);--shadow-strong: rgba(0, 0, 0, .08);--track: #ece8e2;font-family:Segoe UI,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #1b1a17;--ink: #ece7e0;--muted: #a39c92;--accent: #a89cf2;--accent-ink: #1b1a17;--border: #3a3631;--danger-bg: #3a2020;--danger-ink: #f2b8b8;--danger-border: #6b3a3a;--surface: #242220;--surface-alt: #201e1b;--info-bg: #1c2a1f;--info-border: #33452f;--disclaimer-bg: #241f30;--disclaimer-border: #3a3050;--highlight-bg: #5c4a1a;--highlight-ink: #f5e6b8;--shadow: rgba(0, 0, 0, .35);--shadow-strong: rgba(0, 0, 0, .5);--track: #2c2a26}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55;transition:background-color .2s ease,color .2s ease}.phase-container{max-width:680px;margin:0 auto;padding:2.5rem 1.5rem 4rem;animation:fade-in-up .35s ease both}h1{font-size:1.9rem;margin-bottom:.5rem}.site-header{width:100%;padding:1.4rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 10px var(--shadow);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start;gap:.9rem}.brand-logo{height:3.2rem;width:3.2rem;flex-shrink:0}.brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}.brand-banner{margin:0}.brand-banner h1{display:flex;align-items:center;gap:.5rem;margin-bottom:.1rem}.brand-wordmark{height:1.8rem;width:auto;display:block}.brand-wordmark-dark{display:none}:root[data-theme=dark] .brand-wordmark-light{display:none}:root[data-theme=dark] .brand-wordmark-dark{display:block}.brand-wiki-link{font-size:1.1rem;color:var(--muted);text-decoration:none;line-height:1}.brand-wiki-link:hover{color:var(--accent)}.brand-domain{margin:0;color:var(--muted);font-size:.85rem;letter-spacing:.02em}.theme-toggle-corner{position:fixed;top:1rem;right:1rem;z-index:50;width:2.4rem;height:2.4rem;padding:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--surface);box-shadow:0 2px 8px var(--shadow-strong)}h2{font-size:1.2rem;margin-top:2rem;margin-bottom:.5rem}.lede{font-size:1.05rem}.step-title{margin-top:0}.language-select{width:100%;font-family:inherit;font-size:1rem;padding:.7rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);margin-top:1rem}.muted{color:var(--muted);font-size:.9rem}.info-box{background:var(--info-bg);border:1px solid var(--info-border);border-radius:8px;padding:1rem 1.2rem;font-size:.9rem;margin:1.5rem 0}.disclaimer-banner{background:var(--disclaimer-bg);border:1px solid var(--disclaimer-border);border-radius:8px;padding:1rem 1.2rem;font-size:.9rem;margin:1.5rem 0}.disclaimer-banner a{color:var(--accent)}.highlight{background:var(--highlight-bg);color:var(--highlight-ink);padding:.05em .3em;border-radius:4px;font-weight:600}.example-box{background:var(--surface-alt);border:1px dashed var(--border);border-radius:8px;padding:1rem 1.2rem;margin:1.5rem 0}.example-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .8rem}.example-row{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.example-blot{width:90px;height:100px;flex-shrink:0;background:var(--surface);border-radius:6px;border:1px solid var(--border);padding:6px}:root[data-theme=dark] .example-blot path,:root[data-theme=dark] .example-blot use{fill:#d8d2c8}.example-percept-list{flex:1;min-width:200px;margin:0;font-size:.9rem}.example-percept-list li{border-bottom:1px solid var(--border)}.agree-checkbox{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;margin:1rem 0;cursor:pointer}.agree-checkbox input{margin-top:.2rem}button{font-family:inherit;font-size:.95rem;padding:.6rem 1.2rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .1s ease,background-color .15s ease}button:hover:not(:disabled){border-color:var(--accent)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.link-button{border:none;background:none;padding:0;color:var(--muted);text-decoration:underline;font-size:.85rem}.button-row{display:flex;gap:.75rem;margin-top:1rem}.progress{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem}.progress-bar-track{width:100%;height:6px;background:var(--track);border-radius:999px;overflow:hidden;margin-bottom:1.2rem}.progress-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.plate-image{display:block;max-width:100%;max-height:420px;margin:0 auto 1.5rem;border-radius:8px;box-shadow:0 2px 12px var(--shadow-strong);animation:fade-in-up .4s ease both}.plate-image.small{max-height:220px}.prompt-text{font-weight:600}.percept-list{list-style:none;padding:0;margin:0 0 1rem}.percept-list li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border);animation:fade-in-up .25s ease both}textarea{width:100%;font-family:inherit;font-size:.95rem;padding:.7rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);resize:vertical}.textarea-row{display:flex;gap:.6rem;align-items:flex-start}.textarea-row textarea{flex:1}.voice-input{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.mic-button{white-space:nowrap;background:var(--surface)}.mic-button.listening{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-ink)}.voice-error{font-size:.75rem;color:var(--danger-ink);max-width:140px;text-align:right}.response-input.voice-first{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;padding:1.5rem 1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.mic-helper{max-width:440px}.mic-helper-title{font-size:1.05rem;font-weight:600;margin:0 0 .5rem}.mic-helper-text{font-size:.9rem;color:var(--muted);margin:0 0 .7rem}.mic-helper-languages{font-size:.85rem;font-style:italic;color:var(--muted);margin:0 0 .7rem}.mic-helper-safe{font-size:.85rem;margin:0;background:var(--info-bg);border:1px solid var(--info-border);border-radius:6px;padding:.6rem .8rem}.mic-button-large{font-size:1.05rem;padding:.9rem 1.8rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mic-button-large.listening{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-border)}.prior-response{font-style:italic;border-left:3px solid var(--accent);padding-left:1rem;margin:0 0 1.5rem;color:var(--muted)}.inquiry-question{margin-bottom:1.2rem}.inquiry-question label{display:block;font-weight:600;margin-bottom:.4rem}.error-box{background:var(--danger-bg);color:var(--danger-ink);border-radius:8px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.scoring-progress{text-align:center;padding-top:4rem}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1.5rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phase-container,.plate-image,.percept-list li{animation:none}button{transition:none}}.ratio-table-scroll{width:100%;overflow-x:auto;margin-bottom:1rem}.ratio-table{width:100%;border-collapse:collapse;font-size:.9rem}.ratio-table-wide{min-width:480px}.ratio-table th,.ratio-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}.ratio-table th{color:var(--muted);font-weight:600}.narrative{white-space:pre-wrap}.privacy-notice{max-width:680px;margin:2rem auto 1.5rem;padding:0 1.2rem;text-align:center}.privacy-notice p{color:var(--muted);font-size:.78rem;line-height:1.5}.faq{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);padding:.8rem 0}.faq-item summary{cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";display:inline-block;width:1.2em;color:var(--accent);font-weight:700}.faq-item[open] summary:before{content:"−"}.faq-item p{margin:.6rem 0 0 1.2em;color:var(--muted);font-size:.9rem}.feedback{margin-top:2.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt);text-align:center}.feedback h2{margin-top:0}.feedback-question{margin:1.4rem 0}.feedback-question p{font-weight:600;margin-bottom:.7rem}.feedback-scale{display:flex;justify-content:center;gap:.5rem}.feedback-scale-btn{width:2.4rem;height:2.4rem;padding:0;border-radius:50%;font-weight:600}.feedback-scale-btn.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.feedback-scale-labels{display:flex;justify-content:space-between;max-width:15rem;margin:.4rem auto 0;font-size:.75rem;color:var(--muted)}.plain-summary{background:var(--info-bg);border:1px solid var(--info-border);border-radius:10px;padding:1.2rem 1.4rem;margin:1rem 0 2rem}.plain-summary h2{margin-top:0}.technical-details{margin:1.5rem 0;border:1px solid var(--border);border-radius:8px;padding:.9rem 1.2rem}.technical-details summary{cursor:pointer;font-weight:600;color:var(--muted)}.technical-details[open] summary{margin-bottom:.5rem}