*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fafafa;--bg-warm: #f5f3f0;--bg-card: #ffffff;--border: #e8e5e0;--border-hover: #d0cdc7;--text: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #8a8780;--accent: #2563eb;--accent-hover: #1d4fd8;--accent-light: #eff4ff;--accent-text: #ffffff;--radius: 14px;--radius-sm: 10px;--radius-pill: 50px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.06)}@media(prefers-color-scheme:dark){:root{--bg: #111111;--bg-warm: #1a1a1a;--bg-card: #1e1e1e;--border: #2a2a2a;--border-hover: #3a3a3a;--text: #e8e8e8;--text-secondary: #b0b0b0;--text-muted: #6a6a6a;--accent: #4d8af0;--accent-hover: #6ba0f5;--accent-light: #1a2744}}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.6}#root{min-height:100dvh;display:flex;flex-direction:column}.start-screen{max-width:600px;width:100%;text-align:center;padding:2rem 0;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.start-badge{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.8rem;font-weight:600;padding:.35rem .85rem;border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase}.start-title{font-family:"Source Serif 4",serif;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.start-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:480px;line-height:1.65}.start-types{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.start-type-chip{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:.3rem .85rem;font-size:.85rem;color:var(--text-secondary)}.start-cta{font-size:1.05rem;padding:.875rem 2.5rem;margin-top:.5rem}.start-hint{font-size:.82rem;color:var(--text-muted)}.quiz-screen{max-width:640px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.quiz-progress-wrap{display:flex;align-items:center;gap:1rem}.quiz-progress-bar{flex:1;height:6px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .4s ease}.quiz-progress-label{font-size:.82rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.quiz-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.quiz-question-num{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:600}.quiz-question{font-family:"Source Serif 4",serif;font-size:clamp(1.15rem,3vw,1.4rem);font-weight:600;line-height:1.35;color:var(--text)}.quiz-options{display:flex;flex-direction:column;gap:.6rem}.quiz-option{display:flex;align-items:flex-start;gap:.75rem;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;cursor:pointer;text-align:left;transition:all .18s;font-family:Outfit,sans-serif;font-size:.95rem;color:var(--text-secondary);width:100%;box-shadow:var(--shadow-xs)}.quiz-option:hover{border-color:var(--accent);background:var(--accent-light);color:var(--text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quiz-option.selected{border-color:var(--accent);background:var(--accent-light);color:var(--text)}.quiz-option-marker{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;min-width:1.6rem;border-radius:50%;border:1.5px solid var(--border);font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--bg);transition:all .18s}.quiz-option.selected .quiz-option-marker{background:var(--accent);border-color:var(--accent);color:#fff}.quiz-option-text{line-height:1.45;padding-top:.1rem}.quiz-next{align-self:flex-end;font-size:.95rem;padding:.75rem 1.75rem}.quiz-next:disabled{opacity:.4;cursor:not-allowed;transform:none}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;flex:1;min-height:300px}.loading-spinner{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.95rem}.result-screen{max-width:640px;width:100%;display:flex;flex-direction:column;gap:1.75rem;padding-bottom:1rem}.result-header{text-align:center;display:flex;flex-direction:column;gap:.6rem}.result-label{display:inline-block;background:var(--accent-light);color:var(--accent);font-size:.78rem;font-weight:600;padding:.3rem .85rem;border-radius:var(--radius-pill);letter-spacing:.05em;text-transform:uppercase}.result-name{font-family:"Source Serif 4",serif;font-size:clamp(2rem,6vw,3rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--text)}.result-tagline{font-size:1.05rem;color:var(--text-secondary);font-weight:400}.result-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.result-description{font-size:1rem;color:var(--text-secondary);line-height:1.7}.result-section-title{font-family:"Source Serif 4",serif;font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.result-article-grid{display:flex;flex-direction:column;gap:.6rem}.result-article-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.1rem .5rem;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem;text-decoration:none;transition:all .18s;box-shadow:var(--shadow-xs)}.result-article-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-article-title{font-weight:600;font-size:.95rem;color:var(--text);grid-column:1;grid-row:1}.result-article-desc{font-size:.82rem;color:var(--text-muted);grid-column:1;grid-row:2}.result-article-arrow{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--text-muted);font-size:1rem;transition:transform .18s}.result-article-card:hover .result-article-arrow{transform:translate(3px);color:var(--accent)}.result-cta{display:block;text-align:center;text-decoration:none;font-size:1rem;padding:.9rem 2rem}.result-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.result-actions .btn-secondary{font-size:.9rem;padding:.65rem 1.25rem}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2563eb33;padding:.75rem 1.5rem}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb40}.btn-secondary{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:all .2s;padding:.75rem 1.5rem}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{padding:1.25rem 1.5rem;border-bottom:1.5px solid var(--border);background:var(--bg-card)}.app-logo{font-family:"Source Serif 4",serif;font-weight:600;font-size:1.1rem;color:var(--text);text-decoration:none;letter-spacing:-.01em}.app-logo:hover{color:var(--accent)}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem}.app-footer{padding:1.5rem;text-align:center;border-top:1.5px solid var(--border);display:flex;justify-content:center;gap:.75rem;font-size:.85rem;color:var(--text-muted)}.app-footer a{color:var(--text-muted);text-decoration:none}.app-footer a:hover{color:var(--accent)}