@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.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{--bg:#1c1d21;--surface:#24262b;--sub:#5a5e68;--text:#d8dbe2;--accent:#6fcfae;--err:#e46a76;--muted:color-mix(in srgb, var(--text) 62%, var(--bg));--hairline:color-mix(in srgb, var(--text) 9%, transparent);--font:"Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--fade:.22s;--ease:cubic-bezier(.2, .7, .3, 1);--radius:8px;--caret-w:2px;--track:.04em;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.55}::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:3px}.shell{max-width:1000px;min-height:100%;padding-block:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-bottom,0px));padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.top{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:500;text-decoration:none}.logo i{color:var(--accent);font-style:normal}.nav{gap:18px;font-size:.85rem;display:flex}.nav a,.link{color:var(--sub);transition:color var(--fade) var(--ease);text-decoration:none}.nav a:hover,.link:hover,.nav a[aria-current=page]{color:var(--text)}.foot{color:var(--sub);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.75rem;display:flex}.keys{flex-wrap:wrap;gap:14px;display:flex}kbd{font-family:var(--font);background:var(--surface);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:.7rem}.fade-in{animation:fadeIn calc(var(--fade) * 2) var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.stage{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-width:0;display:flex;container-type:inline-size}.line{font-variant-numeric:tabular-nums;max-width:100%;transition:filter var(--fade) var(--ease);flex-wrap:wrap;justify-content:center;gap:.25em .7em;font-size:min(2.6rem,6.4cqi);font-weight:400;line-height:1.25;display:flex}.line.long{font-size:min(2.2rem,5.4cqi)}.chunk{gap:var(--track);transition:opacity var(--fade) var(--ease);display:flex}.chunk.shake{animation:.32s shake}.chunk.prefix{color:var(--text)}.d{text-align:center;width:1ch;color:var(--sub);transition:color var(--fade) var(--ease);display:inline-block;position:relative}.d.future{opacity:.5}.d.known{color:var(--muted);opacity:.55}.d.flash{color:var(--accent)}.d.ok{color:var(--text)}.d.bad{color:var(--err)}.d.cur:after{content:"";width:var(--caret-w);background:var(--accent);animation:1.05s step-end infinite blink;position:absolute;top:.12em;bottom:.12em;left:-.1em}.veil .line{filter:blur(.4em)}.hook{color:var(--muted);text-align:center;max-width:52ch;min-height:1.6em;transition:opacity var(--fade) var(--ease);font-size:.9rem}.hint{color:var(--sub);min-height:1.4em;transition:opacity var(--fade) var(--ease);font-size:.8rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{20%{transform:translate(-.12em)}40%{transform:translate(.12em)}60%{transform:translate(-.07em)}80%{transform:translate(.04em)}}.session{flex-direction:column;flex:1;gap:20px;min-width:0;padding-block:28px;display:flex}.session-meta{color:var(--sub);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.session-meta b{color:var(--text);font-weight:400}.session-body{cursor:text;flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.session-stats{color:var(--sub);font-variant-numeric:tabular-nums;gap:18px;font-size:.8rem;display:flex}.session-stats b{color:var(--text);font-weight:400}.capture{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:0;left:0}.results{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.big-stats{flex-wrap:wrap;justify-content:center;gap:clamp(20px,6vw,56px);display:flex}.big-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.big-stat span{color:var(--sub);font-size:.75rem}.big-stat b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:400;line-height:1.1}.next{color:var(--muted);font-size:.85rem}.hook-list{flex-direction:column;gap:6px;width:min(100%,560px);display:flex}.hook-list h3{letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin:0 0 4px;font-size:.72rem;font-weight:400}.hook-row{grid-template-columns:5.5ch minmax(0,1fr);align-items:center;gap:14px;display:grid}.hook-row code{font-family:var(--font);color:var(--text)}.hook-row input{border:0;border-bottom:1px solid var(--hairline);width:100%;color:var(--muted);transition:border-color var(--fade) var(--ease), color var(--fade) var(--ease);background:0 0;padding:6px 0;font-size:.85rem}.hook-row input:focus{border-bottom-color:var(--accent);color:var(--text);outline:none}.actions{gap:22px;font-size:.85rem;display:flex}.actions button{color:var(--sub);transition:color var(--fade) var(--ease)}.actions button:hover{color:var(--text)}.actions button.primary{color:var(--accent)}.home{flex-direction:column;gap:36px;width:min(100%,640px);margin:0 auto;padding-block:40px;display:flex}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin:0 0 8px;font-size:.72rem;font-weight:400}.rows{flex-direction:column;display:flex}.row{border-radius:var(--radius);transition:background var(--fade) var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -12px;padding-right:12px;display:grid}.row:hover{background:var(--surface)}.row-open{text-align:left;border-radius:var(--radius);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:12px;display:grid}.row-main{flex-direction:column;min-width:0;display:flex}.row-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-value{color:var(--sub);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.row-status{color:var(--sub);white-space:nowrap;font-size:.8rem}.row-status.due{color:var(--accent)}.row-forget{color:var(--sub);opacity:0;white-space:nowrap;transition:opacity var(--fade) var(--ease), color var(--fade) var(--ease);font-size:.75rem}.row:hover .row-forget,.row-forget:focus-visible,.row-forget.armed{opacity:1}button.row-forget:hover,.row-forget.armed{color:var(--err)}@media (hover:none){.row-forget{opacity:1}}.add{flex-direction:column;gap:26px;width:min(100%,640px);margin:0 auto;padding-block:48px;display:flex}.add h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.3rem,4vw,1.7rem);font-weight:400}.add h1 i{color:var(--accent);font-style:normal}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--sub);font-size:.75rem}.field input[type=text]{border:0;border-bottom:1px solid var(--hairline);color:var(--text);transition:border-color var(--fade) var(--ease);background:0 0;padding:8px 0;font-size:1rem}.field input.value{letter-spacing:.06em;font-size:clamp(1.2rem,4.5vw,1.6rem)}.field input[type=text]:focus{border-bottom-color:var(--accent);outline:none}.field input::placeholder{color:var(--sub);opacity:.6}.preview{min-height:1.6em;color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;gap:.9em;font-size:.85rem;display:flex}.preview .chunk-pill{color:var(--text)}.error{color:var(--err);min-height:1.3em;font-size:.8rem}.check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.check input{accent-color:var(--accent);margin-top:.3em}.check small{color:var(--sub);font-size:.75rem;display:block}.submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.submit{color:var(--bg);background:var(--accent);border-radius:var(--radius);transition:opacity var(--fade) var(--ease);padding:8px 16px;font-size:.9rem}.submit:disabled{opacity:.35;cursor:default}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted);border:1px solid var(--hairline);transition:color var(--fade) var(--ease), border-color var(--fade) var(--ease);border-radius:999px;padding:4px 10px;font-size:.78rem}.chip:hover{color:var(--text);border-color:var(--sub)}.promise{color:var(--sub);font-size:.78rem}@media (pointer:coarse){.keys,kbd{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
