:root{--ink:#090909;--paper:#eee9df;--white:#fff;--muted:#6b6760;--line:rgba(9,9,9,.13);--accent:#800020}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400;letter-spacing:-.045em}.shell{min-height:100dvh;padding:22px;display:grid}.panel{width:min(1240px,100%);min-height:calc(100dvh - 44px);margin:auto;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.56);box-shadow:0 30px 100px rgba(0,0,0,.08);overflow:hidden}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.brand{font-family:"Instrument Serif",Georgia,serif;font-size:32px;letter-spacing:-.04em}.badge{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.56)}.content{padding:34px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:24px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) 360px;gap:34px;align-items:center}.kicker{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:700;margin:0 0 14px}.hero-title{font-size:clamp(58px,8.3vw,124px);line-height:.86;margin:0 0 22px}.slide-title{font-size:clamp(62px,8vw,118px);line-height:.9;margin:0 0 24px;max-width:10ch}.question-title{font-size:clamp(44px,6vw,86px);line-height:.95;margin:0 0 26px;max-width:14ch}.lead{font-size:20px;line-height:1.5;color:var(--muted);max-width:55ch;margin:0 0 24px}.lead.wide{font-size:24px;max-width:36ch}.note{color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:28px}.stats{display:inline-grid;grid-template-columns:auto auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.5)}.stats strong{font-size:54px;line-height:.8}.stats span{color:var(--muted)}.qr-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;gap:14px;overflow:hidden}.qr{width:100%;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.qr-card p{word-break:break-word;color:var(--muted);margin:0;font-size:14px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.option{appearance:none;text-align:left;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72);padding:22px;font:inherit;font-size:21px;min-height:98px;cursor:pointer;color:var(--ink)}.option:hover,.option.selected{border-color:var(--ink);background:var(--white)}.option:disabled{cursor:default}.status-line{color:var(--muted);font-size:16px;margin-top:18px}.bars{display:grid;gap:16px}.bar{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.66);padding:16px}.bar.correct{border-color:var(--accent)}.bar-label{display:flex;justify-content:space-between;gap:16px;font-weight:650;margin-bottom:12px}.bar-track{height:14px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden}.bar-track i{display:block;height:100%;border-radius:99px;background:var(--ink);transition:width .25s ease}.bar.correct .bar-track i{background:var(--accent)}.leaderboard{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.leaderboard h2{font-size:42px;margin:0 0 10px}.leader{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.host-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px}.host-panel{min-width:0}.controls{border-left:1px solid var(--line);padding-left:26px}.controls h1{font-size:54px;line-height:.9;margin:0 0 14px}.button-row{display:grid;gap:10px;margin:20px 0}.btn{appearance:none;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:var(--white);padding:14px 18px;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink)}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.small-qr{padding:16px}.download{display:block;margin-top:14px;color:var(--ink)}.phone-card{max-width:520px;margin:0 auto;padding:8px}.phone-title{font-size:58px;line-height:.9;margin:0 0 20px}form{display:grid;gap:12px}label{font-weight:700}input{width:100%;border:1px solid var(--line);border-radius:16px;padding:17px 16px;font:inherit;font-size:18px;background:#fff}@media(max-width:820px){.shell{padding:10px}.panel{min-height:calc(100dvh - 20px);border-radius:20px}.top{height:auto;align-items:flex-start;padding:16px}.badge{display:none}.content{padding:22px 16px}.split,.host-grid{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.hero-title,.slide-title{font-size:58px}.question-title{font-size:42px}.options{grid-template-columns:1fr}.option{font-size:18px;min-height:76px}.qr-card{padding:18px}}