@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2")}:root{color-scheme:dark;--night: #0b1318;--wall: #142129;--desk: #1d3038;--chalk: #f4efe3;--mist: #b8c7c9;--lamp: #ffc857;--lamp-ink: #201503;--signal: #71d6a4;--sky: #78b9d4;--ember: #ff8a70;--line: #36505b;--display: "Fraunces Variable", Georgia, serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;font-family:var(--body);font-size:16px;color:var(--chalk);background:var(--night);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;min-width:320px;min-height:100vh;background:var(--night);color:var(--chalk)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--sky);text-underline-offset:.2em}a:hover{color:var(--chalk)}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.02;text-wrap:balance}h1{margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,6.8rem);font-weight:640;letter-spacing:-.045em}h2{margin-bottom:1rem;font-size:clamp(2.1rem,4vw,4.5rem);font-weight:620;letter-spacing:-.035em}h3{margin-bottom:.5rem;font-size:1.45rem;font-weight:620}p,li,label{line-height:1.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--lamp);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.75rem 1rem;color:var(--lamp-ink);background:var(--lamp);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:80px;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid #253941;background:color-mix(in srgb,var(--night) 92%,transparent)}.wordmark{display:inline-flex;align-items:center;gap:.75rem;color:var(--chalk);font-size:1.05rem;font-weight:700;text-decoration:none}.lamp-mark{position:relative;width:28px;height:20px;border-radius:3px 3px 14px 14px;background:var(--lamp);box-shadow:0 8px 24px #ffc85766}.lamp-mark:before{position:absolute;bottom:100%;left:12px;width:4px;height:10px;background:var(--mist);content:""}.site-header nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem)}.site-header nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--mist);font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--chalk)}.hero{position:relative;display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(25rem,1.18fr);align-items:center;min-height:calc(100svh - 80px);overflow:hidden}.hero:after{position:absolute;right:12%;bottom:-80px;width:34vw;height:140px;background:#ffc85712;filter:blur(38px);content:"";pointer-events:none}.hero-copy{position:relative;z-index:2;padding:clamp(3rem,8vw,8rem) clamp(1.25rem,5vw,5.5rem)}.hero-copy h1{max-width:9ch}.eyebrow{margin-bottom:1rem;color:var(--signal);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.hero-lead{max-width:36rem;margin-bottom:2rem;color:var(--mist);font-size:clamp(1.15rem,1.8vw,1.45rem)}.hero-action{display:flex;align-items:center;gap:1rem;max-width:37rem}.hero-action span{max-width:13rem;color:var(--mist);font-size:.92rem;line-height:1.35}.plain-facts{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;margin:2.25rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--line);list-style:none;color:var(--mist)}.plain-facts li:before{margin-right:.5rem;color:var(--signal);content:"●";font-size:.65em;vertical-align:.15em}.hero-art{position:relative;align-self:stretch;min-height:560px;margin:0;overflow:hidden;background:var(--wall)}.hero-art:after{position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,transparent 27%),linear-gradient(0deg,#0b1318aa 0%,transparent 35%);content:""}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:58% center;animation:room-reveal .55s ease-out both}.hero-art figcaption{position:absolute;z-index:1;right:2rem;bottom:1.75rem;padding:.55rem .8rem;color:var(--chalk);border-left:2px solid var(--lamp);background:#0b1318cc;font-size:.9rem}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.15rem;border:1px solid transparent;border-radius:4px 16px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button-primary{color:var(--lamp-ink);background:var(--lamp);box-shadow:0 12px 36px #ffc8571f}.button-primary:hover{color:var(--lamp-ink);background:#ffd471}.button-secondary{color:var(--chalk);border-color:var(--sky);background:#18323d}.button-quiet{color:var(--sky);border-color:var(--line);background:transparent}.create-section,.how-section,.limits-section,.paid-section{padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,6vw,7rem)}.create-section{display:grid;grid-template-columns:minmax(14rem,.4fr) minmax(34rem,1fr);gap:clamp(2rem,6vw,7rem);background:var(--wall)}.section-intro{max-width:34rem}.section-intro p:not(.eyebrow){color:var(--mist);font-size:1.1rem}.creator-form{min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem}label{display:grid;gap:.45rem;color:var(--chalk);font-weight:700}input,textarea{width:100%;color:var(--chalk);border:1px solid #4b6872;border-radius:3px 12px;background:#0e1b21}input{min-height:48px;padding:.65rem .85rem}textarea{min-height:7rem;padding:.8rem;resize:vertical;line-height:1.5}.code-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.code-inputs label span{color:var(--sky);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.code-inputs textarea{min-height:18rem;font:.83rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.form-end{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}.form-end p{margin:0;color:var(--mist);font-size:.9rem}.form-error{min-height:1.5rem;margin:.75rem 0 0;color:var(--ember);font-weight:400}.how-section{background:#0e181e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,4rem);margin:3rem 0 0;padding:0;list-style:none}.steps li{padding-top:1.25rem;border-top:2px solid var(--line)}.steps li>span{display:inline-block;margin-bottom:3rem;color:var(--lamp);font:700 1rem ui-monospace,monospace}.steps p{max-width:24rem;color:var(--mist)}.limits-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,9rem);align-items:start;background:var(--desk)}.limits-section>div{max-width:44rem}.limits-section>div>p:last-child{color:var(--mist);font-size:1.15rem}.limits-list{margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.limits-list li{padding:1.25rem 0 1.25rem 2rem;border-bottom:1px solid var(--line)}.limits-list li:before{float:left;margin-left:-2rem;color:var(--ember);content:"—"}.paid-section{display:grid;grid-template-columns:1fr minmax(18rem,.7fr);gap:3rem;align-items:center;background:#0b1419}.paid-section>div:first-child{max-width:46rem}.paid-section>div:first-child>p:last-child{color:var(--mist);font-size:1.1rem}.license-panel{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem;border:1px solid var(--line);border-radius:4px 22px;background:var(--wall)}.license-form{flex:1 0 100%;display:flex;gap:.75rem;align-items:end;margin-top:.75rem}.license-form label{flex:1}.small-note{flex-basis:100%;margin:.5rem 0 0;color:var(--mist);font-size:.9rem}.demo-banner{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:center;gap:2rem;min-height:48px;padding:.4rem 1rem;color:var(--lamp-ink);background:var(--lamp)}.demo-banner div{display:flex;gap:1rem;align-items:center}.demo-banner button,.demo-banner a{min-height:36px;padding:.25rem .65rem;color:var(--lamp-ink);border:1px solid #6e5219;background:transparent;font-weight:700;cursor:pointer}.teacher-page,.workbench-page{min-height:75vh}.teacher-heading,.workbench-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,5rem) 3rem}.teacher-heading>div:first-child,.workbench-heading>div:first-child{max-width:55rem}.teacher-heading h1,.workbench-heading h1{margin-bottom:1rem;font-size:clamp(2.6rem,5vw,5.5rem)}.teacher-heading p:last-child,.workbench-heading p:last-child{max-width:60ch;color:var(--mist);font-size:1.1rem}.join-link-panel{min-width:min(100%,34rem);padding:1.25rem;border:1px solid var(--line);border-radius:4px 18px;background:var(--wall)}.join-link-panel>span,.join-link-panel small{display:block;color:var(--mist)}.join-link-panel>span{margin-bottom:.5rem;font-weight:700}.join-link-panel>div{display:flex;gap:.5rem}.join-link-panel input{min-width:0}.join-link-panel small{margin-top:.6rem}.signal-board{margin:0 clamp(1.25rem,5vw,5rem);padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--line);border-radius:4px 26px;background:var(--wall);box-shadow:0 28px 80px #0004}.signal-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.signal-heading h2,.teacher-preview h2{font-size:clamp(2rem,3vw,3.2rem)}.signal-heading>p{color:var(--mist)}.count-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.count-strip div{display:grid;gap:.25rem;padding:1.5rem;border-right:1px solid var(--line)}.count-strip div:last-child{border-right:0}.count-strip strong{color:var(--lamp);font:640 clamp(2rem,4vw,3.5rem)/1 var(--display);font-variant-numeric:tabular-nums}.count-strip span{color:var(--mist)}.participant-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.75rem}.participant{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:center;min-height:72px;padding:.8rem 1rem;border:1px solid #314a55;background:#101c22}.participant>span:last-child{grid-column:2;color:var(--mist);font-size:.9rem}.signal-dot{grid-row:1 / 3;width:12px;height:12px;border:2px solid var(--mist);border-radius:50%}.signal-ran{border-color:var(--sky);background:var(--sky);box-shadow:0 0 14px #78b9d477}.signal-done{border-color:var(--signal);background:var(--signal);box-shadow:0 0 14px #71d6a477}.empty-state{grid-column:1 / -1;margin:0;padding:2rem 0;color:var(--mist);text-align:center}.teacher-preview{display:grid;grid-template-columns:.35fr 1fr;gap:3rem;padding:5rem clamp(1.25rem,5vw,5rem)}.teacher-preview iframe{width:100%;min-height:430px;border:1px solid var(--line);border-radius:4px 22px;background:#fff}.join-page{display:grid;min-height:calc(100svh - 80px);place-items:center;padding:2rem 1.25rem;background:radial-gradient(circle at 50% 25%,#293b3f 0,var(--night) 56%)}.join-card{width:min(100%,42rem);padding:clamp(2rem,6vw,4rem);border:1px solid var(--line);border-radius:4px 28px;background:var(--wall);box-shadow:0 30px 90px #0008}.join-card h1{font-size:clamp(2.5rem,7vw,5rem)}.join-card>p:not(.eyebrow){margin-bottom:2rem;color:var(--mist);font-size:1.1rem}.join-card form{display:flex;flex-wrap:wrap;gap:.75rem}.join-card label,.join-card .field-help,.join-card .form-error{flex-basis:100%}.field-help{margin:-.15rem 0 .5rem;color:var(--mist);font-size:.9rem}.workbench-heading{padding-bottom:2rem}.workbench-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.offline-note{margin:0 clamp(1.25rem,4vw,4rem) 1rem;padding:.75rem 1rem;color:var(--lamp-ink);background:var(--lamp);font-weight:700}.workbench{display:grid;grid-template-columns:1fr 1fr;min-height:680px;margin:0 clamp(1rem,4vw,4rem) 5rem;overflow:hidden;border:1px solid var(--line);border-radius:4px 24px;background:var(--wall);box-shadow:0 30px 100px #0006}.editor-pane,.preview-pane{min-width:0}.editor-pane{border-right:1px solid var(--line)}.editor-tabs{display:flex;min-height:52px;border-bottom:1px solid var(--line);background:#0e1b21}.editor-tabs button{min-width:100px;min-height:52px;padding:.6rem 1rem;color:var(--mist);border:0;border-right:1px solid var(--line);background:transparent;font-weight:700;cursor:pointer}.editor-tabs button[aria-selected=true]{color:var(--lamp);background:var(--desk);box-shadow:inset 0 -3px var(--lamp)}.editor-fields,.editor-fields label{height:calc(100% - 26px)}.editor-fields label{display:block;color:transparent;font-size:0}.editor-fields textarea{width:100%;height:100%;min-height:625px;padding:1.25rem;color:#e9f0eb;border:0;border-radius:0;background:#111f26;font:.9rem/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:none;tab-size:2}.preview-pane{display:flex;flex-direction:column;background:#e8ecec}.preview-bar{display:flex;justify-content:space-between;gap:1rem;min-height:52px;padding:.9rem 1rem;color:var(--chalk);background:var(--desk)}.preview-bar span:last-child{color:var(--signal);font-size:.88rem}.preview-pane iframe{flex:1;width:100%;min-height:625px;border:0;background:#fff}.loading-page,.error-page{display:grid;align-content:center;justify-items:center;min-height:calc(100svh - 80px);padding:3rem 1.25rem;text-align:center}.loading-page h1,.error-page h1{max-width:12ch;font-size:clamp(2.5rem,6vw,5rem)}.loading-page p,.error-page>p:not(.eyebrow){max-width:40rem;color:var(--mist);font-size:1.1rem}.lamp-loader{width:80px;height:3px;margin:0 0 2rem;background:var(--lamp);box-shadow:0 10px 50px 18px #ffc85733;animation:lamp-load 1s ease-in-out infinite alternate}.door-number{color:#273a42;font:640 clamp(8rem,24vw,18rem)/.7 var(--display);letter-spacing:-.08em}.prose-page{max-width:780px;min-height:70vh;margin:0 auto;padding:clamp(4rem,9vw,8rem) 1.25rem}.prose-page h1{max-width:11ch;font-size:clamp(3rem,7vw,6rem)}.prose-page h2{margin-top:3rem;font-size:1.7rem}.prose-page p:not(.eyebrow){color:var(--mist);font-size:1.08rem}.site-footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:2rem;align-items:center;padding:2rem clamp(1.25rem,5vw,5rem);color:var(--mist);border-top:1px solid var(--line);background:#080e12;font-size:.9rem}.site-footer p{margin:0}.footer-links{display:flex;gap:1.25rem}@keyframes room-reveal{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes lamp-load{0%{opacity:.4;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1)}}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:3rem}.hero-art{min-height:420px}.hero-art:after{background:linear-gradient(0deg,var(--night) 0%,transparent 50%)}.create-section,.teacher-preview,.code-inputs{grid-template-columns:1fr}.code-inputs textarea{min-height:12rem}.teacher-heading,.workbench-heading{align-items:stretch;flex-direction:column}.workbench-actions{justify-content:flex-start}.workbench{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--line)}.editor-fields textarea,.preview-pane iframe{min-height:480px}}@media(max-width:700px){.site-header{align-items:flex-start;padding:.8rem 1rem}.wordmark span:last-child{max-width:7rem;line-height:1.1}.site-header nav{gap:.6rem}.site-header nav a{font-size:.88rem}.site-header nav a:first-child{display:none}.hero{min-height:auto}.hero-copy{padding:4rem 1.25rem 2.5rem}.hero-copy h1{font-size:clamp(3.4rem,16vw,5rem)}.hero-action{align-items:flex-start;flex-direction:column}.hero-action span{max-width:none}.hero-art{min-height:270px}.hero-art img{object-position:65% center}.hero-art figcaption{right:1rem;bottom:1rem}.create-section,.how-section,.limits-section,.paid-section{padding:4.5rem 1.25rem}.create-section,.limits-section,.paid-section,.steps,.form-grid{grid-template-columns:1fr}.steps li>span{margin-bottom:1.5rem}.license-form,.form-end{align-items:stretch;flex-direction:column}.demo-banner{position:relative;align-items:flex-start;flex-direction:column;gap:.25rem}.teacher-heading,.workbench-heading{padding:3rem 1.25rem 2rem}.join-link-panel{min-width:0}.join-link-panel>div{flex-direction:column}.signal-board{margin:0 1rem;padding:1.25rem}.signal-heading{align-items:flex-start;flex-direction:column;gap:.5rem}.count-strip{grid-template-columns:1fr 1fr}.count-strip div:nth-child(2){border-right:0}.count-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.teacher-preview{padding:4rem 1.25rem}.workbench{min-height:0;margin:0 0 4rem;border-right:0;border-left:0;border-radius:0}.editor-tabs button{min-width:0;flex:1;padding-inline:.4rem}.editor-fields textarea{min-height:55vh}.preview-pane iframe{min-height:65vh}.site-footer{grid-template-columns:1fr;gap:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover{transform:none}}