@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/bricolage-grotesque-latin-standard-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/bricolage-grotesque-latin-ext-standard-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/instrument-sans-latin-standard-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/instrument-sans-latin-ext-standard-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrains-mono-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/jetbrains-mono-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:dark;--bg:#16130F;--card:#26211B;--text:#F5F0E6;--muted:#C9BFAE;--accent:#FF8A00;--line:#615342;font-family:'Instrument Sans',sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-padding-bottom:120px}button,a,input{scroll-margin-bottom:120px}body{margin:0;font-size:18px;line-height:1.55}header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #40372c;min-height:64px}header b,.eyebrow,pre,.timer strong{font-family:'JetBrains Mono',monospace}header b{font-size:15px;letter-spacing:.1em}header span,header small{font-size:12px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:32px 24px 144px}h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:40px;margin:16px 0 32px}h2{font-size:32px;margin:12px 0 24px}h3{font-size:22px;margin:8px 0 16px}p{margin:12px 0 24px}small,.muted{color:var(--muted)}small{font-size:14px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.08em}.card,.task-card,.prompt-card{background:var(--card);padding:24px;border:1px solid var(--line);border-radius:16px;margin:24px 0}button,.download{display:inline-block;min-height:48px;padding:12px 16px;font:inherit;line-height:1.35;border:1px solid #8b7861;border-radius:12px;background:#332c23;color:var(--text);cursor:pointer;text-decoration:none}button:hover,.download:hover{border-color:var(--accent)}button:disabled{cursor:default;color:var(--muted);background:#211d18;border-color:#514538}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input{width:100%;min-height:52px;padding:12px 16px;background:var(--bg);color:var(--text);font:inherit;border:1px solid #8b7861;border-radius:12px;margin:8px 0 16px}label{display:block}a{color:#ffad4d}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.65;margin:16px 0 24px}.prompt-card pre.truncated{max-height:19.8em;overflow:hidden}.copy,#login button,#adminlogin button,#words button,.pilot{width:100%;background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}.copy{min-height:56px}.expand{width:100%;margin-bottom:12px}.prompt-card h3{color:var(--muted);font-size:18px}.task-card p{white-space:pre-wrap}.check{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer}.check input{width:24px;min-height:24px;height:24px;margin:0;accent-color:#74d9a9}.task-card.done{border-color:#74d9a9}.task-progress{color:#b8e7ce}.confirmation{color:var(--muted)}.question-card:has(.option.correct.selected) .confirmation{color:#b8e7ce}.prose{white-space:pre-wrap}.download{width:100%;margin:16px 0}.tools{margin:24px 0}.tools-label{color:var(--muted);margin-bottom:12px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.tool-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;background:var(--card);color:var(--text)}.tool-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#4c321a;color:#ffad4d;border-radius:12px}.tool-body{min-width:0;display:flex;flex-direction:column}.tool-name{font-weight:700}.tool-desc,.tools-note{color:var(--muted);font-size:14px}.tool-cta{margin-left:auto;color:#ffad4d;font-size:14px}.sidebar{display:none}.mobile-heading h1{font-size:32px}.mobile-heading button{width:100%;margin-bottom:24px}.lesson{min-width:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:20}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:760px;margin:auto}.page-controls button{font-size:15px}.page-controls span{font-size:14px;white-space:nowrap}progress{display:block;width:100%;max-width:760px;height:4px;margin:12px auto 0;border:0;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#4a3e30}progress::-webkit-progress-value{background:var(--accent)}.follow{width:100%;border-color:var(--accent);text-align:left;margin-bottom:24px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;border-left:1px solid var(--line);padding:0 0 12px 16px}.timeline li::before{content:'';position:absolute;left:-4px;top:24px;width:7px;height:7px;border-radius:50%;background:var(--muted)}.timeline button{width:100%;text-align:left;background:transparent;border-color:transparent;padding:12px}.timeline button small,.timeline button strong{display:block}.timeline button strong{font-size:17px;margin-top:4px}.timeline .viewing{border-color:var(--accent);background:#332719}.timeline .viewing small{color:#ffad4d}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:16px;width:min(92vw,480px);max-height:88dvh;padding:24px}dialog::backdrop{background:#000b}dialog>button{width:100%;margin-bottom:24px}.live:empty{display:none}.toggle{width:100%;text-align:right}.question-card{border:2px solid var(--accent);margin:12px 0 24px}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.response-count{font-size:14px;color:var(--muted)}.response-count strong{font-family:'Bricolage Grotesque';font-size:32px;color:var(--accent)}.question-card h2{font-size:28px;margin:16px 0 24px}.option{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;text-align:left;margin:12px 0;min-height:64px}.option.selected{border:2px solid var(--accent);background:#47301b}.option-body{position:relative;z-index:1;display:flex;gap:12px;align-items:center}.option-body>span{flex:1}.option small{display:block;color:var(--text);font-size:13px}.letter{font-family:'JetBrains Mono';font-size:15px;border:1px solid var(--line);border-radius:8px;padding:8px}.bar{position:absolute;inset:0 auto 0 0;background:#ff8a0029;transition:width .35s ease;z-index:0}.correct{border-color:#74d9a9!important}.correct .bar{background:#74d9a92b}.result{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#332c23;margin:12px 0;padding:16px}.result-label{position:relative;display:flex;justify-content:space-between;gap:16px}.result-label>strong{white-space:nowrap}.result-label small{display:block}.word-cloud{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.word{font-size:calc(18px + 20px * var(--weight));padding:8px 16px;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere;max-width:100%}.collapsed .question-card{display:none}.timer{padding:12px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.timer strong{font-variant-numeric:tabular-nums}.timer.ending strong{color:var(--accent)}.admin{max-width:760px;padding-top:0}.now{position:sticky;top:0;z-index:10;background:var(--bg);padding:16px 0;border-bottom:1px solid var(--line)}.now h2{font-size:25px;margin:8px 0}.now-question{font-size:14px;margin:8px 0 12px;color:var(--muted)}.now-question strong{display:block;color:var(--text)}.pilot{font-size:24px;text-align:left;min-height:72px}.pilot span{display:block;font-size:16px;font-weight:500}.undo{font-size:14px;margin-top:8px}.timer-controls{padding:24px 0;display:flex;gap:8px;flex-wrap:wrap}.timer-controls .eyebrow{width:100%}.timer-controls button{font-size:15px}.admin-section{border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}.admin-section>summary{display:flex;align-items:center;gap:12px;padding:16px;min-height:64px;cursor:pointer}.admin-section>summary strong{flex:1;font-size:17px}.admin-section>summary small{white-space:nowrap;font-size:12px}.admin-section[open]{border-color:var(--accent)}.admin-section-body{padding:0 16px 16px}.admin-section-body>button{margin:8px 0}.admin-question{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.admin-question h3{font-size:20px}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-actions button{font-size:15px}.mini{font-size:14px}.mini .result{padding:8px 12px}.settings{margin-top:32px}.settings summary{min-height:48px;cursor:pointer}.settings button{margin:8px 0}.screen{max-width:1800px;padding:48px 80px}.screen .poster{display:grid;grid-template-columns:440px 1fr;gap:24px 64px;align-items:center}.poster>.eyebrow,.poster>h1{grid-column:1/-1}.poster h1{font-size:64px;margin:0 0 16px}.qr{width:100%;background:white;border-radius:16px;padding:16px}.poster p{font-size:48px;margin:8px 0 24px;overflow-wrap:anywhere}.poster strong{display:block;font:64px 'JetBrains Mono';color:var(--accent)}.poster p.current-title{font-size:32px;color:var(--muted)}.screen .question-card{padding:40px;margin:0}.screen .question-card h2{font-size:56px;line-height:1.15}.screen .response-count{font-size:24px}.screen .response-count strong{font-size:64px}.screen .result{padding:20px 24px;font-size:32px}.screen .result small{font-size:22px}.screen .result-label>strong{font-size:44px}.timer-large{padding:16px 32px;margin-bottom:24px}.timer-large span{font-size:32px}.timer-large strong{font-size:80px;line-height:1.1}.login{max-width:600px;padding-top:8vh}#login input{font-family:'JetBrains Mono';font-size:22px}#message{position:fixed;left:16px;right:16px;bottom:112px;z-index:50;background:var(--accent);color:var(--bg);padding:12px 16px;border-radius:12px;margin:0;text-align:center;font-weight:650}#message:empty{display:none}
@media(min-width:1024px){.participant{display:grid;grid-template-columns:300px minmax(0,760px);gap:48px;max-width:1180px}.sidebar{display:block;position:sticky;top:24px;align-self:start;max-height:calc(100dvh - 48px);overflow:auto}.sidebar h1{font-size:36px}.sidebar h2{font-size:22px}.mobile-heading{display:none}.participant-content{min-width:0}.bottom-nav{left:max(348px,calc((100vw - 1180px)/2 + 348px));padding-left:24px;padding-right:24px}.lesson>h2{font-size:40px}}
@media(max-width:600px){dialog{margin:auto 0 0 auto;max-height:90dvh;width:min(100vw,480px);border-radius:16px 16px 0 0}header{padding:12px 16px;min-height:56px}header b span{display:none}main{padding:24px 16px 144px}.card,.task-card,.prompt-card{padding:20px}.participant:has(.live:not(:empty)){padding-bottom:210px}.live:not(:empty){position:fixed;bottom:98px;left:8px;right:8px;z-index:25;background:var(--bg);border:1px solid var(--line);border-radius:16px;max-height:calc(82dvh - 98px);overflow:auto;box-shadow:0 -8px 32px #0009}.live .toggle{border:0}.live .question-card{margin:0;border-radius:16px}.question-meta{flex-wrap:wrap}.question-card h2{font-size:25px}.admin{padding-top:0}.now .timer{margin:8px 0;padding:8px 12px;font-size:14px}.screen{padding:24px 16px}.screen .poster{display:block}.poster h1{font-size:36px}.poster p{font-size:26px}.poster strong{font-size:36px}.screen .question-card h2{font-size:32px}.screen .result{font-size:20px}.timer-large{display:block}.timer-large strong{display:block;font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.wall-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:24px}.wall-entry{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg);min-width:0}.wall-entry a{display:flex;flex-direction:column;gap:12px;color:var(--text);text-decoration:none;overflow-wrap:anywhere;min-height:48px}.wall-entry a span{color:var(--muted);font-size:14px}.wall-entry button{margin-top:16px}.screen .wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screen .wall-entry{padding:24px}.screen .wall-entry strong{font-size:32px}.screen .wall-entry a span{font-size:22px}#wall button{width:100%;background:var(--accent);color:var(--bg)}

.screen .question-card:has(.wall-grid){padding:24px}.screen .question-card:has(.wall-grid) h2{font-size:40px;margin:12px 0}.screen .wall-grid:has(.wall-entry:nth-child(10)){grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:16px}.screen .wall-grid:has(.wall-entry:nth-child(10)) .wall-entry{padding:12px}.screen .wall-grid:has(.wall-entry:nth-child(10)) a{gap:8px}.screen .wall-grid:has(.wall-entry:nth-child(10)) strong{font-size:22px;line-height:1.2}.screen .wall-grid:has(.wall-entry:nth-child(10)) a span{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.screen:has(.wall-entry:nth-child(10)){padding-top:24px;padding-bottom:24px}.screen .wall-grid:has(.wall-entry:nth-child(10)) strong{font-size:20px}.screen .wall-grid:has(.wall-entry:nth-child(10)) a span{font-size:14px}
