@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.16jj7wmz59xfp.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.Ur3q_a_className{font-family:GeistSans,GeistSans Fallback}.Ur3q_a_variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.1q6_w5dna172u.woff2)format("woff2");font-display:swap;font-weight:100 900}.iaM1Ya_className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.iaM1Ya_variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--bg:#efeeea;--panel:#f8f7f4;--ink:#16161a;--ink-2:#5e5e66;--line:#d4d2cb;--line-strong:#bdbbb3;--step-rest:#cdcbc4;--accent:#f0420e;--sans:var(--font-geist-sans), "Inter", system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--gutter:clamp(20px, 4.5vw, 64px);--expo-out:cubic-bezier(.16, 1, .3, 1);--expo-in:cubic-bezier(.7, 0, .84, 0)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mono-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-size:12px}.page{overflow-x:hidden}.top{position:relative}.grid-bg{pointer-events:none;background-image:repeating-linear-gradient(90deg,#16161a12 0 1px,#0000 1px 6.25%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 95%);mask-image:linear-gradient(#000 0%,#0000 95%)}.header{padding:28px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex;position:relative}.lockup-wrap{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.lockup{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.mark{flex:none;width:38px;height:38px;display:block;position:relative}.mark-baseline{background:var(--ink);opacity:.3;width:28px;height:1px;position:absolute;top:36.4px;left:2px}.mark-tilt{transform-origin:9.65px 36.3px;position:absolute;inset:0;transform:rotate(15deg)}.mark-path{background:var(--ink);opacity:.45;transform-origin:0;width:10.4px;height:1px;position:absolute;top:22.15px;left:12.8px;transform:rotate(-54.8deg)}.bar-a{background:var(--ink);border-radius:99px;width:3.3px;height:27.3px;position:absolute;top:9px;left:8px}.hit{border:1px solid var(--ink);opacity:0;border-radius:99px;width:9px;height:9px;position:absolute;top:18.15px;left:7.55px}.b-wrap{width:3.3px;height:27.3px;position:absolute;top:9px;left:12.8px}.bar-b{background:var(--accent);border-radius:99px;width:3.3px;height:27.3px;display:block}.wordmark{flex:none;display:block}.b-wrap{animation:1.72s linear .7s both intro-b;transform:translate(6px,-8.5px)}.hit-i{animation:1.72s linear .7s both hits}.lockup:hover .bar-b{animation:1.72s linear both hover-b}.lockup:hover .hit-x{animation:1.72s linear both hits}.is-speaking .lockup .bar-b{animation:1.1s linear both speak-b}.is-speaking .lockup .hit-x{animation:1.1s linear both speak-hit}@keyframes intro-b{0%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(6px,-8.5px)}6.977%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(0)}18.023%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(6px,-8.5px)}24.419%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(0)}35.465%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(6px,-8.5px)}41.86%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(0)}52.907%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(6px,-8.5px)}65.116%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(0)}72.093%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(6px,-8.5px)}76.744%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(0)}87.791%{transform:translate(6px,-8.5px)}to{transform:translate(6px,-8.5px)}}@keyframes hover-b{0%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}6.977%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}18.023%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}24.419%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}35.465%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}41.86%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}52.907%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}65.116%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}72.093%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}76.744%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}87.791%{transform:translate(0)}to{transform:translate(0)}}@keyframes hits{0%,6.97%{opacity:0}6.98%{opacity:1}15.7%,24.41%{opacity:0}24.42%{opacity:1}33.14%,41.85%{opacity:0}41.86%{opacity:1}50.58%,65.11%{opacity:0}65.12%{opacity:1}73.84%,76.74%{opacity:0}76.75%{opacity:1}85.47%,to{opacity:0}}@keyframes speak-b{0%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}9.09%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}20.91%{animation-timing-function:cubic-bezier(.7,0,.84,0);transform:translate(0)}30%{animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-6px,8.5px)}75.45%{transform:translate(0)}to{transform:translate(0)}}@keyframes speak-hit{0%,9.08%{opacity:0}9.09%{opacity:1}22.7%,29.99%{opacity:0}30%{opacity:1}43.6%,to{opacity:0}}.say{border:1px solid var(--line-strong);height:30px;color:var(--ink);font-family:var(--sans);letter-spacing:.01em;cursor:pointer;transition:border-color .2s var(--expo-out);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:0 13px 0 10px;font-size:13px;display:inline-flex;position:relative}.say:after{content:"";position:absolute;inset:-8px}.say:hover{border-color:var(--ink)}.tag{align-items:center;gap:10px;display:flex}.tag-bar{background:var(--accent);border-radius:99px;width:3px;height:14px;display:block;transform:rotate(15deg)}.hero{padding:clamp(56px, 8vw, 112px) var(--gutter) clamp(48px, 6vw, 80px);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px 64px;display:flex;position:relative}.hero-left{flex:999 560px;min-width:0}.eyebrow{align-items:center;gap:12px;margin-bottom:28px;display:flex}.eyebrow-bar{background:var(--ink);border-radius:99px;width:3px;height:16px;display:block;transform:rotate(15deg)}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(56px,9.2vw,144px);font-weight:500;line-height:.94}.hero h1 .period{color:var(--accent)}.hero-right{flex-direction:column;flex:340px;gap:28px;min-width:0;max-width:460px;display:flex}.lede{max-width:44ch;color:var(--ink-2);margin:0;font-size:18px;line-height:1.55}.notify{flex-direction:column;gap:12px;display:flex}.notify-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.input{border:0;border-bottom:1px solid var(--ink);min-width:0;height:52px;font-family:var(--sans);color:var(--ink);background:0 0;border-radius:0;flex:200px;padding:0;font-size:17px}.input::placeholder{color:#6b6a72;opacity:1}.btn{background:var(--ink);height:52px;color:var(--panel);font-family:var(--sans);letter-spacing:.005em;cursor:pointer;transition:transform .24s var(--expo-out), background .24s var(--expo-out);border:0;border-radius:99px;padding:0 28px;font-size:15px;font-weight:500}.btn:hover{background:#000;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:default;transform:none}.notice{color:var(--ink-2);font-size:14px}.joined{align-items:center;gap:14px;min-height:52px;font-size:17px;display:flex}.joined-bar{background:var(--accent);border-radius:99px;width:4px;height:24px;display:block;transform:rotate(15deg)}.panel{margin:0 var(--gutter);border:1px solid var(--line);background:var(--panel);border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 30px 60px -40px #16161a40}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:18px 28px;display:flex}.panel-status{align-items:center;gap:12px;display:flex}.led{background:var(--accent);opacity:.22;border-radius:99px;width:8px;height:8px;transition:opacity 90ms linear;display:block}.led.is-on{opacity:1}.timer{background:var(--line);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid}.cell{background:var(--panel);flex-direction:column;gap:clamp(12px,2vw,24px);padding:clamp(24px,4vw,48px) clamp(16px,2.2vw,32px) clamp(20px,3vw,32px);display:flex}.digits{height:1.02em;font-family:var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(56px,10.5vw,152px);font-weight:400;line-height:1;display:flex;overflow:hidden}.dg{animation:rise .56s var(--expo-out) both;display:block}@keyframes rise{0%{opacity:0;transform:translateY(42%)}to{opacity:1;transform:translateY(0)}}.seq{border-top:1px solid var(--line);flex-direction:column;gap:20px;padding:24px 28px 26px;display:flex}.seq-head{flex-wrap:wrap;justify-content:space-between;gap:6px 24px;display:flex}.steps{justify-content:space-between;align-items:flex-end;height:56px;display:flex}.step{background:var(--step-rest);border-radius:99px;width:10px;height:22px;transition:background .12s linear;display:block}.step.is-hit{background:var(--ink);height:56px}.step.is-on{background:var(--ink)}.step.is-hit.is-on{background:var(--accent)}.seq-foot{gap:16px;font-size:11px;display:flex}.seq-foot>div{border-top:1px solid var(--line-strong);flex:1;padding-top:8px}.vocab{margin:clamp(72px, 9vw, 120px) var(--gutter) 0}.vocab h2{margin:0 0 28px;font-weight:400}.vocab-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px 24px;display:grid}.vocab-item{border-top:1px solid var(--ink);flex-direction:column;gap:12px;padding-top:16px;display:flex}.vocab-item .idx{font-family:var(--mono);letter-spacing:.14em;color:var(--ink-2);font-size:12px}.vocab-item h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:500}.vocab-item p{max-width:30ch;color:var(--ink-2);margin:0;font-size:15px;line-height:1.55}.footer{margin:clamp(72px, 9vw, 120px) var(--gutter) 0;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:24px 0 44px;display:flex}@media (prefers-reduced-motion:reduce){.b-wrap,.bar-b,.hit-i,.hit-x,.dg{animation:none!important}}
