@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#f5f5f3;--bg-elev:#fff;--surface:#fff;--surface-2:#f1f1ef;--surface-soft:#fafaf9;--surface-hover:#ececea;--text:#131316;--text-2:#3c3c43;--muted:#71717a;--muted-2:#a1a1aa;--muted-3:#c5c5cc;--line:#14141a0f;--line-strong:#14141a1f;--accent:#5b5bd6;--accent-strong:#4a4ac8;--accent-soft:#5b5bd614;--accent-glow:#5b5bd62e;--accent-contrast:#fff;--success:#16a34a;--success-soft:#16a34a1a;--warning:#d97706;--warning-soft:#d977061a;--red:#dc2626;--red-soft:#dc262614;--shadow-xs:0 1px 2px #0f0f190a;--shadow-sm:0 1px 3px #0f0f190a, 0 1px 2px #0f0f1908;--shadow-md:0 4px 12px #0f0f190d, 0 2px 4px #0f0f1908;--shadow-lg:0 12px 28px #0f0f1914, 0 4px 8px #0f0f190a;--shadow-glow:0 0 0 4px var(--accent-glow);--ring:0 0 0 3px #5b5bd633;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:cubic-bezier(.4, 0, .2, 1);font-feature-settings:"cv01", "cv02", "cv11", "ss01", "ss03";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#0a0a0c;--bg-elev:#131316;--surface:#18181b;--surface-2:#1e1e22;--surface-soft:#131316;--surface-hover:#26262b;--text:#f4f4f5;--text-2:#d4d4d8;--muted:#a1a1aa;--muted-2:#71717a;--muted-3:#52525b;--line:#ffffff12;--line-strong:#ffffff21;--accent:#8b8bf3;--accent-strong:#a5a5f7;--accent-soft:#8b8bf324;--accent-glow:#8b8bf33d;--accent-contrast:#0a0a0c;--success:#4ade80;--success-soft:#4ade8024;--warning:#fbbf24;--warning-soft:#fbbf2424;--red:#f87171;--red-soft:#f8717124;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006, 0 2px 4px #00000040;--shadow-lg:0 12px 28px #0000008c, 0 4px 8px #0000004d;--shadow-glow:0 0 0 4px var(--accent-glow);--ring:0 0 0 3px #8b8bf34d}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-width:320px;min-height:100dvh;color:var(--text);overscroll-behavior-y:none;transition:background-color .3s var(--ease-snap), color .2s var(--ease-snap);background-image:radial-gradient(at 20% 0%, var(--accent-soft) 0, transparent 50%), radial-gradient(at 80% 100%, var(--accent-soft) 0, transparent 60%);background-attachment:fixed}button,input,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.4}input{appearance:none}code{border-radius:var(--radius-xs);background:var(--surface-2);color:var(--accent);border:1px solid var(--line);letter-spacing:-.01em;padding:2px 7px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86em;font-weight:500}#root{min-height:100dvh}::selection{background:var(--accent-soft);color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:100%;max-width:560px;margin:0 auto;padding:28px 18px 96px;position:relative}@media (width>=480px){.shell{padding:40px 24px 120px}}@media (width>=720px){.shell{max-width:600px;padding:64px 32px 144px}}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.topbar-title{flex:1;min-width:0}.topbar h1{letter-spacing:-.028em;color:var(--text);margin:0;font-size:30px;font-weight:800;line-height:1.1}.subtle{color:var(--muted);letter-spacing:-.005em;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:13.5px;font-weight:500;line-height:1.5}@media (width>=480px){.topbar h1{letter-spacing:-.032em;font-size:36px}.subtle{margin-top:10px;font-size:14px}.topbar{margin-bottom:36px}}@media (width>=720px){.topbar h1{font-size:40px}}.topbar-actions{flex-shrink:0;gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text-2);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:background-color .15s var(--ease-snap), border-color .15s var(--ease-snap), color .15s var(--ease-snap), box-shadow .15s var(--ease-snap), transform .12s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--line-strong);color:var(--text);box-shadow:var(--shadow-sm)}.icon-btn:active:not(:disabled){box-shadow:var(--shadow-xs);transform:scale(.94)}.icon-btn:focus-visible{box-shadow:var(--ring);border-color:var(--accent);outline:none}@media (width>=480px){.icon-btn{width:42px;height:42px}}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .18s var(--ease-snap), box-shadow .18s var(--ease-snap), background-color .2s var(--ease-snap);align-items:center;gap:6px;margin-bottom:18px;padding:6px 6px 6px 4px;display:flex}.composer:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.composer:focus-within{border-color:var(--accent);box-shadow:var(--shadow-sm), var(--ring)}.composer input{color:var(--text);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:13px 14px;font-size:16px;font-weight:500;line-height:1.4}.composer input::placeholder{color:var(--muted-2);font-weight:400}.composer-submit{border-radius:var(--radius-md);background:var(--accent);width:40px;height:40px;color:var(--accent-contrast);box-shadow:var(--shadow-xs);transition:background-color .15s var(--ease-snap), transform .12s var(--ease-out), opacity .15s var(--ease-snap), box-shadow .15s var(--ease-snap);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.composer-submit:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-sm)}.composer-submit:active:not(:disabled){transform:scale(.92)}.composer-submit:focus-visible{box-shadow:var(--ring);outline:none}.error{border-radius:var(--radius-md);letter-spacing:-.005em;color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb, var(--red) 22%, transparent);animation:errorIn .24s var(--ease-out);margin-bottom:14px;padding:12px 14px;font-size:13.5px;font-weight:500}@keyframes errorIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.todos{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.todos:empty{display:none}.todo{animation:todoIn .32s var(--ease-out);transition:background-color .15s var(--ease-snap);grid-template-columns:28px minmax(0,1fr) 32px;align-items:flex-start;column-gap:12px;padding:14px;display:grid;position:relative}.todo+.todo{border-top:1px solid var(--line)}.todo:hover{background:var(--surface-soft)}@media (width>=480px){.todo{grid-template-columns:30px minmax(0,1fr) 36px;column-gap:14px;padding:16px 18px}}@keyframes todoIn{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.todo-mark{border-radius:var(--radius-full);width:28px;height:28px;color:var(--muted-2);transition:color .18s var(--ease-snap), background-color .18s var(--ease-snap), transform .18s var(--ease-spring), box-shadow .18s var(--ease-snap);flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.todo-mark:hover{color:var(--accent);background:var(--accent-soft)}.todo-mark:active{transform:scale(.86)}.todo-mark:focus-visible{box-shadow:var(--ring);outline:none}.todo-doing .todo-mark{color:var(--warning)}.todo-doing .todo-mark:hover{background:var(--warning-soft)}.todo-done .todo-mark{color:var(--accent-contrast);background:var(--accent);box-shadow:0 2px 6px var(--accent-glow)}.todo-done .todo-mark:hover{background:var(--accent-strong);color:var(--accent-contrast)}.todo-body{min-width:0;padding-top:2px}.todo-title{color:var(--text);letter-spacing:-.01em;overflow-wrap:anywhere;transition:color .25s var(--ease-snap), opacity .25s var(--ease-snap);margin:0;font-size:15.5px;font-weight:500;line-height:1.45}.todo-done .todo-title{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--muted-2);text-decoration-color:var(--muted-2);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-thickness:1.5px}.todo-meta{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;display:flex}.todo-meta .dot{color:var(--muted-3);-webkit-user-select:none;user-select:none;font-weight:700}.todo-meta time{font-weight:500}.badge{border-radius:var(--radius-xs);letter-spacing:.005em;background:var(--surface-2);height:20px;color:var(--text-2);border:1px solid var(--line);align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-doing{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 26%, transparent)}.badge-done{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 26%, transparent)}.todo-delete{width:32px;height:32px;color:var(--muted-2);border-radius:var(--radius-sm);opacity:.55;transition:opacity .15s var(--ease-snap), color .15s var(--ease-snap), background-color .15s var(--ease-snap), transform .12s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.todo-delete:hover{opacity:1;color:var(--red);background:var(--red-soft)}.todo-delete:active{transform:scale(.9)}.todo-delete:focus-visible{opacity:1;box-shadow:var(--ring);outline:none}@media (hover:none){.todo-delete{opacity:.7}}.empty-state{text-align:center;animation:todoIn .32s var(--ease-out);flex-direction:column;align-items:center;gap:10px;margin-top:56px;padding:28px 16px;display:flex}.empty-icon{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:60px;height:60px;color:var(--muted);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.empty-title{color:var(--text-2);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.empty-hint{color:var(--muted);letter-spacing:-.005em;margin:0;font-size:13px}.shell-empty{place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.gate{text-align:center;max-width:360px;animation:todoIn .36s var(--ease-out)}.gate-icon{border-radius:var(--radius-xl);background:var(--accent-soft);width:64px;height:64px;color:var(--accent);box-shadow:0 8px 24px var(--accent-glow);justify-content:center;align-items:center;margin:0 auto 20px;display:inline-flex}.gate h1{letter-spacing:-.025em;color:var(--text);margin:0 0 12px;font-size:24px;font-weight:700}.gate p{color:var(--muted);letter-spacing:-.005em;margin:0;font-size:14px;line-height:1.6}.gate p code{margin:0 2px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}