@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_next/static/media/69bc46473dfaa9fa-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Archivo;font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_next/static/media/bf12ccbafdbe00b7-s.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:Archivo;font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_next/static/media/da522a9b642f99ae-s.p.woff2) format("woff2");unicode-range:u+00??,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:Archivo Fallback;src:local("Arial");ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.00%;size-adjust:98.70%}.__className_94524d{font-family:Archivo,Archivo Fallback;font-style:italic}.__variable_94524d{--font-display:"Archivo","Archivo Fallback"}:root{--bg:#ffffff;--surface:#f5f5f5;--surface2:#e9e9e9;--line:#e5e5e5;--ink:#111111;--muted:#707072;--accent:#3b7dff;--accent-ink:#ffffff;--accent-soft:#e7efff;--bad:#d6272f;--bad-soft:#fbe4e5;--gutter:var(--s6);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:28px;--s8:32px;--s10:40px;--s12:48px;--s14:56px;--s16:64px;--s24:96px;--r1:4px;--r3:12px;--r4:16px;--r5:20px;--r6:24px;--r-pill:999px;--col:480px;--display:var(--font-display),"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right));-webkit-tap-highlight-color:transparent;overflow-x:clip}h1,h2,h3{font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0}h2{font-size:1.15rem}a{color:inherit}.display{font-family:var(--display);font-style:italic;font-weight:900;font-stretch:75%;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{max-width:var(--col);margin:0 auto;padding-bottom:calc(var(--s24) + env(safe-area-inset-bottom))}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:calc(var(--s4) + env(safe-area-inset-top)) var(--s3)}header.top:before{content:"";position:absolute;z-index:-1;top:0;bottom:-20px;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));pointer-events:none;background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 60%,rgba(255,255,255,0) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.brand{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--bg);border-radius:var(--r-pill);padding:6px var(--s3);font-size:.8rem;font-weight:500;color:var(--ink);text-decoration:none}.label,.muted{color:var(--muted)}.label{font-size:.78rem;font-weight:400}.note{font-size:.85rem;color:var(--muted)}.note.center{text-align:center;margin:var(--s3) 0 0}.note.center:empty{display:none}.error{font-size:.85rem;color:var(--bad)}.btn,button{font:inherit;cursor:pointer;border:none;border-radius:var(--r-pill);padding:var(--s3) 18px;font-weight:500;color:var(--ink);background:var(--surface);font-size:.9rem;text-decoration:none;display:inline-block;text-align:center}.btn.primary,button.primary{background:var(--ink);color:var(--bg)}.btn.wide,button.wide{width:100%;padding:17px;font-size:1rem}button.quiet{background:none;color:var(--muted)}button.danger{background:none;color:var(--bad)}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r3);padding:var(--s3) 14px;width:100%}textarea{min-height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}label{font-size:.8rem;color:var(--muted);display:block}label>input{margin-top:6px}.row,form.row{display:flex;gap:var(--s2);align-items:center}form.row input{flex:1 1}.stack{display:flex;flex-direction:column;gap:var(--s7)}.hero{padding:var(--s2) 0 0}.herobox{position:relative;height:216px}.herocontent{position:absolute;inset:0;z-index:1;padding:var(--s6) 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.herocontent .label{line-height:var(--s4)}.big{font-size:136px;line-height:.8;letter-spacing:-.04em}.unit{line-height:var(--s5)}.pill{display:inline-block;font-size:.78rem;font-weight:500;line-height:var(--s4);padding:5px var(--s3);border-radius:var(--r-pill);border:1.5px solid var(--ink);color:var(--ink);background:var(--bg)}.pill.met{border-color:var(--accent);color:var(--accent)}.unit{display:flex;align-items:center;gap:var(--s3)}.delta{font-size:.85rem;font-weight:600;color:var(--accent);line-height:var(--s4)}.heat{--c:20px;--g:4px;position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,7),var(--c));grid-auto-columns:var(--c);grid-gap:var(--g);gap:var(--g);justify-content:end;align-content:center;-webkit-mask-image:linear-gradient(100deg,transparent,transparent 26%,rgba(0,0,0,.3) 48%,#000 74%);mask-image:linear-gradient(100deg,transparent,transparent 26%,rgba(0,0,0,.3) 48%,#000 74%)}.heat i{display:block;border-radius:var(--r1);background:var(--surface2)}.heat i.f{background:var(--surface)}.heat i.l1{opacity:.3}.heat i.l1,.heat i.l2{background:var(--accent)}.heat i.l2{opacity:.6}.heat i.l3{background:var(--accent)}.heat i.t{box-shadow:inset 0 0 0 1.5px var(--ink)}.heat i.t.l3{box-shadow:none}.statrow{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s8)}.statrow.road{margin-top:var(--s5)}.statrow .s:nth-child(2){text-align:center}.statrow .s:nth-child(3){text-align:right}.statrow .s b{display:block;font-size:1.75rem;line-height:1}.statrow .s span{display:block;font-size:.78rem;color:var(--muted);margin-top:var(--s2);line-height:var(--s4)}.statrow .s span.on{color:var(--accent)}.statrow .s span.off{color:var(--bad)}.hero .wide{margin-top:var(--s8)}.block{margin-top:var(--s12)}.blockhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s4)}.goalbar{height:var(--s1);background:var(--surface2);overflow:hidden}.goalbar,.goalbar i{border-radius:var(--r-pill)}.goalbar i{display:block;height:100%;background:var(--accent)}.roadbar{position:relative;padding-bottom:var(--s2);margin-top:var(--s1)}.roadbar .tick{position:absolute;top:6px;width:1px;height:6px;background:var(--line)}.board{display:flex;flex-direction:column}.board .r{display:grid;grid-template-columns:24px 1fr auto;grid-gap:var(--s3);gap:var(--s3);align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line)}.board .r:first-child{border-top:none;padding-top:0}.board .rank{font-size:1.1rem;color:var(--muted)}.board .r1 .rank{color:var(--accent)}.board .r2 .rank{color:color-mix(in srgb,var(--accent) 60%,var(--bg))}.board .r3 .rank{color:color-mix(in srgb,var(--accent) 35%,var(--bg))}.board .name{font-weight:500}.board .name small{display:block;font-weight:400;color:var(--muted);font-size:.78rem;line-height:var(--s4)}.board .val{font-size:1.4rem}.app.focus{padding-bottom:0}.session{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s2) 0 calc(var(--s24) + env(safe-area-inset-bottom));min-height:calc(100dvh - 72px)}.progresshead{display:flex;align-items:center;gap:var(--s3)}.progresshead .label{flex:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.progress{display:flex;gap:3px;flex:1 1}.progress i{flex:1 1;height:var(--s1);border-radius:2px;background:var(--surface2);transition:background .2s ease}.progress i.done{background:var(--accent)}.progress i.miss{background:var(--bad)}.progress i.now{background:var(--ink)}.qcard{min-height:264px;display:flex;flex-direction:column;justify-content:center;gap:var(--s2);text-align:center;position:relative;background:var(--surface);border-radius:var(--r6);padding:var(--s10) var(--s6) var(--s7);transition:background .2s ease}.qcard .prompt{font-size:3rem;line-height:1;text-wrap:balance}.qcard .hint{color:var(--muted);font-size:1rem;line-height:var(--s6)}.qcard .note{color:var(--muted);font-size:.85rem;line-height:var(--s5);margin-top:var(--s1)}.qcard .note.again{color:var(--bad)}.qcard.new,.qcard.ok{background:var(--accent-soft)}.qcard.miss{background:var(--bad-soft)}.tag{position:absolute;top:var(--s4);left:var(--s5);font-size:.78rem;color:var(--muted);font-weight:500;line-height:var(--s4)}.qcard.new .tag,.qcard.ok .tag{color:var(--accent)}.qcard.miss .tag{color:var(--bad)}.opts{display:grid;grid-gap:var(--s2);gap:var(--s2)}.opts button{text-align:left;background:var(--bg);border:1px solid var(--line);height:var(--s14);padding:0 var(--s5);font-weight:400;border-radius:var(--r4);font-size:1rem;transition:opacity .2s ease,border-color .15s ease,background .15s ease}.opts button:active{background:var(--surface)}.opts button.right{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:600;opacity:1}.opts button.wrong{border-color:var(--bad);background:var(--bad-soft);opacity:1}.opts button.dim{opacity:.35}.opts button:disabled{cursor:default}.typein{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.field.valid input{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}.field input:disabled{color:var(--ink);opacity:1;-webkit-text-fill-color:var(--ink)}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:var(--s6) var(--gutter) calc(var(--s4) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 70%,rgba(255,255,255,0));pointer-events:none}.actionbar>*{pointer-events:auto;max-width:var(--col);margin:0 auto;display:block}.qcard.ok{animation:pop .32s cubic-bezier(.2,.9,.3,1.3) both}.qcard.miss{animation:shake .36s ease both}.qcard .check{position:absolute;top:var(--s3);right:var(--s4);width:var(--s7);height:var(--s7);border-radius:var(--r-pill);background:var(--accent);display:grid;place-items:center;animation:pop .36s cubic-bezier(.2,.9,.3,1.4) both}.qcard .check svg{width:var(--s4);height:var(--s4);fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:draw .3s ease-out .12s forwards}.opts button{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.opts button .tick{width:var(--s5);height:var(--s5);flex:none;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:draw .3s ease-out .1s forwards}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.opts button .tick,.qcard .check,.qcard .check svg,.qcard.miss,.qcard.ok{animation:none;stroke-dashoffset:0}}.poster{position:relative;border-radius:var(--r6);padding:var(--s5) var(--s5) var(--s4);color:#fff;overflow:hidden;background:linear-gradient(160deg,#3b7dff,#3b7dff 40%,#5a45f0);animation:rise .5s cubic-bezier(.2,.9,.3,1) both}.posterhead{display:flex;justify-content:space-between;font-size:.85rem;font-weight:500;color:rgba(255,255,255,.8);line-height:var(--s4)}.posternum{font-size:152px;line-height:.8;letter-spacing:-.04em;margin:var(--s7) 0 0 -.04em}.postercap{margin-top:var(--s3);font-size:1rem;line-height:var(--s6);font-weight:600}.postertiles{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}.ptile{height:var(--s7);padding:0 10px;line-height:var(--s7);border-radius:var(--r1);background:#fff;color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:-.01em;box-shadow:0 2px 4px rgba(0,0,0,.18);animation:pop .4s cubic-bezier(.2,.9,.3,1.3) both}.postertiles .ptile:nth-child(2){animation-delay:.06s}.postertiles .ptile:nth-child(3){animation-delay:.12s}.postertiles .ptile:nth-child(4){animation-delay:.18s}.postertiles .ptile:nth-child(n+5){animation-delay:.24s}.posterstats{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:var(--s4);gap:var(--s4);margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.25)}.posterstats div:nth-child(2){text-align:center}.posterstats div:nth-child(3){text-align:right}.posterstats b{display:block;font-size:1.75rem;line-height:1}.posterstats span{display:block;margin-top:var(--s2);font-size:.78rem;line-height:var(--s4);color:rgba(255,255,255,.8)}.posterfoot{margin-top:var(--s5);font-size:.78rem;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.9)}.finish .block{margin-top:var(--s8)}.finish .note{margin:var(--s3) 0 0}.actionrow{display:flex;gap:var(--s2)}.actionrow .quiet{flex:none;height:var(--s14);padding:0 var(--s5);background:var(--surface);color:var(--ink)}.actionrow .wide{flex:1 1}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.wordlist{display:flex;flex-direction:column}.wordlist .w{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:10px;gap:10px;align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line)}.wordlist .w:first-child{border-top:none}.wordlist .pt{font-weight:500}.box,.wordlist .en{color:var(--muted)}.box{font-size:.68rem;font-weight:500;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface);white-space:nowrap}.box.b1,.box.b2{background:var(--surface2);color:var(--ink)}.box.b3,.box.b4,.box.b5{background:var(--accent-soft);color:var(--accent)}.filters{display:flex;gap:var(--s1);flex-wrap:wrap;background:var(--surface);border-radius:var(--r-pill);padding:var(--s1)}.filters button{padding:7px var(--s3);font-size:.78rem;background:transparent;color:var(--muted);font-weight:500}.filters button.on{background:var(--accent);color:var(--accent-ink)}details summary{cursor:pointer;font-weight:500}.lesson{background:var(--surface);border-radius:var(--r4);padding:14px var(--s4)}.duel{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s4);gap:var(--s4)}.duel .card{padding:18px;background:var(--surface);border-radius:var(--r5)}.duel .name{font-size:1.5rem;line-height:1}.duel .lead{font-size:.7rem;font-weight:500;color:var(--accent);margin:var(--s1) 0 var(--s2);min-height:1em}.stat{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-top:1px solid var(--line);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted)}.stat:first-of-type{border-top:none}.stat b{font-size:1.3rem;line-height:1;color:var(--ink)}svg text{fill:var(--muted);font-family:Helvetica Neue,Arial,sans-serif;font-size:10px}.legend{display:flex;gap:14px;font-size:.75rem;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle}nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--bg);border-top:1px solid var(--line);padding:var(--s1) max(var(--s2),env(safe-area-inset-right)) calc(var(--s1) + env(safe-area-inset-bottom)) max(var(--s2),env(safe-area-inset-left));-moz-user-select:none;user-select:none;-webkit-user-select:none}nav.tabs .in{max-width:var(--col);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--s1);gap:var(--s1)}.tab{position:relative;background:none;border:none;border-radius:var(--r3);padding:var(--s2) var(--s1);font-size:.68rem;font-weight:500;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--s1);text-decoration:none;transition:color .18s ease,transform .12s ease}.tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .18s ease,transform .18s ease}.tab:active{transform:scale(.92)}.tab.active{color:var(--ink);font-weight:600}.tab.active svg{stroke-width:2.4}.center-page{min-height:80vh;display:flex;flex-direction:column;justify-content:center;gap:var(--s4);max-width:360px;margin:0 auto}.center-page h1{font-size:1.6rem}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (display-mode:standalone){html{overscroll-behavior-y:none}.chip,header.top{-moz-user-select:none;user-select:none;-webkit-user-select:none}}@media (max-width:380px){.duel{grid-template-columns:1fr}.big{font-size:112px}}.intro{padding-top:var(--s2)}.introhead{font-size:3.6rem;line-height:.9;letter-spacing:-.04em;margin:var(--s2) 0 var(--s4)}.introtext{font-size:1.05rem;line-height:1.5;margin:0;max-width:34ch}.steps{display:flex;flex-direction:column;gap:var(--s6);margin-top:var(--s8)}.step{display:grid;grid-template-columns:28px 1fr;grid-gap:var(--s3);gap:var(--s3);align-items:start}.step .rank{font-size:1.5rem;line-height:1.2;color:var(--accent)}.step b{display:block;font-size:1.05rem}.step .note{margin:var(--s1) 0 0}.urlrow{display:flex;align-items:center;gap:var(--s2);margin-top:10px;background:var(--surface);border-radius:var(--r3);padding:var(--s2) var(--s2) var(--s2) 14px}.urlrow code{flex:1 1;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.copy{padding:6px var(--s3);font-size:.78rem;background:var(--ink);color:var(--bg);border-radius:var(--r-pill)}.prompts{display:flex;gap:10px;margin:var(--s3) calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) var(--s1);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.prompts::-webkit-scrollbar{display:none}.prompt{flex:0 0 min(300px,82%);scroll-snap-align:start;margin:0;background:var(--surface);border-radius:var(--r4);padding:14px var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.prompt blockquote{margin:0;font-size:.95rem;line-height:1.45;flex:1 1}.prompt .copy{align-self:flex-start}details.manual{margin-top:var(--s2)}details.manual summary{color:var(--muted);font-weight:400}details.manual[open] summary{margin-bottom:var(--s2)}.banner{position:relative;display:block;overflow:hidden;border-radius:var(--r6);color:#fff;text-decoration:none;background:linear-gradient(160deg,#3b7dff,#3b7dff 40%,#5a45f0)}.bannerbody{position:relative;z-index:1;padding:var(--s6) var(--s5) var(--s5)}.banner .label{color:rgba(255,255,255,.7)}.bannerhead{font-size:3.2rem;line-height:.88;letter-spacing:-.04em;margin:10px 0 14px}.bannertext{margin:0;font-size:.95rem;line-height:1.45;color:rgba(255,255,255,.85);max-width:32ch}.bannercta{background:#fff;color:var(--ink)}.float{position:relative;height:var(--s24);margin:var(--s1) 0 var(--s4);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.floatrow{position:absolute;left:0;display:flex;gap:var(--s2);width:max-content}.floatrow.a{top:var(--s2);animation:driftL 48s linear infinite}.floatrow.b{top:52px;animation:driftR 62s linear infinite}.floatcard{flex:none;padding:var(--s2) 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.16);color:#fff;font-size:.85rem;font-weight:600;white-space:nowrap;letter-spacing:-.01em}.floatrow.b .floatcard{background:rgba(0,0,0,.16);color:rgba(255,255,255,.85)}@keyframes driftL{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes driftR{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.floatrow{animation:none}}.banner.strip{border-radius:18px}.banner.strip .bannerbody{padding:18px 18px 0}.striphead{display:block;font-size:1.5rem;line-height:1;letter-spacing:-.02em;margin-top:6px;max-width:18ch}.float.one{height:var(--s8);margin:var(--s3) 0 14px}.float.one .floatrow.a{top:0;animation-duration:70s}.float.one .floatcard{padding:6px 11px;font-size:.74rem;background:rgba(255,255,255,.14);color:rgba(255,255,255,.9)}.promptlist{display:flex;flex-direction:column;gap:10px}.promptlist .prompt{flex:none}.auth{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-start;max-width:360px;margin:0 auto;padding:26svh 0 calc(var(--s12) + env(safe-area-inset-bottom))}.auth:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--accent-soft);background-image:radial-gradient(circle max(44vmin,300px) at 50% 44%,rgba(255,255,255,.78) 0,rgba(255,255,255,.42) 40%,rgba(255,255,255,.14) 72%,rgba(255,255,255,0) 100%)}body:has(.auth){background:var(--accent-soft)}.auth .label{line-height:var(--s4)}.authhead{font-size:2.75rem;line-height:var(--s12);letter-spacing:-.02em;margin:var(--s1) 0 var(--s2);padding-right:.1em}.authsub{margin:0 0 var(--s8);font-size:1rem;line-height:var(--s6)}.authsub b{color:var(--ink);font-weight:600}.authform{gap:var(--s4)}.field{display:block;line-height:var(--s4)}.field input{margin-top:var(--s2);height:var(--s14);padding:0 var(--s4);line-height:var(--s6);border-radius:var(--r3);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s}.field input:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.field.invalid input{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.field.invalid input:focus-visible{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.fielderr{display:block;margin-top:var(--s2);font-size:.8125rem;line-height:var(--s4);color:var(--bad)}.fielderr.center{text-align:center;margin:var(--s2) 0 0}.auth button.wide{height:var(--s14);padding:0 var(--s4);line-height:var(--s6)}.codein{font-size:2.5rem;letter-spacing:.18em;text-align:center;text-indent:.18em;padding-top:2px}.codein::placeholder{color:var(--surface2);letter-spacing:.18em}.authrow{display:flex;justify-content:center;gap:var(--s6);margin-top:var(--s6)}.textbtn{background:none;padding:var(--s1) 0;line-height:var(--s4);font-size:.875rem;font-weight:600;color:var(--ink);border-radius:0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.textbtn:disabled{opacity:1;color:var(--muted);text-decoration:none;cursor:default}.magnet.m{display:none}.magnets{position:fixed;left:0;right:0;height:22svh;z-index:-1;pointer-events:none;overflow:hidden}.magnets.top{top:0;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}.magnets.left,.magnets.right{top:0;bottom:0;height:auto;width:88px;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 22svh,transparent 25svh,transparent 65svh,#000 68svh);mask-image:linear-gradient(180deg,#000 22svh,transparent 25svh,transparent 65svh,#000 68svh)}.magnet.m{display:block}.magnets.left{left:-66px;right:auto}.magnets.right{right:-66px;left:auto}.magnets.left .magnet{left:auto!important;right:0}.magnets.right .magnet{left:0!important}.magnets.bottom{bottom:0;height:32svh;-webkit-mask-image:linear-gradient(0deg,#000 50%,transparent);mask-image:linear-gradient(0deg,#000 50%,transparent)}.magnet{position:absolute;height:var(--s6);padding:0 var(--s2);line-height:var(--s6);background:rgba(255,255,255,.9);color:var(--accent);font-size:.8125rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;border-radius:var(--r1);box-shadow:0 1px 2px rgba(59,125,255,.18),0 0 0 1px rgba(59,125,255,.08)}@media (min-width:600px){.magnets.bottom,.magnets.top{left:50%;width:560px;transform:translateX(-50%);right:auto}}.bone{display:block;background:var(--surface);position:relative;overflow:hidden}.bone:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.4s ease-in-out infinite}.bones{display:flex;flex-direction:column;gap:var(--s2)}.skel{animation:fadein .15s ease-out both}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.bone:after{animation:none}}@media (min-width:900px){.magnets.bottom{height:24vh}.magnet.m{display:none}.magnets.left,.magnets.right{top:12vh;bottom:12vh;width:24vw}.magnets.left .magnet,.magnets.right .magnet{right:auto}.magnets.left .magnet,.magnets.right .magnet{left:var(--x)!important}.magnets.left{left:9vw;right:auto;-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent);mask-image:linear-gradient(90deg,#000 45%,transparent)}.magnets.right{right:9vw;left:auto;-webkit-mask-image:linear-gradient(270deg,#000 45%,transparent);mask-image:linear-gradient(270deg,#000 45%,transparent)}}.gridoverlay{position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(59,125,255,.14) 0,rgba(59,125,255,.14) 1px,transparent 1px,transparent var(--s1)),repeating-linear-gradient(to bottom,rgba(59,125,255,.28) 0,rgba(59,125,255,.28) 1px,transparent 1px,transparent var(--s2))}.gridoverlay:after,.gridoverlay:before{content:"";position:absolute;top:0;bottom:0;width:var(--gutter);background:rgba(214,39,47,.08);border-right:1px solid rgba(214,39,47,.5)}.gridoverlay:before{left:0}.gridoverlay:after{right:0;border-right:none;border-left:1px solid rgba(214,39,47,.5)}