@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-full-normal.2ykw3ug0wx167.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-full-normal.39z948xuitzp1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-full-normal.0z-qluqijbwjw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/outfit-latin-ext-wght-normal.2kbrv5vdeb05j.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/outfit-latin-wght-normal.1aqyowrj6p85v.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--base:#0a0a0b;--deep:#141414;--rail:#101011;--ink:#fafafa;--quiet:#a1a1aa;--hi:#22d3ee;--needs:#fbbf24;--ok:#34d399;--bad:#fb7185;--glass:#ffffff09;--glass-2:#ffffff12;--edge:#ffffff24;--edge-soft:#ffffff14;--r-control:8px;--r-surface:12px;--serif:"Fraunces Variable", Georgia, serif;--sans:"Outfit Variable", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--base)}body{background:var(--base);min-height:100vh;color:var(--ink);font:400 15px/1.55 var(--sans);font-variant-numeric:tabular-nums;margin:0}::selection{background:#22d3ee4d}:focus-visible{outline:2px solid var(--hi);outline-offset:2px}*{scrollbar-color:#ffffff2e transparent;scrollbar-width:thin}h1,h2{font-family:var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:32px;line-height:1.15}h2{font-size:22px;line-height:1.25}p{margin:0}a,.link{color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.quiet{color:var(--quiet)}.needs{color:var(--needs)}.bad{color:var(--bad)}.ok{color:var(--ok)}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13.5px}.small{font-size:13.5px}@keyframes in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.shell{grid-template-columns:236px 1fr;min-height:100vh;display:grid}.shell>*{min-width:0}.rail{background:var(--rail);border-right:1px solid var(--edge-soft);flex-direction:column;gap:22px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.mark{padding:0 10px}.mark b{font-family:var(--serif);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;font-size:17px;font-weight:900;line-height:1.15;display:block}.mark span{color:var(--hi);margin-top:6px;font-size:13.5px;display:block}nav{flex-direction:column;gap:1px;display:flex}nav .grp{letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin:16px 10px 4px;font-size:11.5px}nav a{border-radius:var(--r-control);color:var(--quiet);justify-content:space-between;gap:8px;padding:7px 10px;font-size:14px;text-decoration:none;display:flex}nav a:hover{background:var(--glass);color:var(--ink)}nav a[aria-current=page]{background:var(--glass-2);color:var(--ink)}nav a .n{color:var(--needs);font-size:12px}.rail-foot{color:var(--quiet);gap:4px;margin-top:auto;padding:0 10px;font-size:13.5px;display:grid}.rail-foot .link{color:var(--quiet);justify-self:start;font-size:13.5px}.dev-banner{color:var(--ink);background:#fbbf241f;border-bottom:1px dashed #fbbf2480;padding:9px 44px;font-size:13px}.dev-banner b{color:var(--needs);font-weight:500}main{width:100%;max-width:900px;padding:36px 44px 90px;animation:.2s cubic-bezier(.16,1,.3,1) in}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:22px;display:flex}.back{color:var(--quiet);margin-bottom:14px;font-size:13.5px;display:inline-block}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);margin:30px 0 8px;font-size:11.5px}.btn{font:500 14px/1 var(--sans);color:var(--ink);background:var(--glass-2);border:1px solid var(--edge);border-radius:var(--r-control);cursor:pointer;white-space:nowrap;padding:10px 15px;text-decoration:none;display:inline-block}.btn:hover{background:#ffffff1f}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--ink);color:var(--base);border-color:var(--ink)}.btn.ghost{color:var(--quiet);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--ink);background:var(--glass)}.btn.danger{color:var(--bad);background:0 0;border-color:#fb718573}.btn.sm{padding:6px 10px;font-size:13px}input[type=text],input[type=email],input[type=password]{font:400 14.5px var(--sans);color:var(--ink);background:var(--deep);border:1px solid var(--edge);border-radius:var(--r-control);min-width:0;padding:9px 11px}input:focus{border-color:#22d3eeb3;outline:none}select{font:400 14.5px var(--sans);color:var(--ink);background:var(--deep);border:1px solid var(--edge);border-radius:var(--r-control);padding:8px 10px}select:focus{border-color:#22d3eeb3;outline:none}.relline{color:var(--quiet);margin:-8px 0 22px;font-size:14.5px}.acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.count{color:var(--quiet);align-items:center;gap:12px;font-size:14px;display:flex}.segs{gap:3px;display:flex}.segs i{background:var(--edge);border-radius:2px;width:22px;height:4px}.segs i.now{background:var(--ink)}.card{background:var(--glass);border:1px solid var(--edge-soft);border-radius:var(--r-surface);padding:26px 28px;animation:.22s cubic-bezier(.16,1,.3,1) in}.card .kind{letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11.5px}.card .who{color:var(--quiet);margin-top:2px;font-size:14px}.card .what{max-width:56ch;margin-top:18px;font-size:18px}.card .ctx{color:var(--quiet);max-width:60ch;margin-top:6px}.card .acts{margin-top:24px}.card .acts .nav{gap:4px;margin-left:auto;display:flex}.card .flow{border-top:1px solid var(--edge-soft);max-width:60ch;margin-top:16px;padding-top:14px}.card .flow .acts{margin-top:12px}.next-up{color:var(--quiet);margin-top:16px;font-size:14px}.quiet-day{border-top:1px solid var(--edge);padding:40px 0}.quiet-day h2{margin-bottom:6px}.sentences{border-top:1px solid var(--edge)}.sentence{border-bottom:1px solid var(--edge-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:15px 0;font-size:16px;display:flex}.sentence>span:first-child{flex:360px}.sentence .links{white-space:nowrap;gap:14px;font-size:14px;display:flex}.sentence .links a,.sentence .links .link{color:var(--quiet)}.sentence .edit{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;font-size:15px;display:flex}.sentence .sub{flex-basis:100%;gap:6px;font-size:14.5px;display:grid}.sentence .sub>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.shown-once{border-radius:var(--r-control);background:#22d3ee0f;border:1px solid #22d3ee59;flex-basis:100%;padding:12px 14px;font-size:15px}.shown-once .mono{letter-spacing:.06em;color:var(--ink);font-size:20px}.error{color:var(--bad);flex-basis:100%;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14.5px}th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);border-bottom:1px solid var(--edge);white-space:nowrap;padding:0 16px 9px 0;font-size:11.5px;font-weight:500}td{border-bottom:1px solid var(--edge-soft);vertical-align:top;padding:11px 16px 11px 0}.tablewrap{overflow-x:auto}details{margin-top:18px}summary{cursor:pointer;color:var(--quiet);width:max-content;font-size:14px}summary:hover{color:var(--ink)}details[open] summary{margin-bottom:12px}.word{font-weight:500}.signin{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.signin-box{gap:18px;width:100%;max-width:380px;display:grid}.signin-box form{gap:12px;display:grid}.signin-box label{color:var(--quiet);gap:6px;font-size:14px;display:grid}.signin-box .qr{border-radius:var(--r-control);background:#fff;width:200px;height:200px;padding:10px}.dev-note{border-radius:var(--r-control);background:#fbbf2414;border:1px dashed #fbbf248c;padding:10px 12px;font-size:13.5px}.dev-note b{color:var(--needs);font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:760px){.shell{grid-template-columns:1fr;align-content:start}.rail{border-right:0;border-bottom:1px solid var(--edge-soft);gap:10px;height:auto;padding:14px 16px;position:static}.rail-foot,nav .grp{display:none}nav{flex-direction:row;gap:4px;margin:0 -16px;padding:0 16px;overflow-x:auto}nav a{white-space:nowrap}.dev-banner{padding:9px 16px}main{padding:24px 16px 90px}h1{font-size:27px}.card{padding:20px 18px}.card .acts .nav{margin-left:0}.segs i{width:14px}}
