.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center}.start-screen{justify-content:center;padding:2rem;background:radial-gradient(ellipse at 60% 20%,rgba(200,150,62,.07) 0%,transparent 60%),var(--bg)}.start-inner{text-align:center;max-width:480px}.film-icon{font-size:3rem;margin-bottom:1.5rem}.title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:1rem;line-height:1.1}.subtitle{font-size:1rem;color:var(--text-muted);line-height:1.7;margin-bottom:1.75rem}.settings-panel{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:1.5rem}.settings-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:.75rem}.settings-row:last-child{margin-bottom:0}.settings-row-radio{flex-direction:column;align-items:flex-start}.settings-label{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:140px}.settings-input{width:72px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem}.settings-hint{font-size:.8rem;color:var(--text-dim)}.radio-label{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text);cursor:pointer}.start-actions,.results-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:280px;margin:0 auto}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.9rem;font-weight:500;border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition),color var(--transition),background var(--transition)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface)}.mode-picker{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:2rem}.mode-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.mode-chip:hover{border-color:var(--border-hover);color:var(--text)}.mode-chip-on{border-color:var(--gold-dim);background:var(--surface-2);color:var(--text)}.mode-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 32px;background:var(--gold);color:#0b0b0b;font-family:var(--font-body);font-size:.95rem;font-weight:500;border-radius:var(--radius);transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:#dba84a;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{background:var(--gold);transform:none}.freeform-wrap{margin-bottom:1.25rem}.freeform-label{display:block;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.freeform-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.freeform-input{flex:1;min-width:200px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.freeform-input:focus{outline:none;border-color:var(--gold-dim)}.freeform-submit{flex-shrink:0}.question-screen{width:100%;padding:0}.quiz-header{width:100%;display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.counter{font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;min-width:52px}.counter-dim{color:var(--text-dim)}.progress-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .35s ease}.score-chip{font-size:.85rem;font-weight:500;color:var(--gold);white-space:nowrap;min-width:44px;text-align:right}.question-body{width:100%;max-width:660px;padding:2rem 1.5rem 3rem;margin:0 auto}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin-bottom:1.5rem}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:.75rem;flex-wrap:wrap}.question-number{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dim);margin:0}.kind-badge{font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.question-desc{font-size:1rem;line-height:1.75;color:var(--text)}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;color:var(--text);font-size:.95rem;transition:border-color var(--transition),background var(--transition)}.option:hover:not(:disabled){border-color:var(--border-hover);background:var(--surface-2)}.option:disabled{cursor:default}.option.correct{border-color:var(--green);background:var(--green-bg);color:var(--green)}.option.wrong{border-color:var(--red);background:var(--red-bg);color:var(--red)}.option.dimmed{opacity:.35}.option-text{flex:1}.badge{font-size:.85rem;font-weight:500;flex-shrink:0}.correct-badge{color:var(--green)}.wrong-badge{color:var(--red)}.feedback-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:.25rem;flex-wrap:wrap}.feedback-correct{font-size:.95rem;font-weight:500;color:var(--green)}.feedback-wrong{font-size:.9rem;color:var(--text-muted)}.feedback-wrong strong{color:var(--text);font-weight:500}.btn-next{padding:10px 22px;background:var(--surface-2);border:1px solid var(--border-hover);border-radius:var(--radius);color:var(--text);font-size:.9rem;font-weight:500;transition:background var(--transition),transform var(--transition)}.btn-next:hover{background:var(--surface);border-color:var(--gold-dim);transform:translateY(-1px)}.results-screen{justify-content:center;padding:2rem;background:radial-gradient(ellipse at 40% 80%,rgba(200,150,62,.06) 0%,transparent 60%),var(--bg)}.results-inner{text-align:center;max-width:420px}.results-emoji{font-size:3rem;margin-bottom:1.25rem}.results-grade{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--text);margin-bottom:1.25rem}.results-score{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:.4rem}.results-big{font-family:var(--font-display);font-size:5rem;font-weight:700;color:var(--gold);line-height:1}.results-denom{font-size:1.5rem;color:var(--text-dim)}.results-pct{font-size:.9rem;color:var(--text-muted);margin-bottom:2rem}.results-bar{display:flex;gap:4px;justify-content:center;margin-bottom:2rem}.bar-seg{width:14px;height:6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border)}.bar-seg-filled{background:var(--gold);border-color:var(--gold)}.history-screen{justify-content:center;padding:2rem;background:var(--bg)}.history-inner{width:100%;max-width:480px}.history-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;text-align:center}.history-empty{text-align:center;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.history-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:12px}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.history-main{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.history-score{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--gold)}.history-meta{font-size:.8rem;color:var(--text-muted)}.history-sub{font-size:.8rem;color:var(--text-dim)}.history-back{width:100%;max-width:280px;margin:0 auto;display:flex}@media (max-width: 480px){.question-body{padding:1.25rem 1rem 2rem}.quiz-header{padding:14px 16px}.question-card{padding:1.25rem}.results-big{font-size:4rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0b0b;--surface: #141414;--surface-2: #1e1e1e;--border: #2c2c2c;--border-hover: #444;--gold: #c8963e;--gold-dim: #9a7030;--text: #f0ede8;--text-muted: #888;--text-dim: #555;--green: #4caf74;--green-bg: #0e2418;--red: #e05252;--red-bg: #220f0f;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 8px;--radius-lg: 14px;--transition: .14s ease}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;flex-direction:column}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}