:root{color-scheme:dark;--bg-app:#141110;--bg-board:#1a1614;--surface:#221d1a;--surface-hover:#2a2421;--surface-divider:#332b27;--surface-divider-hover:#3b322d;--border:#332c28;--border-strong:#3d342f;--hairline:#4a403a;--text-primary:#f2ece6;--text-secondary:#a8998f;--text-muted:#6f625a;--text-divider:#e2d8d0;--accent:#e0473d;--accent-hover:#f05a4f;--accent-subtle:#e0473d1f;--accent-ring:#e0473db3;--accent-text:#ea7a72;--accent-border:#e0473d66;--on-accent:#fff;--selection:#e0473d4d;--avatar-text:#141110;--ws-dot:#8c8279;--ws-dot-text:#141110;--due-soon:#d1a04a;--due-soon-subtle:#d1a04a1f;--done:#7fae6a;--shadow-pop:0 12px 32px -12px #000c;--shadow-edge:0 6px 12px -8px #000000e6;--overlay:#0a08078c;--pattern-dot:#6f625a29;--pattern-line:#6f625a0d;--pattern-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16.5 13v7M13 16.5h7' stroke='rgba(111,98,90,0.24)'/%3E%3C/svg%3E");--font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--radius-chip:4px;--radius:8px;--radius-panel:12px;--list-width:272px;--sidebar-width:240px;--panel-width:400px}:root[data-theme=light]{color-scheme:light;--bg-app:#f7f3ef;--bg-board:#efe9e3;--surface:#fffdfb;--surface-hover:#f6f0ea;--surface-divider:#e9e1d9;--surface-divider-hover:#e1d7ce;--border:#e2d9d1;--border-strong:#d2c6bb;--hairline:#c2b4a8;--text-primary:#231d19;--text-secondary:#685a50;--text-muted:#998a7f;--text-divider:#3a302a;--accent:#d63c32;--accent-hover:#c2332a;--accent-subtle:#d63c321a;--accent-ring:#d63c328c;--accent-text:#b8352c;--accent-border:#d63c3266;--on-accent:#fff;--selection:#d63c324d;--avatar-text:#141110;--ws-dot:#a89a8e;--ws-dot-text:#fffdfb;--due-soon:#a3701a;--due-soon-subtle:#a3701a1f;--done:#5a8a46;--shadow-pop:0 12px 32px -12px #3c281e47;--shadow-edge:0 6px 12px -8px #3c281e38;--overlay:#281e1959;--pattern-dot:#6f625a33;--pattern-line:#6f625a0f;--pattern-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16.5 13v7M13 16.5h7' stroke='rgba(111,98,90,0.3)'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root[data-theme=system]{color-scheme:light;--bg-app:#f7f3ef;--bg-board:#efe9e3;--surface:#fffdfb;--surface-hover:#f6f0ea;--surface-divider:#e9e1d9;--surface-divider-hover:#e1d7ce;--border:#e2d9d1;--border-strong:#d2c6bb;--hairline:#c2b4a8;--text-primary:#231d19;--text-secondary:#685a50;--text-muted:#998a7f;--text-divider:#3a302a;--accent:#d63c32;--accent-hover:#c2332a;--accent-subtle:#d63c321a;--accent-ring:#d63c328c;--accent-text:#b8352c;--accent-border:#d63c3266;--on-accent:#fff;--selection:#d63c324d;--avatar-text:#141110;--ws-dot:#a89a8e;--ws-dot-text:#fffdfb;--due-soon:#a3701a;--due-soon-subtle:#a3701a1f;--done:#5a8a46;--shadow-pop:0 12px 32px -12px #3c281e47;--shadow-edge:0 6px 12px -8px #3c281e38;--overlay:#281e1959;--pattern-dot:#6f625a33;--pattern-line:#6f625a0f;--pattern-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16.5 13v7M13 16.5h7' stroke='rgba(111,98,90,0.3)'/%3E%3C/svg%3E")}}:root{--pattern-dots-image:radial-gradient(circle at 1px 1px, var(--pattern-dot) 1px, transparent 0);--pattern-dots-size:24px 24px;--pattern-grid-image:var(--pattern-cross);--pattern-grid-size:32px 32px;--pattern-diagonal-image:repeating-linear-gradient(45deg, var(--pattern-line) 0 1px, transparent 1px 32px);--pattern-diagonal-size:auto}:root,:root[data-pattern=dots]{--pattern-image:var(--pattern-dots-image);--pattern-size:var(--pattern-dots-size)}:root[data-pattern=grid]{--pattern-image:var(--pattern-grid-image);--pattern-size:var(--pattern-grid-size)}:root[data-pattern=diagonal]{--pattern-image:var(--pattern-diagonal-image);--pattern-size:var(--pattern-diagonal-size)}:root[data-pattern=none]{--pattern-image:none;--pattern-size:auto}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-app);color:var(--text-primary);font:13px/20px var(--font-sans);-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--selection)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}input,textarea,button,select{font:inherit;color:inherit}input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer}a,button,input,textarea,select,[role=button]{touch-action:manipulation}@media (width<=767px){input,textarea,select{font-size:16px}}.tnum{font-variant-numeric:tabular-nums}.kan-scroll::-webkit-scrollbar{width:10px;height:10px}.kan-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.kan-scroll::-webkit-scrollbar-track{background:0 0}@keyframes kanIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes kanFade{0%{opacity:0}to{opacity:1}}.auth-page{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex;overflow:auto}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);width:100%;max-width:380px;padding:28px}.brand{font-family:var(--font-serif);margin:0 0 4px;font-size:28px;line-height:32px}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.field{flex-direction:column;gap:6px;margin-top:16px;display:flex}.field label{color:var(--text-secondary);font-size:12px}.input{border:1px solid var(--border);background:var(--bg-app);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 10px}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input-raised,.auth-card .input{background:var(--bg-board)}.input-sm{padding:5px 8px}.textarea{resize:vertical;line-height:20px}.btn{border:1px solid var(--border);background:var(--bg-app);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.btn:hover{background:var(--surface-hover);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{background:var(--bg-app);color:var(--text-secondary)}.btn-primary,.btn-primary:disabled:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.btn-ghost,.btn-ghost:disabled:hover{background:0 0}.btn-danger,.btn-danger:hover{color:var(--accent-text)}.btn-danger:hover{border-color:var(--accent)}.btn-danger-hover:hover{color:var(--accent-text);border-color:var(--accent)}.btn-sm{padding:5px 10px;font-size:12px}.btn-xs{gap:4px;padding:3px 8px;font-size:12px}.btn-block{width:100%;margin-top:20px}.iconbtn{min-width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}.iconbtn:hover{background:var(--surface-hover);color:var(--text-primary)}.iconbtn-sm{min-width:22px;height:22px}.iconbtn-danger:hover{color:var(--accent-text)}.unstyled{all:unset;cursor:pointer;display:inline-flex}.unstyled:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}.trigger{border:1px solid var(--border);background:var(--bg-board);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:12px;display:inline-flex}.trigger:hover,.trigger[data-state=open]{background:var(--surface);color:var(--text-primary)}.trigger-sm{border-radius:4px;gap:4px;padding:0 6px;line-height:20px}.trigger-icon{width:28px;height:28px;padding:0}.trigger-ghost{background:0 0;border-color:#0000}.trigger-ghost:hover,.trigger-ghost[data-state=open]{border-color:var(--border);background:var(--bg-board)}@media (width<=767px){.trigger-icon{width:32px;height:32px}}.error-text{color:var(--accent-text);margin-top:10px;font-size:12px;line-height:18px}.error{border:1px solid var(--accent-border);background:var(--accent-subtle);color:var(--accent-text);border-radius:6px;margin-top:14px;padding:8px 10px;font-size:12px;line-height:18px}.notice{border:1px solid var(--border);background:var(--bg-board);color:var(--text-secondary);border-radius:6px;margin-top:14px;padding:8px 10px;font-size:12px;line-height:18px}.menu,.popover{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:180px;box-shadow:var(--shadow-pop);outline:none;padding:4px}.menu[data-state=open],.popover[data-state=open]{animation:.12s kanIn}.popover{min-width:240px;padding:10px}.menu-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;user-select:none;background:0 0;border:0;border-radius:6px;outline:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;line-height:18px;display:flex}.menu-item[data-highlighted],.menu-item:hover{background:var(--surface-hover);color:var(--text-primary)}.menu-item[data-disabled]{opacity:.4;pointer-events:none}.menu-item.danger{color:var(--accent-text)}.menu-item.current{color:var(--accent-text);background:var(--accent-subtle)}.menu-separator{background:var(--border);height:1px;margin:4px 0}.menu-heading{color:var(--text-muted);padding:6px 8px 2px;font-size:11px}.popover-heading{color:var(--text-muted);padding:0 2px 6px;font-size:11px}.dialog-overlay{z-index:60;background:var(--overlay);position:fixed;inset:0}.dialog-overlay[data-state=open]{animation:.12s kanFade}.dialog{z-index:61;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-board);outline:none;width:min(360px,100vw - 32px);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog.wide{width:min(560px,100vw - 32px)}.dialog[data-state=open]{animation:.14s kanIn}.dialog h2{margin:0 0 14px;font-size:18px;font-weight:600;line-height:24px}.md{color:var(--text-secondary);font-size:13px;line-height:21px}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md pre,.md blockquote{margin:0 0 10px}.md h1,.md h2,.md h3{color:var(--text-primary);margin:14px 0 6px;font-size:13px;font-weight:600}.md code{background:var(--bg-app);border-radius:3px;padding:1px 4px;font-size:12px}.md pre{background:var(--bg-app);border-radius:6px;padding:8px 10px;overflow-x:auto}.md pre code{background:0 0;padding:0}.md ul,.md ol{padding-left:20px}.md blockquote{border-left:2px solid var(--border);color:var(--text-muted);padding-left:10px}.md a{text-decoration:underline}.md img{border:1px solid var(--border);border-radius:6px;max-width:100%;height:auto;margin:8px 0;display:block}.md input[type=checkbox]{margin-right:6px}