:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size:14px;--font-size-sm:12px;--font-size-lg:16px;--cat-mix:72%;--shadow-1:0 1px 3px #0000001f;--shadow-2:0 8px 30px #00000038}:root,[data-theme=native]{--bg:#f5f5f7;--bg-sunken:#ececef;--panel:#fff;--panel-2:#fafafa;--hover:#0000000b;--active:#00000014;--border:#dcdce0;--border-strong:#b9b9c0;--text:#1c1c1e;--text-muted:#6e6e73;--text-faint:#a2a2a8;--accent:#0a66ff;--accent-soft:#0a66ff1f;--on-accent:#fff;--danger:#d92d20;--warn:#b54708;--ok:#067647;--pin:#b58a00;--selection:#0a66ff2e}@media (prefers-color-scheme:dark){:root,[data-theme=native]{--bg:#1c1c1e;--bg-sunken:#131315;--panel:#2c2c2e;--panel-2:#242426;--hover:#ffffff0f;--active:#ffffff1a;--border:#3a3a3c;--border-strong:#545456;--text:#f2f2f7;--text-muted:#98989f;--text-faint:#6a6a70;--accent:#409cff;--accent-soft:#409cff29;--on-accent:#0b0b0d;--danger:#ff6b5e;--warn:#ffb020;--ok:#4cd97b;--pin:#ffd60a;--selection:#409cff40}}[data-theme=neon]{--bg:#0b0b14;--bg-sunken:#06060d;--panel:#14142a;--panel-2:#101020;--hover:#a050ff1a;--active:#a050ff2e;--border:#2c2c52;--border-strong:#4a4a86;--text:#eae6ff;--text-muted:#9a92c9;--text-faint:#625c8f;--accent:#c026ff;--accent-soft:#c026ff29;--on-accent:#fff;--danger:#ff2e63;--warn:#ffc233;--ok:#00e5a0;--pin:#ffe14d;--selection:#00e5ff38;--cat-mix:60%;--shadow-1:0 0 8px #c026ff40;--shadow-2:0 0 34px #c026ff59}[data-theme=terminal]{--bg:#000;--bg-sunken:#000;--panel:#0a0f0a;--panel-2:#060a06;--hover:#33ff6614;--active:#33ff6629;--border:#143d14;--border-strong:#1f6b1f;--text:#3f6;--text-muted:#23b348;--text-faint:#167030;--accent:#3f6;--accent-soft:#33ff6624;--on-accent:#001a06;--danger:#f53;--warn:#fc3;--ok:#3f6;--pin:#fc3;--selection:#33ff6640;--font-ui:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-pill:0px;--cat-mix:35%;--shadow-1:none;--shadow-2:0 0 0 1px var(--border-strong)}[data-theme=tropical]{--bg:#fff6e9;--bg-sunken:#ffedd5;--panel:#fffdf7;--panel-2:#fff8ec;--hover:#ff7a0012;--active:#ff7a0024;--border:#f3ddbd;--border-strong:#e0b98a;--text:#3d2c1e;--text-muted:#8a6f52;--text-faint:#bfa686;--accent:#ff7a00;--accent-soft:#ff7a0024;--on-accent:#fff;--danger:#e5484d;--warn:#d97706;--ok:#12a150;--pin:#d97706;--selection:#00b4a533;--cat-mix:78%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--font-size);line-height:1.45}::selection{background:var(--selection)}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}.btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--hover)}.btn-sm{font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:3px 8px}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);color:var(--text);padding:6px 10px}.input:focus,.select:focus,.textarea:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.textarea{resize:vertical;width:100%;font-family:var(--font-ui)}.textarea.mono{font-family:var(--font-mono);font-size:var(--font-size-sm)}.field{margin-bottom:var(--space-3);flex-direction:column;gap:4px;display:flex}.field>label{font-size:var(--font-size-sm);color:var(--text-muted)}.error-text{color:var(--danger);font-size:var(--font-size-sm)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint);font-size:var(--font-size-sm)}.row{align-items:center;gap:var(--space-2);display:flex}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.login-page{background:var(--bg-sunken);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;padding:var(--space-6);box-shadow:var(--shadow-2)}.login-card h1{margin:0 0 var(--space-4);font-size:22px}.login-card .input{width:100%}.shell{--sidebar-w:250px;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:52px 1fr;grid-template-areas:"sidebar topbar""sidebar main";height:100%;display:grid}.shell.collapsed{--sidebar-w:56px}.shell.collapsed .side-item .label,.shell.collapsed .side-item .count,.shell.collapsed .side-section h3,.shell.collapsed .brand-name,.shell.collapsed .ai-widget,.shell.collapsed .unpin-btn{display:none}.shell.collapsed .sidebar{padding:var(--space-2) 6px;gap:var(--space-3)}.shell.collapsed .side-item{justify-content:center;padding:8px 0}.sidebar{background:var(--panel-2);border-right:1px solid var(--border);padding:var(--space-3);gap:var(--space-4);flex-direction:column;grid-area:sidebar;display:flex;overflow-y:auto}.sidebar .brand{align-items:center;gap:var(--space-2);letter-spacing:.04em;padding:var(--space-1) var(--space-2);font-size:18px;font-weight:700;display:flex}.sidebar .brand-name{flex:1}.collapse-btn,.unpin-btn{color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:13px}.collapse-btn:hover,.unpin-btn:hover{background:var(--hover);color:var(--text)}.lists-section{flex:1;min-height:0}.side-footer{margin-top:auto}.side-item-wrap{align-items:center;display:flex;position:relative}.side-item-wrap .unpin-btn{opacity:0;position:absolute;right:4px}.side-item-wrap:hover .unpin-btn{opacity:1}.count.badge-alert{background:var(--danger-soft,#dc50502e);color:var(--danger,#d05050)}.side-section h3{margin:0 0 var(--space-1);padding:0 var(--space-2);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:11px}.side-item{align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;color:var(--text);background:0 0;border:none;text-decoration:none;display:flex}.side-item:hover{background:var(--hover)}.side-item.active{background:var(--accent-soft);color:var(--accent)}.side-item .icon{text-align:center;flex:none;width:20px}.side-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-item .count{font-size:var(--font-size-sm);color:var(--text-faint);background:var(--hover);border-radius:var(--radius-pill);padding:0 7px}.topbar{align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:var(--panel);border-bottom:1px solid var(--border);grid-area:topbar;display:flex}.topbar .search{width:220px}.topbar .quick-add{flex:1;max-width:460px}.main{padding:var(--space-5);grid-area:main;overflow-y:auto}.page{max-width:900px;margin:0 auto}.page-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.page-header h2{align-items:center;gap:var(--space-2);margin:0;font-size:20px;display:flex}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pinned-note{background:var(--accent-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.task-group{margin-bottom:var(--space-5)}.task-group>header{align-items:center;gap:var(--space-2);padding-bottom:var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;display:flex}.task-row{align-items:flex-start;gap:var(--space-2);padding:8px var(--space-2);border-radius:var(--radius-md);border:1px solid #0000;display:flex}.density-dense .task-row{padding:2px var(--space-2)}.task-row:hover{background:var(--hover)}.task-row.selected{background:var(--selection)}.task-row.dragging{opacity:.4}.task-row.drop-target{border-top:2px solid var(--accent);border-radius:0}.task-row.completed .task-title{color:var(--text-faint);text-decoration:line-through}.task-row .drag-handle{cursor:grab;color:var(--text-faint);-webkit-user-select:none;user-select:none;padding-top:2px}.task-main{cursor:pointer;flex:1;min-width:0}.task-title-line{align-items:center;gap:var(--space-2);min-width:0;display:flex}.task-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.density-dense .task-meta{margin-top:0}.task-row.unblocked-flash{animation:1.6s ease-out unblocked}@keyframes unblocked{0%{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent)}to{box-shadow:none;background:0 0}}.task-check{border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;color:#0000;background:0 0;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;padding:0;font-size:11px;display:inline-flex}.task-check:hover{border-color:var(--accent);color:var(--text-faint)}.task-check.checked{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.task-check.blocked{cursor:not-allowed;border-style:dashed}.chip{border-radius:var(--radius-pill);font-size:var(--font-size-sm);border:1px solid var(--border);color:var(--text-muted);background:var(--panel);white-space:nowrap;align-items:center;gap:4px;padding:0 7px;line-height:18px;display:inline-flex}.chip.p0{color:var(--on-accent);background:var(--danger);border-color:var(--danger)}.chip.p1{color:var(--danger);border-color:var(--danger)}.chip.p2{color:var(--warn);border-color:var(--warn)}.chip.p3{color:var(--text-faint)}.chip.category{--cat-display:color-mix(in srgb, var(--cat-color,var(--accent)) var(--cat-mix), var(--accent));color:var(--cat-display);border-color:var(--cat-display);background:color-mix(in srgb, var(--cat-display) 12%, transparent)}.chip.tag{background:var(--hover);border-color:#0000}.chip.due.overdue{color:var(--danger);border-color:var(--danger)}.chip.snoozed{color:var(--warn);background:var(--hover);border-color:#0000}.pin-btn{cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:0 2px}.pin-btn.pinned{color:var(--pin)}.progress-track{border-radius:var(--radius-pill);background:var(--hover);max-width:220px;height:3px;margin-top:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%}.menu-wrap{position:relative}.menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-2);padding:var(--space-1);position:absolute;top:calc(100% + 4px);right:0}.menu.left{left:0;right:auto}.menu-item{align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;color:var(--text);background:0 0;border:none;display:flex}.menu-item:hover{background:var(--hover)}.menu-item.danger{color:var(--danger)}.menu-sep{background:var(--border);height:1px;margin:var(--space-1) 0}.popover{z-index:50;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-3);width:260px;position:absolute}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:480px;max-width:calc(100vw - 32px);max-height:80vh;box-shadow:var(--shadow-2);padding:var(--space-5);overflow-y:auto}.modal.wide{width:680px}.modal h3{margin:0 0 var(--space-4)}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.drawer-overlay{z-index:90;background:#00000040;position:fixed;inset:0}.drawer{z-index:95;background:var(--panel);border-left:1px solid var(--border);width:440px;max-width:92vw;box-shadow:var(--shadow-2);padding:var(--space-5);position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.drawer h2{margin:0;font-size:18px}.drawer section{margin-top:var(--space-5)}.drawer section>h4{margin:0 0 var(--space-2);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.drawer .title-input{width:100%;font-size:var(--font-size-lg);font-weight:600}.subtask-tree ul{padding-left:var(--space-4);margin:0;list-style:none}.subtask-tree>ul{padding-left:0}.subtask-item{align-items:center;gap:var(--space-2);padding:2px 0;display:flex}.md{overflow-wrap:anywhere}.md p{margin:0 0 var(--space-2)}.md h1,.md h2,.md h3{margin:var(--space-3) 0 var(--space-2);line-height:1.25}.md h1{font-size:18px}.md h2{font-size:16px}.md h3{font-size:14px}.md ul,.md ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.md code{font-family:var(--font-mono);background:var(--hover);border-radius:var(--radius-sm);padding:0 4px;font-size:.92em}.md pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);overflow-x:auto}.md pre code{background:0 0;padding:0}.md blockquote{margin:0 0 var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--border-strong);color:var(--text-muted)}.toast-area{bottom:var(--space-5);z-index:200;gap:var(--space-2);flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:var(--space-2) var(--space-3);animation:.18s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.batch-toolbar{z-index:30;align-items:center;gap:var(--space-2);background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex;position:sticky;top:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.card h4{margin:0 0 var(--space-2)}.list-row{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.list-row:last-child{border-bottom:none}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);flex:none;width:16px;height:16px}.color-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);width:36px;height:28px;padding:0 2px}.empty-state{text-align:center;color:var(--text-faint);padding:var(--space-6)}.spinner-page{height:60vh;color:var(--text-faint);justify-content:center;align-items:center;display:flex}.private-gate{text-align:center;max-width:360px;margin:10vh auto}audio{width:100%}.age-dot{border-radius:var(--radius-pill);flex:none;width:8px;height:8px;margin-top:7px}.age-dot.aging{background:var(--warn);opacity:.6}.age-dot.stale{background:var(--warn)}.age-dot.ancient{background:var(--danger)}.triage-card{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5);margin-bottom:var(--space-4)}.triage-card .task-title-big{margin:var(--space-2) 0;font-size:18px;font-weight:600}.kbd{font-family:var(--font-mono);font-size:var(--font-size-sm);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);border-bottom-width:2px;margin-right:2px;padding:0 5px;display:inline-block}.cal-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);gap:1px;display:grid;overflow:hidden}.cal-cell{background:var(--panel);flex-direction:column;gap:3px;min-height:96px;padding:4px 6px;display:flex}.cal-cell.other-month{background:var(--panel-2);color:var(--text-faint)}.cal-cell.today{outline:2px solid var(--accent);outline-offset:-2px}.cal-cell.drop-over{background:var(--accent-soft)}.cal-date{font-size:var(--font-size-sm);color:var(--text-muted)}.cal-chip{font-size:var(--font-size-sm);background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;cursor:grab;padding:1px 5px;overflow:hidden}.cal-chip.completed{color:var(--text-faint);background:var(--hover);text-decoration:line-through}.cal-head{font-size:var(--font-size-sm);color:var(--text-faint);gap:1px;padding:4px 0;display:grid}.kanban{gap:var(--space-3);padding-bottom:var(--space-3);align-items:flex-start;display:flex;overflow-x:auto}.kanban-col{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);flex:0 0 240px}.kanban-col>h4{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:2px 4px 8px}.kanban-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:6px;padding:6px 8px}.kanban-card:hover{border-color:var(--accent)}.gantt-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.heatmap{grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:2px;display:grid}.hm-cell{background:var(--hover);border:1px solid var(--border);cursor:pointer;border-radius:2px;width:12px;height:12px;padding:0}.hm-cell.done{background:var(--ok);border-color:var(--ok)}.hm-cell.skip{background:repeating-linear-gradient(45deg, var(--warn), var(--warn) 2px, transparent 2px, transparent 4px);border-color:var(--warn)}.hm-cell.future{opacity:.3;cursor:default}.stat-cards{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.stat-card .big{color:var(--accent);font-size:28px;font-weight:700}.stat-card .label{color:var(--text-muted);font-size:var(--font-size-sm)}.hbar-row{align-items:center;gap:var(--space-2);margin-bottom:4px;display:flex}.hbar-label{text-align:right;width:130px;font-size:var(--font-size-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.hbar-track{background:var(--hover);border-radius:var(--radius-sm);flex:1;height:14px}.hbar-fill{background:var(--accent);border-radius:var(--radius-sm);min-width:1px;height:100%}.chip-builder{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.chip.term{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip.term button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:11px}.chip-builder input.freeform{min-width:140px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:4px}.injection-banner{background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);padding:var(--space-3);margin:var(--space-2) 0}.injection-banner code{font-family:var(--font-mono);font-size:var(--font-size-sm);white-space:pre-wrap;margin-top:6px;display:block}.ai-widget{border-top:1px solid var(--border);padding-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);margin-top:auto}.ai-widget .budget-track{background:var(--hover);border-radius:var(--radius-pill);height:6px;margin-top:4px;overflow:hidden}.ai-widget .budget-fill{background:var(--ok);border-radius:var(--radius-pill);height:100%}.ai-widget .budget-fill.warn{background:var(--warn)}.ai-widget .budget-fill.over{background:var(--danger)}.bell-wrap{position:relative}.bell-badge{background:var(--danger);color:#fff;text-align:center;border-radius:var(--radius-pill);min-width:14px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:-4px;right:-4px}.notif-menu{width:320px;max-height:380px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);padding:8px}.notif-item.unread{background:var(--accent-soft)}.notif-item:last-child{border-bottom:none}.wizard-progress{background:var(--hover);border-radius:var(--radius-pill);height:4px;margin-bottom:var(--space-4);overflow:hidden}.wizard-progress>div{background:var(--accent);height:100%}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.tab{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);font-size:var(--font-size-sm);padding:6px 8px}.table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.hub-group{margin-bottom:var(--space-5)}.hub-group>header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:var(--space-2);font-size:11px}.hub-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.hub-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);align-items:flex-start;display:flex;position:relative}.hub-card:hover{background:var(--hover)}.hub-link{gap:var(--space-3);padding:var(--space-3);color:var(--text);flex:1;align-items:flex-start;min-width:0;text-decoration:none;display:flex}.hub-icon{font-size:18px;line-height:1.2}.hub-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hub-label{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.hub-hint{color:var(--text-faint);font-size:var(--font-size-sm)}.hub-card .pin-btn{margin-right:var(--space-2);align-self:center}.settings-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:var(--space-4);margin-bottom:var(--space-4)}.settings-section>header{margin-bottom:var(--space-3);font-weight:600}.settings-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.settings-row>label{width:150px;color:var(--text-muted);font-size:var(--font-size-sm);flex:none}.settings-row .input,.settings-row .select{min-width:200px}.checkbox-label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.pill{border-radius:var(--radius-pill);font-size:var(--font-size-sm);background:var(--hover);color:var(--text-muted);padding:1px 10px}.pill.ok{background:var(--accent-soft);color:var(--accent)}.pill.warn{background:var(--danger-soft,#dc505026);color:var(--danger)}.banner{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.banner.success{background:var(--accent-soft);border-color:var(--accent)}.progress-fill.warn{background:var(--danger)}.view-menu{min-width:240px;padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex;left:0;right:auto}.menu-field{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.menu-field .select{min-width:130px}.menu-note{margin:0}.btn.active-option{border-color:var(--accent);color:var(--accent)}.add-task-row{align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-md);color:var(--text-faint);display:flex}.add-task-row:hover,.add-task-row:focus-within{background:var(--hover)}.add-task-row .add-icon{text-align:center;width:20px}.add-task-input{color:var(--text);background:0 0;border:none;flex:1;padding:4px 0}.add-task-input:focus{outline:none}.add-task-input::placeholder{color:var(--text-faint)}.task-row .select-box{opacity:0;flex:none}.task-row:hover .select-box,.task-row.selecting .select-box,.task-row .select-box:focus-visible{opacity:1}.task-row.selecting .drag-handle,.nav-toggle{display:none}@media (width<=900px){.shell{--sidebar-w:56px}.shell .side-item .label,.shell .side-item .count,.shell .side-section h3,.shell .brand-name,.shell .ai-widget,.shell .unpin-btn{display:none}.shell .sidebar{padding:var(--space-2) 6px;gap:var(--space-3)}.shell .side-item{justify-content:center;padding:8px 0}.main{padding:var(--space-4)}.topbar .search{width:150px}}@media (width<=640px){.shell{--sidebar-w:0px;grid-template-columns:1fr;grid-template-areas:"topbar""main"}.shell .sidebar{z-index:40;width:260px;padding:var(--space-3);box-shadow:var(--shadow-2);transition:transform .16s ease-out;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.shell.nav-open .sidebar{transform:translate(0)}.shell.nav-open .side-item .label,.shell.nav-open .side-item .count,.shell.nav-open .side-section h3,.shell.nav-open .brand-name,.shell.nav-open .ai-widget{display:revert}.shell.nav-open .side-item{padding:6px var(--space-2);justify-content:flex-start}.nav-backdrop{z-index:30;background:#00000059;position:fixed;inset:0}.nav-toggle{display:inline-flex}.topbar{gap:var(--space-2);padding:0 var(--space-2)}.topbar .search{width:110px}.page-header{flex-wrap:wrap}.settings-row>label{width:100%}}@media print{.sidebar,.topbar,.toolbar,.batch-toolbar,.toast-area,.drawer,.drawer-overlay,.no-print,.btn,select.select,input.input{display:none!important}.shell{height:auto;display:block}.main{padding:0;overflow:visible}.page{max-width:none}body{color:#000;background:#fff;font-size:12px}.task-row,.cal-cell,.card{break-inside:avoid}.cal-cell{min-height:70px}}