:root{--bg: #070b14;--bg-card: #0d1320;--bg-hover: #141c2e;--accent: #0BB5A5;--accent-glow: rgba(11, 181, 165, .15);--accent-dim: rgba(11, 181, 165, .5);--secondary: #e8ff47;--text: #e4e8ef;--text-dim: #8892a4;--text-muted: #4a5568;--border: #1a2236;--radius: 12px;--radius-sm: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--transition: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px}.welcome{display:flex;align-items:center;justify-content:center;min-height:80vh}.welcome-inner{text-align:center;max-width:520px}.welcome-logo{margin-bottom:32px;opacity:.9}.welcome-greeting{font-size:1.1rem;color:var(--accent);margin-bottom:8px;letter-spacing:.02em}.gate-message{max-width:400px;margin:0 auto}.welcome-title{font-family:var(--font-display);font-size:3.2rem;font-weight:400;letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:.95rem;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:32px}.welcome-desc{font-size:1.05rem;line-height:1.7;color:var(--text-dim);margin-bottom:16px}.welcome-time{font-size:.85rem;color:var(--text-muted);margin-bottom:40px;letter-spacing:.05em}.btn-primary{display:inline-block;padding:14px 40px;background:var(--accent);color:var(--bg);border:none;border-radius:var(--radius);font-family:var(--font);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition);letter-spacing:.02em}.btn-primary:hover:not(:disabled){background:#0dcfbd;transform:translateY(-1px);box-shadow:0 8px 24px #0bb5a54d}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{display:inline-block;padding:14px 32px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-dim);color:var(--text)}.btn-secondary:disabled{opacity:.3;cursor:not-allowed}.btn-lang{display:block;margin:20px auto 0;padding:8px 16px;background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:.85rem;cursor:pointer;transition:color var(--transition)}.btn-lang:hover{color:var(--accent)}.welcome-resume{display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-restart-btn{font-size:.85rem;padding:10px 24px}.welcome-save-note{font-size:.8rem;color:var(--text-muted);margin-top:24px;letter-spacing:.02em}.save-indicator{text-align:center;font-size:.72rem;color:var(--text-muted);margin-top:16px;letter-spacing:.03em;opacity:.7}.transition{display:flex;align-items:center;justify-content:center;min-height:80vh}.transition-inner{text-align:center;max-width:480px}.transition-number{font-family:var(--font-display);font-size:4rem;font-weight:400;color:var(--accent);opacity:.3;margin-bottom:16px}.transition-title{font-family:var(--font-display);font-size:2rem;font-weight:400;margin-bottom:16px;color:var(--text)}.transition-desc{font-size:1.05rem;line-height:1.6;color:var(--text-dim);margin-bottom:12px}.transition-meta{font-size:.8rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:36px}.progress-container{width:100%;max-width:680px;margin-bottom:32px}.progress-blocks{display:flex;justify-content:space-between;margin-bottom:10px;gap:4px}.progress-block-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;transition:color var(--transition);flex:1;text-align:center}.progress-block-label.active{color:var(--accent);font-weight:600}.progress-block-label.done{color:var(--text-dim)}.progress-bar{width:100%;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s ease}.progress-pct{text-align:right;font-size:.7rem;color:var(--text-muted);margin-top:6px}.test-screen{width:100%;max-width:680px;display:flex;flex-direction:column;min-height:80vh}.question-container{flex:1;display:flex;flex-direction:column;justify-content:center}.question-counter{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.question-text{font-size:1.15rem;line-height:1.65;color:var(--text);margin-bottom:28px;font-weight:400}.question-instruction{font-size:.85rem;color:var(--text-muted);margin-bottom:20px;font-style:italic}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;font-family:var(--font);color:var(--text);font-size:.95rem;line-height:1.5;width:100%}.option:hover{border-color:var(--accent-dim);background:var(--bg-hover)}.option.selected{border-color:var(--accent);background:var(--accent-glow)}.option-letter{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;border:1px solid var(--border);font-size:.75rem;font-weight:600;color:var(--text-dim);flex-shrink:0;margin-top:1px;transition:all var(--transition)}.option.selected .option-letter{background:var(--accent);color:var(--bg);border-color:var(--accent)}.option-text{flex:1}.forced-options{display:flex;flex-direction:column;gap:14px}.forced-option{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;font-family:var(--font);color:var(--text);font-size:1rem;line-height:1.6;width:100%}.forced-option:hover{border-color:var(--accent-dim);background:var(--bg-hover)}.forced-option.selected{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 20px #0bb5a51a}.forced-option-text{display:block}.triad-options{display:flex;flex-direction:column;gap:12px}.triad-option{padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);text-align:left;font-family:var(--font);color:var(--text);width:100%}.triad-option:hover{border-color:var(--accent-dim);background:var(--bg-hover)}.triad-option.selected{border-color:var(--accent);background:var(--accent-glow)}.triad-quote{font-style:italic;font-size:1rem;line-height:1.6;display:block}.qsort-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.qsort-list{display:flex;flex-direction:column;gap:6px}.qsort-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;transition:all var(--transition);-webkit-user-select:none;user-select:none}.qsort-item:hover{background:var(--bg-hover)}.qsort-item.dragging{opacity:.5;border-color:var(--accent)}.qsort-rank{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:.8rem;font-weight:700;flex-shrink:0}.qsort-label{flex:1;font-size:.95rem;color:var(--text)}.qsort-arrows{display:flex;flex-direction:column;gap:2px}.qsort-arrow{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.6rem;padding:2px 6px;transition:color var(--transition)}.qsort-arrow:hover:not(:disabled){color:var(--accent)}.qsort-arrow:disabled{opacity:.2;cursor:not-allowed}.nav-buttons{display:flex;justify-content:space-between;gap:16px;padding-top:32px;margin-top:auto}.results{width:100%;max-width:720px;padding:40px 0}.results-header{text-align:center;margin-bottom:48px}.results-header h1{font-family:var(--font-display);font-size:2.4rem;font-weight:400;margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-check{width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;margin:0 auto 24px}.results-subtitle{color:var(--text-dim);font-size:1rem;letter-spacing:.02em}.results-section{margin-bottom:40px}.results-section h2{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--text);margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid var(--border)}.results-section h3{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;margin-top:20px}.results-highlights{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.highlight-card{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.highlight-icon{font-size:1.2rem;color:var(--accent);min-width:24px;text-align:center}.highlight-content{display:flex;flex-direction:column;gap:2px}.highlight-group{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.highlight-insight{font-size:.95rem;color:var(--text-dim)}.highlight-insight strong{color:var(--text)}.debrief-card{text-align:center;padding:40px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px}.debrief-icon{color:var(--accent);margin-bottom:16px}.debrief-card h2{font-family:var(--font-display);font-size:1.4rem;font-weight:400;color:var(--text);margin-bottom:12px}.debrief-card p{font-size:.95rem;color:var(--text-dim);line-height:1.7;max-width:460px;margin:0 auto}.results-actions{display:flex;gap:16px;justify-content:center;margin-top:48px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-out{opacity:0;transform:translateY(-8px);transition:all .25s ease}@media(max-width:640px){.app{padding:16px}.welcome-title{font-size:2.2rem}.question-text{font-size:1.05rem}.option{padding:14px 16px;font-size:.9rem}.forced-option{padding:18px;font-size:.9rem}.triad-option{padding:16px 18px}.progress-blocks{display:none}.nav-buttons{flex-direction:column-reverse}.nav-buttons .btn-secondary,.nav-buttons .btn-primary{width:100%}.results-actions{flex-direction:column}.results-actions button{width:100%}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}