:root{--accent:#ffcf5a;--ink:#f7f3e9;--muted:#aeb4c4}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#11131a;color:var(--ink)}body{font-family:Inter,Arial,sans-serif}button{font:inherit}.presenter,.audience{min-height:100vh;position:relative;overflow:hidden;isolation:isolate}.ambient{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),radial-gradient(circle at 10% 85%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 28%),linear-gradient(130deg,#101219,#181c27 55%,#0c0e14);transition:.5s}.ambient:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent)}.ambient:after{content:"";position:absolute;width:42vw;height:42vw;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:50%;right:-14vw;top:14vh;box-shadow:0 0 90px color-mix(in srgb,var(--accent) 10%,transparent)}
.admin-lock{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;padding:20px}.lock-card{width:min(420px,100%);padding:34px;border:1px solid #ffffff1c;border-radius:28px;background:#11141ee8;box-shadow:0 30px 100px #0009;text-align:center;backdrop-filter:blur(18px)}.lock-icon{font-size:42px;margin-bottom:18px}.lock-card p{color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0}.lock-card h1{font-size:38px;letter-spacing:-.04em;margin:8px 0 24px}.lock-card input{width:100%;height:62px;border:1px solid #ffffff25;border-radius:16px;background:#ffffff0b;color:var(--ink);text-align:center;font-size:28px;letter-spacing:.25em;outline:none}.lock-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.lock-card button{width:100%;height:52px;margin-top:12px;border:0;border-radius:14px;background:var(--accent);color:#11131a;font-weight:800;cursor:pointer}.lock-card>span{display:block;min-height:18px;margin-top:12px;color:#ff7f91;font-size:13px}
.topbar{height:70px;padding:0 4vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ffffff18;backdrop-filter:blur(18px)}.brand{display:flex;gap:10px;font-weight:800}.brand:first-letter{color:var(--accent)}.session{margin-left:auto;color:var(--muted);font-size:14px;display:flex;gap:8px;align-items:center}.session b{color:var(--ink);letter-spacing:.12em}.dot{width:8px;height:8px;border-radius:50%;background:#5be09c;box-shadow:0 0 14px #5be09c}.dot.off{background:#ff6b6b;box-shadow:none}.icon-button{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff18;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:22px}
.route{position:relative;width:min(920px,84vw);margin:28px auto 0;display:flex;justify-content:space-between}.route-line{position:absolute;height:3px;left:24px;right:24px;top:22px;background:#ffffff18;overflow:hidden}.route-line span{display:block;height:100%;background:linear-gradient(90deg,#ffd45d,var(--accent));box-shadow:0 0 18px var(--accent);transition:width .55s}.route button{position:relative;z-index:1;border:0;background:transparent;color:#73798a;cursor:pointer;display:grid;place-items:center;gap:4px}.route button>span{width:45px;height:45px;border-radius:50%;border:1px solid #ffffff1d;background:#171a23;display:grid;place-items:center;transition:.35s;font-size:18px}.route button.active>span{background:var(--accent);border-color:var(--accent);transform:scale(1.16);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 15%,transparent),0 10px 30px #0007}.route button.done>span{border-color:#ffffff45}.route small{font-size:10px}
.stage{width:min(1240px,92vw);min-height:62vh;margin:22px auto 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:48px;align-items:center}.scene-label{grid-column:1/-1;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.question-zone{align-self:start}.eyebrow{color:var(--muted);margin:0 0 10px;font-size:14px}.question-zone h1{margin:0;font-size:clamp(34px,4.3vw,68px);line-height:.98;max-width:840px;letter-spacing:-.055em}.results{margin-top:34px;display:grid;gap:16px}.result-copy{display:flex;justify-content:space-between;gap:18px;font-size:16px}.result-copy strong{color:var(--accent);font-size:18px}.bar{height:9px;margin-top:7px;border-radius:99px;overflow:hidden;background:#ffffff12}.bar span{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,white),var(--accent));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 40%,transparent);transition:width .6s}.responses{color:var(--muted);font-size:13px;margin-top:14px}
.presenter.quiz .stage{grid-template-columns:1fr;align-content:center;position:relative}.quiz-zone{text-align:center;max-width:1040px;margin:0 auto;padding:0 120px 5vh}.quiz-zone h1{font-size:clamp(48px,6.5vw,96px);line-height:.94;letter-spacing:-.06em;margin:0;text-wrap:balance}.presentation-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:38px auto 0;max-width:860px;text-align:left}.presentation-options div{min-height:66px;border:1px solid #ffffff1c;background:#ffffff0b;border-radius:18px;padding:15px 18px;display:flex;align-items:center;gap:14px;font-size:17px}.presentation-options span{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);display:grid;place-items:center;font-weight:800}.quiz-join{position:absolute;right:0;bottom:34px;width:104px;text-align:center;color:var(--muted);font-size:11px;line-height:1.25}.quiz-join img{display:block;width:104px;height:104px;background:#fff;border-radius:14px;padding:6px;margin-bottom:8px}
.speaker-panel{min-height:420px;display:grid;place-items:center}.join-card,.story-card{width:100%;border:1px solid #ffffff1b;border-radius:28px;padding:28px;background:#ffffff0d;box-shadow:0 26px 80px #0007;backdrop-filter:blur(22px)}.join-card{text-align:center}.qr-wrap{width:210px;height:210px;margin:0 auto 20px;border-radius:22px;padding:10px;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 13%,transparent)}.qr-wrap img{width:100%;height:100%;border-radius:12px}.join-card p{font-size:22px;font-weight:800;margin:0 0 5px}.join-card>span{color:var(--muted);font-size:14px}.reveal{width:100%;margin-top:24px;padding:14px 18px;border:0;border-radius:14px;background:var(--accent);color:#11131a;font-weight:800;cursor:pointer}.reveal.ghost{background:#ffffff10;color:var(--ink);border:1px solid #ffffff1b}.story-mark{color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.story-card>p{font-size:18px;line-height:1.55;color:#e9e7e1}.story-card blockquote{margin:22px 0 0;padding:16px 0 16px 18px;border-left:3px solid var(--accent);font-weight:700;line-height:1.42}
.presenter.thesis .stage{grid-template-columns:1fr;align-content:center}.thesis-zone{max-width:1120px;padding:2vh 0 5vh}.thesis-zone h1{font-size:clamp(52px,7vw,106px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:1080px;text-wrap:balance}.thesis-lead{font-size:clamp(18px,2vw,28px);line-height:1.42;color:#d4d5db;max-width:820px;margin:28px 0 0}.thesis-art{margin-top:42px;display:flex;align-items:baseline;gap:22px;border-top:1px solid #ffffff1e;padding-top:22px}.thesis-art strong{font-size:clamp(28px,4vw,62px);color:var(--accent);letter-spacing:-.04em}.thesis-art span{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.thesis-phone-lead{font-size:18px;line-height:1.5;color:#d4d5db;margin:-10px 0 32px}.thesis-phone .phone-hint{border-top:1px solid #ffffff17;padding-top:18px}
.scene-crossroads .thesis-zone h1{font-size:clamp(40px,5.4vw,80px);line-height:.96}
footer{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff14}footer button{border:1px solid #ffffff1b;background:#ffffff0d;color:var(--ink);padding:12px 17px;border-radius:14px;cursor:pointer}footer button:disabled{opacity:.25}.score-note{color:var(--muted);font-size:13px}
.audience{min-height:100svh;display:grid;place-items:center;padding:18px}.phone-card{width:min(520px,100%);border:1px solid #ffffff20;border-radius:30px;background:#11141ee8;padding:24px;box-shadow:0 30px 100px #0009;backdrop-filter:blur(18px)}.phone-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.live{color:#64e9a5}.offline{color:#ff8585}.question-icon{font-size:50px;margin:42px 0 18px}.question-number{color:var(--accent);font-size:13px;font-weight:800;margin:0 0 8px}.phone-card h1{font-size:clamp(30px,9vw,46px);line-height:1.04;letter-spacing:-.045em;margin:0 0 30px}.answer-grid{display:grid;gap:11px}.answer-grid button{min-height:62px;width:100%;text-align:left;display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:10px;color:var(--ink);background:#ffffff0b;border:1px solid #ffffff1c;padding:10px 14px;border-radius:16px;cursor:pointer}.answer-grid button>span:first-child{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#ffffff10;color:var(--muted);font-weight:800}.answer-grid button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,#151822)}.answer-grid button.selected>span:first-child{background:var(--accent);color:#11131a}.answer-grid button b{color:var(--accent);text-align:right;font-size:13px}.answer-copy{position:relative;display:block;padding-bottom:7px;overflow:hidden}.answer-copy i{position:absolute;left:0;bottom:0;height:3px;border-radius:10px;background:var(--accent);transition:width .5s}.phone-hint{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.loading{min-height:100vh;display:grid;place-items:center;color:#aeb4c4}
.scene-burnout .ambient{background:radial-gradient(circle at 78% 24%,#ff6b8a4d,transparent 34%),linear-gradient(145deg,#2a111b,#0e1118 66%)}.scene-crossroads .ambient{background:radial-gradient(circle at 78% 24%,#ffb34748,transparent 34%),linear-gradient(145deg,#241b0e,#11131a 66%)}.scene-future .ambient{background:radial-gradient(circle at 78% 24%,#62e6a64d,transparent 34%),linear-gradient(145deg,#0d251b,#0d1117 66%)}
@media(max-width:860px){.stage{grid-template-columns:1fr;gap:20px;align-items:start;overflow-y:auto;padding-bottom:110px}.speaker-panel{min-height:0}.route{width:90vw}.route button>span{width:38px;height:38px}.route-line{top:18px}.score-note{display:none}footer{position:fixed;left:0;right:0;bottom:0;background:#101219ee;backdrop-filter:blur(15px);z-index:5}}