:root{--base-white:#fff;--base-black:#000;--base-blue:#4ea7fc;--base-red:#eb5757;--base-green:#27a644;--base-orange:#fc7840;--base-yellow:#f0bf00;--base-indigo:#5e6ad2;--base-teal:#00b8cc;--font-sans:"Inter", "Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", monospace;--w-light:300;--w-normal:400;--w-medium:510;--w-semibold:590;--w-bold:680;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-24:24px;--radius-rounded:9999px;--radius-circle:50%;--speed-quick:.1s;--speed-regular:.25s;--speed-highlight-fade:.15s;--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-in-out-cubic:cubic-bezier(.645,.045,.355,1);--ease-in-quad:cubic-bezier(.55,.085,.68,.53);--page-max-width:1024px;--prose-max-width:624px;--page-padding-inline:24px;--header-height:64px;--header-blur:20px;--focus-width:2px;--focus-offset:2px;--border-hairline:1px}@media (resolution>=2x){:root{--border-hairline:.5px}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-2:#f9f8f9;--bg-3:#f4f2f4;--bg-4:#eeedef;--bg-5:#e9e8ea;--bg-translucent:#00000005;--surface:#fff;--panel:#f8f8f8;--border:#e9e8ea;--border-2:#e4e2e4;--border-3:#dcdbdd;--border-t:#0000000d;--border-ts:#00000014;--text-1:#282a30;--text-2:#3c4149;--text-3:#6f6e77;--text-4:#86848d;--accent:#5e6ad2;--accent-hover:#6a76dd;--accent-tint:#f1f1ff;--success-tint:#e8f5ec;--link:#5e6ad2;--success:#27a644;--warning:#f0bf00;--danger:#eb5757;--urgent:#fc7840;--focus:#5e6ad2;--header-bg:#ffffffd9;--header-border:#00000014;--shadow-tiny:0px 1px 1px 0px #00000017;--shadow-low:0px 1px 4px -1px #00000017;--shadow-medium:0px 3px 12px #00000017;--shadow-high:0px 7px 24px #0000000f;--shadow-palette:0 9px 48px #00000014, 0 6px 24px #0000001a, 0 1px 1px #0000000a;--kbd-bg:#eeedef;--scrollbar:#0000001a;--overlay:#0006}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090a;--bg-2:#1c1c1f;--bg-3:#232326;--bg-4:#28282c;--bg-5:#282828;--bg-translucent:#ffffff0d;--surface:#0f1011;--panel:#0f1011;--border:#23252a;--border-2:#34343a;--border-3:#3e3e44;--border-t:#ffffff0d;--border-ts:#ffffff14;--text-1:#f7f8f8;--text-2:#d0d6e0;--text-3:#8a8f98;--text-4:#62666d;--accent:#5e6ad2;--accent-hover:#6c78e0;--accent-tint:#18182f;--success-tint:#12291a;--link:#828fff;--success:#27a644;--warning:#f0bf00;--danger:#eb5757;--urgent:#fc7840;--focus:#5e6ad2;--header-bg:#0b0b0bcc;--header-border:#ffffff14;--shadow-tiny:0px 1px 1px 0px #00000040;--shadow-low:0px 2px 4px #0000001a;--shadow-medium:0px 4px 24px #0003;--shadow-high:0px 7px 32px #00000059;--shadow-palette:0 4px 40px #0000001a, 0 3px 20px #00000020, 0 3px 12px #00000020, 0 2px 8px #00000020, 0 1px 1px #00000020;--kbd-bg:#28282c;--scrollbar:#ffffff1a;--overlay:#0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:var(--w-normal) .9375rem/1.6 var(--font-sans);letter-spacing:-.011em;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--speed-regular) var(--ease-out-cubic), color var(--speed-regular) var(--ease-out-cubic)}::selection{background:color-mix(in lch, var(--accent), transparent 64%)}:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius-4)}a{color:var(--link);text-decoration:none}a:hover{color:var(--text-1)}code,.mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:.8125rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:var(--radius-rounded)}.theme-toggle{border-radius:var(--radius-4);border:var(--border-hairline) solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;transition:color var(--speed-quick) var(--ease-out-quad), background var(--speed-quick) var(--ease-out-quad);background:0 0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--text-1);background:var(--bg-3)}.btn{height:32px;font:var(--w-medium) .8125rem/1 var(--font-sans);letter-spacing:-.01em;border-radius:var(--radius-4);border:var(--border-hairline) solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--speed-quick) var(--ease-out-quad), border-color var(--speed-quick) var(--ease-out-quad), color var(--speed-quick) var(--ease-out-quad);justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn-sm{gap:4px;height:24px;padding:0 10px;font-size:.75rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text-1);border-color:var(--border-2);box-shadow:var(--shadow-tiny)}.btn-secondary:hover{background:var(--bg-3)}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--bg-translucent);color:var(--text-1)}.btn kbd{margin-left:2px}.input{width:240px;height:32px;font:var(--w-normal) .8125rem/1 var(--font-sans);letter-spacing:-.01em;color:var(--text-1);background:var(--surface);border:var(--border-hairline) solid var(--border-2);border-radius:var(--radius-4);transition:border-color var(--speed-quick) var(--ease-out-quad);padding:0 10px}.input::placeholder{color:var(--text-4)}.input:hover{border-color:var(--border-3)}.input:focus{outline:var(--focus-width) solid var(--focus);outline-offset:0;border-color:#0000}kbd{min-width:20px;min-height:20px;font:var(--w-medium) .75rem/1 var(--font-sans);color:var(--text-2);background:var(--kbd-bg);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-4);justify-content:center;align-items:center;padding:0 4px;display:inline-flex}kbd.sm{min-width:16px;min-height:16px;font-size:.625rem}.badge{height:20px;font-size:.75rem;font-weight:var(--w-medium);letter-spacing:0;border-radius:var(--radius-rounded);border:var(--border-hairline) solid var(--border);color:var(--text-2);background:var(--surface);align-items:center;gap:5px;padding:0 8px;display:inline-flex}.badge .dot{border-radius:50%;width:7px;height:7px}.badge-accent{color:var(--accent);background:var(--accent-tint);border-color:#0000}.badge-count{border-radius:var(--radius-6);background:var(--bg-4);font-variant-numeric:tabular-nums;border:none;min-width:20px;height:20px;padding:0 6px}.kcard{text-align:left;background:var(--surface);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-6);width:280px;box-shadow:var(--shadow-tiny);transition:border-color var(--speed-quick) var(--ease-out-quad), box-shadow var(--speed-quick) var(--ease-out-quad);padding:12px}.kcard:hover{border-color:var(--border-3);box-shadow:var(--shadow-low)}.kcard-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kcard-id{font-family:var(--font-mono);color:var(--text-4);font-size:.6875rem}.kcard-title{font-size:.8125rem;font-weight:var(--w-medium);letter-spacing:-.01em;margin-bottom:12px;line-height:1.4}.kcard-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.avatar{width:20px;height:20px;font:var(--w-medium) 9px/1 var(--font-sans);letter-spacing:0;background:var(--accent-tint);color:var(--accent);border:var(--border-hairline) solid var(--border-t);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar.sm{width:18px;height:18px;font-size:8px}.avatar.a2{color:#27a644;background:#e8f5ec}:root[data-theme=dark] .avatar.a2{background:#12291a}.sidebar-item{height:30px;color:var(--text-2);border-radius:var(--radius-4);cursor:pointer;transition:background var(--speed-quick) var(--ease-out-quad), color var(--speed-quick) var(--ease-out-quad);align-items:center;gap:8px;padding:0 8px;display:flex}.sidebar-item svg{color:var(--text-3);flex:none}.sidebar-item:hover{background:var(--bg-translucent);color:var(--text-1)}.sidebar-item.active{background:var(--bg-4);color:var(--text-1);font-weight:var(--w-medium)}.sidebar-item.active svg{color:var(--text-1)}.sidebar-item .count{color:var(--text-4);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.6875rem}.sidebar-sect{font-size:.6875rem;font-weight:var(--w-medium);color:var(--text-4);padding:12px 8px 4px}.sidebar-ws{font-weight:var(--w-medium);border-radius:var(--radius-4);align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;display:flex}.sidebar-ws:hover{background:var(--bg-translucent)}.toast{background:var(--surface);border:var(--border-hairline) solid var(--border);border-radius:var(--radius-6);width:364px;max-width:100%;box-shadow:var(--shadow-medium);letter-spacing:-.01em;text-align:left;align-items:center;padding:16px 24px 16px 16px;font-size:.8125rem;display:flex}.toast .ticon{width:16px;height:16px;color:var(--success);flex:none;margin-right:8px}.toast b{font-weight:var(--w-medium)}.toast .undo{color:var(--link);font-weight:var(--w-medium);cursor:pointer;white-space:nowrap;margin-left:auto}.badge-success{color:var(--success);background:var(--success-tint);border-color:#0000}.palette{background:var(--panel);border:var(--border-hairline) solid var(--border-t);border-radius:var(--radius-12);width:100%;max-width:560px;box-shadow:var(--shadow-palette);text-align:left;overflow:hidden}.palette-input{height:46px;color:var(--text-3);border-bottom:var(--border-hairline) solid var(--border-t);align-items:center;padding:0 18px;font-size:.9375rem;display:flex}.palette-input .caret{background:var(--accent);width:1px;height:16px;margin-left:2px;animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.palette-group{height:30px;font-size:.75rem;font-weight:var(--w-medium);color:var(--text-3);align-items:center;padding:0 12px;display:flex}.palette-list{padding:0 6px 6px}.palette-item{min-height:40px;color:var(--text-2);border-radius:var(--radius-6);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;font-size:.8125rem;display:flex}.palette-item svg{color:var(--text-3);flex:none}.palette-item:hover,.palette-item.active{background:var(--bg-translucent);color:var(--text-1)}.palette-item.active{background:var(--bg-4)}.palette-item .right{gap:4px;margin-left:auto;display:inline-flex}.mark{background:var(--accent);color:#fff;border-radius:22.5%;place-items:center;display:inline-grid}.mark-lg{width:56px;height:56px}.mark-md{width:40px;height:40px}.mark-sm{border-radius:25%;width:20px;height:20px}