.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center}.start-screen{justify-content:center;padding:clamp(1rem,4vw,2rem);padding-bottom:max(2rem,env(safe-area-inset-bottom,0px));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;width:100%}.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;width:100%;box-sizing:border-box}.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-row-toggle{margin-bottom:0}.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px}.toggle-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.toggle-title{font-size:.95rem;font-weight:500;color:var(--text);line-height:1.25}.toggle-desc{font-size:.78rem;color:var(--text-dim);line-height:1.35}.toggle{position:relative;flex-shrink:0;width:52px;height:30px;margin:0;padding:0;border-radius:15px;border:1px solid var(--border);background:var(--bg);cursor:pointer;transition:background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}.toggle:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}.toggle-on{background:#c8963e59;border-color:var(--gold-dim)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#f5f5f5;box-shadow:0 1px 3px #00000040;transition:transform .2s ease;pointer-events:none}.toggle-on .toggle-thumb{transform:translate(24px);background:#fff}.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:min(280px,100%);margin:0 auto}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;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;min-height:44px;padding:12px 18px;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;justify-content:center;gap:8px;min-height:48px;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:12px;padding:18px 24px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10}.quiz-header-left,.quiz-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.quiz-header-right{margin-left:auto}.btn-header{font-family:inherit;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer}.btn-header-icon-only{display:inline-flex;align-items:center;justify-content:center;padding:8px;min-width:40px;min-height:40px;text-transform:none;letter-spacing:normal}.btn-header-svg{width:20px;height:20px;flex-shrink:0}.btn-header:hover{color:var(--text);border-color:var(--gold-dim)}.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}.options-hint{font-size:.85rem;color:var(--text-muted);text-align:center;margin:0 0 .5rem}.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-airdate{font-size:.72rem;color:var(--text-muted);margin:0}.question-ref{font-size:.72rem;font-weight:600;color:var(--gold);text-decoration:none;margin-left:auto}.question-ref:hover{text-decoration:underline}.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:flex-start;padding:2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0px));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;width:100%}.results-inner-wide{max-width:min(560px,100%)}.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)}.results-round-recap{text-align:left;margin-bottom:1.75rem}.results-recap-title{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem;text-align:center}.results-recap-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-height:min(55vh,28rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.results-recap-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem}.results-recap-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:.5rem}.results-recap-q{font-size:.75rem;font-weight:600;color:var(--text-dim)}.kind-badge-recap{font-size:.65rem}.recap-verdict{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--red)}.recap-verdict-ok{color:var(--green)}.results-recap-plot{font-size:.88rem;line-height:1.5;color:var(--text-muted);margin:0 0 .75rem}.results-recap-answers{display:flex;flex-direction:column;gap:6px;font-size:.88rem}.recap-line{display:flex;gap:8px;align-items:baseline}.recap-label{flex-shrink:0;width:3.5rem;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.recap-value{color:var(--text);word-break:break-word}.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: 640px){.settings-panel>.settings-row:first-of-type{flex-direction:column;align-items:flex-start;gap:8px}.settings-panel>.settings-row:first-of-type .settings-label{min-width:0}.settings-panel>.settings-row:first-of-type .settings-input{width:100%;max-width:8rem;min-height:44px;box-sizing:border-box}.radio-label{min-height:44px;padding:4px 0;box-sizing:border-box}.mode-picker{gap:8px;justify-content:flex-start}.options-hint{font-size:.8rem;line-height:1.45;padding:0 .25rem}}@media (max-width: 480px){.film-icon{font-size:2.5rem;margin-bottom:1rem}.subtitle{font-size:.95rem}.settings-panel{padding:1rem}.question-body{padding:1.25rem 1rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0px))}.quiz-header{padding:12px;gap:8px;flex-wrap:wrap}.btn-header{min-height:40px;padding:8px 12px}.btn-header-icon-only{padding:8px;min-width:40px}.question-card{padding:1.25rem}.results-big{font-size:4rem}.freeform-row{flex-direction:column;align-items:stretch}.freeform-submit{width:100%;min-height:48px}.freeform-input{min-width:0;width:100%;min-height:48px}}*,*: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;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#root{min-height:100%;display:flex;flex-direction:column}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}