:root,[data-theme=light]{--color-bg:#f4efe3;--color-surface:#f8f3e8;--color-surface-2:#fbf8f0;--color-surface-offset:#ece3d1;--color-surface-offset-2:#e3d8c1;--color-surface-dynamic:#d9caa8;--color-divider:#ddd0b3;--color-border:#ccbb95;--color-text:#1e2438;--color-text-muted:#6b6455;--color-text-faint:#a89d81;--color-text-inverse:#f8f3e8;--color-primary:#1c2c52;--color-primary-hover:#14213f;--color-primary-active:#0e1730;--color-primary-highlight:#d8dbe6;--color-success:#43703a;--color-success-highlight:#d7ddc9;--color-gold:#a97a1f;--color-gold-highlight:#ecdfba;--color-danger:#a3402f;--color-danger-highlight:#ecd6cc;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-interactive:.18s cubic-bezier(.16, 1, .3, 1);--shadow-sm:0 1px 2px #362c2414;--shadow-md:0 4px 12px #362c241a;--shadow-lg:0 12px 32px #362c2429;--font-body:"Satoshi", "Inter", sans-serif;--font-display:"General Sans", "Satoshi", sans-serif;--font-mono:"JetBrains Mono", monospace}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--shadow-sm:0 1px 2px lab(18.7497% 3.63408 6.86861/.08);--shadow-md:0 4px 12px lab(18.7497% 3.63408 6.86861/.1);--shadow-lg:0 12px 32px lab(18.7497% 3.63408 6.86861/.16)}}[data-theme=dark]{--color-bg:#11162a;--color-surface:#161c34;--color-surface-2:#1a2139;--color-surface-offset:#1e2540;--color-surface-offset-2:#242c4c;--color-surface-dynamic:#2c355a;--color-divider:#2a3151;--color-border:#3a4266;--color-text:#e9e2cf;--color-text-muted:#a19d8f;--color-text-faint:#666c8c;--color-text-inverse:#1c2340;--color-primary:#d9c48f;--color-primary-hover:#e8d6a5;--color-primary-active:#f2e5bc;--color-primary-highlight:#3a3826;--color-success:#8bb578;--color-success-highlight:#2f3a2a;--color-gold:#dbb45c;--color-gold-highlight:#463a20;--color-danger:#d98a72;--color-danger-highlight:#402521;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}@supports (color:lab(0% 0 0)){[data-theme=dark]{--shadow-sm:0 1px 2px lab(0% 0 0/.35);--shadow-md:0 4px 12px lab(0% 0 0/.45);--shadow-lg:0 12px 32px lab(0% 0 0/.55)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:90px}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-size:15px;transition:background .25s,color .25s}img,svg{max-width:100%;display:block}::selection{background:oklch(from var(--color-primary) l c h / .22)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700;line-height:1.2}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}code{font-family:var(--font-mono);background:var(--color-surface-offset);border-radius:4px;padding:.15em .4em;font-size:.9em}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:50;background:oklch(from var(--color-bg) l c h / .9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-divider);align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;top:0}.brand{font-size:14.5px;font-weight:700;font-family:var(--font-display);white-space:nowrap;color:var(--color-text);align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.topnav{flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.topnav a{border-radius:var(--radius-md);color:var(--color-text-muted);white-space:nowrap;transition:background var(--transition-interactive), color var(--transition-interactive);align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.topnav a:hover{background:var(--color-surface-offset);color:var(--color-text);text-decoration:none}.topnav a.active{background:var(--color-primary-highlight);color:var(--color-primary-active)}[data-theme=dark] .topnav a.active{color:var(--color-primary)}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface-offset);transition:background var(--transition-interactive), color var(--transition-interactive);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-dynamic);color:var(--color-text)}.icon-btn svg{width:16px;height:16px}.main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px 24px 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{font-size:24px}.page-header p{color:var(--color-text-muted);max-width:60ch;margin-top:4px;font-size:13.5px}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);margin-bottom:6px;font-size:11px;font-weight:700}.btn{border-radius:var(--radius-md);transition:background var(--transition-interactive), color var(--transition-interactive), border-color var(--transition-interactive), transform var(--transition-interactive);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-offset)}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-offset);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.btn-sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:12.5px}.btn svg{flex-shrink:0;width:15px;height:15px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.card+.card{margin-top:14px}.card h3{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:15.5px;display:flex}.card-muted{background:var(--color-surface-2)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--color-text-muted);font-size:12.5px;font-weight:600}.field-hint{color:var(--color-text-faint);font-size:11.5px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.input,.textarea,.select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:border-color var(--transition-interactive), background var(--transition-interactive);padding:9px 11px;font-size:13.5px}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);outline:none}.textarea{resize:vertical;min-height:72px;font-family:var(--font-body)}.checkbox-row{align-items:center;gap:8px;font-size:13.5px;display:flex}.badge{border-radius:var(--radius-full);background:var(--color-surface-offset);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-gold{background:var(--color-gold-highlight);color:var(--color-gold)}.badge-success{background:var(--color-success-highlight);color:var(--color-success)}.badge-danger{background:var(--color-danger-highlight);color:var(--color-danger)}.badge-primary{background:var(--color-primary-highlight);color:var(--color-primary-active)}[data-theme=dark] .badge-primary{color:var(--color-primary)}.badge-muted{background:var(--color-surface-offset-2);color:var(--color-text-faint)}.status-draft{background:var(--color-surface-offset);color:var(--color-text-muted)}.status-active{background:var(--color-primary-highlight);color:var(--color-primary-active)}[data-theme=dark] .status-active{color:var(--color-primary)}.status-on_gate{background:var(--color-gold-highlight);color:var(--color-gold)}.status-closed_success{background:var(--color-success-highlight);color:var(--color-success)}.status-closed_fail{background:var(--color-danger-highlight);color:var(--color-danger)}.status-killed{background:var(--color-surface-offset-2);color:var(--color-text-faint)}.priority-high{background:var(--color-danger-highlight);color:var(--color-danger)}.priority-medium{background:var(--color-gold-highlight);color:var(--color-gold)}.priority-low,.task-todo{background:var(--color-surface-offset);color:var(--color-text-muted)}.task-in_progress{background:var(--color-primary-highlight);color:var(--color-primary-active)}[data-theme=dark] .task-in_progress{color:var(--color-primary)}.task-done{background:var(--color-success-highlight);color:var(--color-success)}.task-cancelled{background:var(--color-surface-offset-2);color:var(--color-text-faint);text-decoration:line-through}.tabs{border-bottom:1px solid var(--color-divider);gap:4px;margin-bottom:18px;display:flex;overflow-x:auto}.tab{color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-interactive), border-color var(--transition-interactive);border-bottom:2px solid #0000;padding:9px 14px;font-size:13px;font-weight:600}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary-active);border-color:var(--color-primary)}[data-theme=dark] .tab.active{color:var(--color-primary)}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:10px 12px}.table th{color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.table tr:last-child td{border-bottom:none}.table tr.clickable:hover{background:var(--color-surface-offset);cursor:pointer}.empty-state{text-align:center;color:var(--color-text-muted);padding:48px 20px}.empty-state h4{color:var(--color-text);margin-bottom:6px;font-size:15px}.empty-state p{max-width:42ch;margin:0 auto;font-size:13px}.modal-overlay{z-index:100;background:#070b1473;background:lab(2.99229% -.130028 -4.69358/.45);justify-content:center;align-items:flex-start;padding:8vh 16px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;padding:22px 24px}.modal-wide{max-width:760px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{margin:0;font-size:16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.tree-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:900px){.tree-layout{grid-template-columns:1fr}}.tree-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tree-list{padding:6px}.tree-row{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-interactive);border:1px solid #0000;align-items:center;gap:4px;padding:7px 8px;font-size:13.5px;display:flex}.tree-row:hover{background:var(--color-surface-offset)}.tree-row.selected{background:var(--color-primary-highlight);border-color:oklch(from var(--color-primary) l c h / .3)}.tree-row.drag-over{outline:2px dashed var(--color-gold);outline-offset:-2px}.tree-row-toggle{width:18px;height:18px;color:var(--color-text-faint);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tree-row-toggle:hover{background:var(--color-surface-dynamic)}.tree-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tree-row-value{font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;font-size:11.5px}.tree-row-actions{flex-shrink:0;gap:2px;display:none}.tree-row:hover .tree-row-actions{display:flex}.tree-drop-root{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-faint);text-align:center;margin-top:6px;padding:10px;font-size:12px}.tree-drop-root.drag-over{outline:2px dashed var(--color-gold);outline-offset:-2px;color:var(--color-gold)}.divider{background:var(--color-divider);height:1px;margin:16px 0}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap;gap:8px;display:flex}.muted{color:var(--color-text-muted)}.faint{color:var(--color-text-faint)}.mono{font-family:var(--font-mono)}.text-sm{font-size:12.5px}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px}.stat-tile .stat-value{font-family:var(--font-display);margin-top:4px;font-size:26px;font-weight:700}.stat-tile .stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-faint);font-size:11.5px;font-weight:700}.list-item{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.list-item:last-child{border-bottom:none}.comment-item{border-bottom:1px solid var(--color-divider);padding:10px 0}.comment-item:last-child{border-bottom:none}.comment-meta{color:var(--color-text-faint);justify-content:space-between;margin-bottom:4px;font-size:11.5px;display:flex}.link-plain{color:var(--color-text);border-bottom:1px dashed var(--color-border)}.link-plain:hover{color:var(--color-primary);border-color:var(--color-primary);text-decoration:none}.overdue{color:var(--color-danger);font-weight:700}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:420px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:60;max-height:70vh;padding:10px;position:absolute;top:52px;right:24px;overflow-y:auto}.search-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:8px 8px 4px;font-size:10.5px;font-weight:700}.search-result{border-radius:var(--radius-md);color:var(--color-text);padding:8px;font-size:13px;display:block}.search-result:hover{background:var(--color-surface-offset);text-decoration:none}.checklist-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}