:root{--bg:oklch(99% .002 265);--surface:oklch(100% 0 0);--fg:oklch(25% .02 265);--muted:oklch(55% .02 265);--border:oklch(93% .01 250);--hover:oklch(96% .01 250);--accent:oklch(55% .2 265);--accent-soft:oklch(95% .04 265);--success:oklch(60% .15 145);--warning:oklch(70% .16 70);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Clash Display", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 2px 8px oklch(0% 0 0/.04);--shadow-md:0 8px 24px oklch(0% 0 0/.06);--shadow-lg:0 16px 32px oklch(0% 0 0/.08);--shadow-xl:0 24px 48px oklch(0% 0 0/.12);--background:var(--bg);--foreground:var(--fg);--muted-foreground:var(--muted);--primary:var(--accent)}:root[data-theme=dark]{--bg:oklch(18% .012 265);--surface:oklch(22% .018 265);--fg:oklch(96% .01 250);--muted:oklch(72% .018 265);--border:oklch(32% .02 265);--hover:oklch(28% .022 265);--accent:oklch(68% .18 265);--accent-soft:oklch(31% .055 265);--success:oklch(72% .16 145);--warning:oklch(76% .16 70);--background:var(--bg);--foreground:var(--fg);--muted-foreground:var(--muted);--primary:var(--accent)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100svh;font-size:15px;line-height:1.5;transition:background .22s,color .22s}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select,input,textarea{font:inherit}#root{min-height:100svh}.app-canvas{background:var(--bg);height:100svh;padding:16px;transition:background .22s;display:flex}.app-shell{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-xl);transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.app-shell.flow-mode{box-shadow:none;border-color:#0000;border-radius:0;width:calc(100% + 32px);height:calc(100vh + 32px);margin:-16px}.app-shell.flow-mode .nav-rail,.app-shell.flow-mode .sidebar{opacity:0;width:0;transform:translate(-100%)}.mentor-panel{opacity:0;pointer-events:none;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;width:0;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex}.mentor-panel[data-open=false]{opacity:0;pointer-events:none;border-left:none;width:0}.mentor-panel.open{opacity:1;pointer-events:auto;width:320px}.mentor-panel[data-open=false] *{pointer-events:none}.mentor-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 8px;display:flex}.mentor-header h3{margin:0;font-size:18px}.mentor-status{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px}.mentor-actions{gap:6px;display:flex}.mentor-actions .btn{padding:6px 10px;font-size:12px}.mentor-body{grid-template-rows:auto 1fr;height:100%;display:grid;overflow:hidden}.mentor-sessions{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;max-height:160px;padding:8px 12px 12px;display:flex;overflow-y:auto}.mentor-session{border:1px solid var(--border);text-align:left;background:var(--bg);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.mentor-session strong{color:var(--fg);font-size:13px}.mentor-session span{color:var(--muted);font-size:11px}.mentor-session.active{border-color:var(--accent);box-shadow:var(--shadow-sm)}.mentor-chat{flex-direction:column;height:100%;display:flex}.mentor-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.mentor-message{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-width:90%;padding:10px 12px;font-size:13px;line-height:1.4}.mentor-message.user{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 20%, var(--border));align-self:flex-end}.mentor-message.assistant{align-self:flex-start}.mentor-message.system{opacity:.7;font-style:italic}.mentor-input{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:10px;display:flex}.mentor-input input{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:8px 10px}.mentor-input button{padding:8px 12px}.mentor-empty,.mentor-empty-state{color:var(--muted);padding:16px;font-size:13px}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--fg);color:var(--surface)}.btn-primary:hover{box-shadow:var(--shadow-sm);background:oklch(15% .02 265);transform:translateY(-1px)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--fg)}.btn-secondary:hover{background:var(--hover);border-color:oklch(85% .01 250)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{background:var(--hover);color:var(--fg)}.nav-rail{background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;align-items:center;width:64px;padding:20px 0;transition:width .3s,opacity .3s,transform .3s;display:flex}.nav-rail-logo{background:var(--fg);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--surface);font-family:var(--font-display);letter-spacing:-.05em;justify-content:center;align-items:center;margin-bottom:32px;font-size:14px;font-weight:700;display:flex}.nav-rail-items{flex-direction:column;flex:1;align-items:center;gap:12px;width:100%;display:flex}.nav-rail-item{border-radius:var(--radius-md);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.nav-rail-item:hover{color:var(--fg);background:var(--hover);transform:translateY(-2px)}.nav-rail-item.active{color:var(--accent);background:var(--accent-soft)}.nav-rail-item svg{width:20px;height:20px;transition:transform .2s}.nav-rail-item:active svg{transform:scale(.9)}.nav-rail-badge{background:var(--accent);color:#fff;border:2px solid var(--surface);border-radius:8px;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.nav-rail-bottom{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.sidebar-collapsed .sidebar{opacity:0;border-right-width:0;width:0}.sidebar-search{color:var(--muted);align-items:center;gap:8px;padding:20px 16px 12px;display:flex}.sidebar-search svg{width:16px;height:16px}.sidebar-search input{color:var(--fg);background:0 0;border:none;outline:none;width:100%;font-size:14px}.sidebar-search input::placeholder{color:oklch(70% .01 250)}.sidebar-tabs{border-bottom:1px solid var(--border);gap:16px;padding:0 16px 12px;display:flex}.sidebar-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-13px;padding-bottom:8px;font-size:12px;font-weight:500;transition:all .2s}.sidebar-tab:hover{color:var(--fg)}.sidebar-tab.active{color:var(--fg);border-bottom-color:var(--fg)}.sidebar-tree{flex:1;padding:16px 8px;overflow-y:auto}.sidebar-tree::-webkit-scrollbar{width:4px}.sidebar-tree::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.tree-section{text-transform:uppercase;letter-spacing:.05em;color:oklch(70% .01 250);margin-top:8px;padding:8px 8px 4px;font-size:11px;font-weight:600}.tree-section:first-child{margin-top:0}.tree-section.tree-section-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.tree-section.tree-section-row .tree-item-count{letter-spacing:0;text-transform:none;font-size:11px;font-weight:600}.tree-item-all{opacity:.75;font-size:12px}.tree-item-all.active{opacity:1}.tree-item{border-radius:var(--radius-sm);width:100%;color:var(--fg);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:6px 8px;font-size:14px;transition:all .15s;display:flex}.tree-item:hover{background:var(--hover)}.tree-item.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.tree-item.drop-over{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tree-item svg{width:16px;height:16px;color:var(--muted);flex-shrink:0}.tree-item.active svg{color:var(--accent)}.tree-item-count{color:var(--muted);background:var(--bg);border-radius:10px;margin-left:auto;padding:2px 6px;font-size:11px}.tree-empty{color:var(--muted);padding:8px;font-size:13px}.tree-item-indent-1{padding-left:28px}.tree-item-indent-2{padding-left:48px}.main-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow-y:auto}.workspace-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 0;display:flex}.workspace-switcher{border:1px solid var(--border);background:color-mix(in oklch, var(--surface) 86%, transparent);border-radius:999px;align-items:center;gap:8px;margin-right:auto;padding:4px;display:flex}.workspace-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-left:10px;font-size:12px;font-weight:700}.workspace-chip,.sync-status-pill{min-height:34px;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:14px;font-weight:650;transition:background .18s,border-color .18s,transform .15s,opacity .18s;display:inline-flex}.workspace-chip small{color:var(--muted);font-size:11px;font-weight:650}.workspace-chip.active{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent) 24%, var(--border));color:var(--accent)}.workspace-chip:hover:not(:disabled){background:var(--hover);transform:translateY(-1px)}.workspace-chip:disabled{cursor:not-allowed;opacity:.62}.workspace-select{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 10px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:999px;padding:6px 28px 6px 12px;font-size:14px;font-weight:650;transition:border-color .16s,background .16s}.workspace-select:hover,.workspace-select:focus-visible{border-color:var(--accent);outline:none}.workspace-select-badge{color:var(--muted);padding-right:8px;font-size:11px;font-weight:650}.sync-status-pill{cursor:default;border-color:var(--border);background:var(--surface);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.dashboard,.capture,.kanban{flex:1;padding:24px 40px}.main-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.main-header h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:28px;font-weight:600}.dashboard-subtitle{color:var(--muted);margin-top:6px;font-size:13px}.main-header-actions{gap:12px;display:flex}.stats-bar{align-items:center;gap:16px;padding:0 0 16px;display:flex}.stat-item{color:var(--muted);align-items:center;gap:6px;font-size:13px;transition:color .2s;display:flex}.stat-item:hover{color:var(--fg)}.stat-item svg{width:14px;height:14px;transition:transform .2s cubic-bezier(.22,1,.36,1)}.stat-item:hover svg{transform:scale(1.15)}.stat-value{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-block}.stat-item:hover .stat-value{transform:scale(1.1)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:var(--fg);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.section-header .count{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:2px 6px;font-size:12px}.section-header-actions{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:flex}.section-header-actions button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.section-header-actions button:hover{background:var(--hover);color:var(--fg)}.section-header-actions button.active{background:var(--accent-soft);color:var(--accent);box-shadow:var(--shadow-sm)}.section-header-actions button svg{width:16px;height:16px}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.folder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:20px;transition:all .3s cubic-bezier(.22,1,.36,1);animation:.4s cubic-bezier(.22,1,.36,1) both slideInUp}.folder-card:hover{box-shadow:var(--shadow-md);border-color:oklch(85% .01 250);transform:translateY(-4px)}.folder-card:active{transform:translateY(0)scale(.98)}.folder-icon{width:64px;height:56px;margin-bottom:16px;position:relative}.folder-icon-tab{background:oklch(92% .01 250);border-radius:6px 6px 0 0;width:24px;height:12px;transition:background .3s;position:absolute;top:0;left:0}.folder-card:hover .folder-icon-tab{background:var(--accent)}.folder-icon-body{background:oklch(95% .01 250);border-radius:0 6px 6px;width:100%;height:48px;transition:background .3s;position:absolute;top:8px;left:0;overflow:hidden;box-shadow:inset 0 2px #ffffff80}.folder-card:hover .folder-icon-body{background:var(--accent-soft)}.folder-app-icons{gap:-4px;display:flex;position:absolute;top:8px;left:8px}.folder-app-icon{border:1.5px solid var(--surface);color:#fff;z-index:2;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:flex}.folder-app-icon.drive{z-index:3;background:oklch(65% .15 145)}.folder-app-icon.notion{background:var(--fg);z-index:2;transform:translate(-4px)}.folder-app-icon.figma{z-index:1;background:oklch(65% .15 20);transform:translate(-8px)}.folder-app-icon.github{z-index:0;background:oklch(40% 0 0);transform:translate(-12px)}.folder-doc-preview-back{width:24px;height:32px;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:4px;right:8px;transform:rotate(8deg)}.folder-doc-preview{width:24px;height:32px;box-shadow:var(--shadow-sm);background:#fff;border-radius:3px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:4px;right:12px;transform:rotate(-4deg)}.folder-card:hover .folder-doc-preview-back{transform:rotate(15deg)translate(2px,-4px)}.folder-card:hover .folder-doc-preview{transform:rotate(-10deg)translate(-2px,-2px)}.folder-card-name{color:var(--fg);letter-spacing:-.01em;margin-bottom:4px;font-size:14px;font-weight:500}.folder-card-count{color:var(--muted);font-size:12px}.files-list{flex-direction:column;gap:8px;display:flex}.file-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:16px;padding:12px 16px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.file-row:hover{box-shadow:var(--shadow-sm);border-color:oklch(85% .01 250);transform:translate(4px)}.file-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.file-icon.doc{color:oklch(55% .2 265);background:oklch(95% .05 265)}.file-icon.pdf{color:oklch(55% .2 20);background:oklch(95% .05 20)}.file-icon.md{color:oklch(50% .1 200);background:oklch(95% .02 200)}.file-name{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:500;overflow:hidden}.file-meta{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;width:100px;font-size:12px}.file-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.file-row:hover .file-actions{opacity:1}.file-actions button{cursor:pointer;color:var(--muted);background:0 0;border:none}.file-actions button:hover{color:var(--fg)}.file-actions button svg{width:16px;height:16px}.idea-record-row.draggable{cursor:grab}.idea-record-row.is-dragging{opacity:.55;border-color:var(--accent);box-shadow:var(--shadow-md)}.dashboard-helper{color:var(--muted);margin:-8px 0 12px;font-size:13px}.capture-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.capture-filters{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.capture-filters::-webkit-scrollbar{display:none}.filter-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.filter-chip:hover{color:var(--fg);border-color:oklch(85% .01 250)}.filter-chip.active{background:var(--fg);color:var(--surface);border-color:var(--fg)}.filter-chip.hot.active{background:oklch(65% .2 40);border-color:oklch(65% .2 40)}.filter-chip.warm.active{background:oklch(70% .15 70);border-color:oklch(70% .15 70)}.filter-chip.cool.active{background:oklch(60% .1 240);border-color:oklch(60% .1 240)}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.idea-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.22,1,.36,1) both slideInUp;display:flex;position:relative;overflow:hidden}.idea-card:before{content:"";width:4px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.idea-card.hot:before{background:oklch(65% .2 40)}.idea-card.warm:before{background:oklch(70% .15 70)}.idea-card.cool:before{background:oklch(60% .1 240)}.idea-card.cold:before{background:var(--border)}.idea-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-4px)scale(1.01)}.idea-card:hover:before{width:6px}.idea-card-title{color:var(--fg);margin-bottom:8px;font-size:16px;font-weight:650;line-height:1.3}.idea-card-body{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.6}.idea-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.idea-tag{background:var(--bg);color:var(--muted);font-size:12px;font-family:var(--font-mono);border-radius:6px;padding:3px 8px}.idea-temperature{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.idea-temperature.hot{color:oklch(65% .2 40)}.idea-temperature.warm{color:oklch(70% .15 70)}.idea-temperature.cool{color:oklch(60% .1 240)}.idea-temperature.cold{color:var(--muted)}.idea-actions{opacity:0;align-items:center;gap:8px;margin-top:12px;transition:opacity .2s;display:flex}.idea-card:hover .idea-actions{opacity:1}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);min-height:80px;color:var(--muted);background:var(--surface);justify-content:center;align-items:center;width:100%;padding:20px;font-size:.9rem;display:flex}.empty-state.interactive{cursor:pointer;transition:all .2s}.empty-state.interactive:hover{background:var(--hover);border-color:var(--muted);color:var(--fg)}.graveyard-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:16px;padding:16px}.graveyard-preview summary{cursor:pointer;color:var(--muted);font-size:.9rem;font-weight:600}.buried-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0 0;font-size:.9rem;display:flex}.buried-row button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;padding:4px 10px}.buried-row button:hover{background:var(--hover);color:var(--fg)}.kanban{flex-direction:column;height:100%;display:flex;overflow:hidden}.kanban-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.kanban-project-selector{cursor:default;border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.kanban-project-selector:hover{background:var(--hover)}.kanban-project-name{font-size:20px;font-weight:600;font-family:var(--font-display);letter-spacing:-.01em}.kanban-a11y-hint{width:100%;color:var(--muted);margin:0;font-size:13px;line-height:1.4}.kanban-today{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklch, var(--accent-soft) 40%, var(--surface));justify-content:space-between;align-items:center;gap:16px;margin:-8px 0 16px;padding:12px 14px;display:flex}.kanban-today-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.kanban-today strong{color:var(--fg);font-size:14px}.kanban-today-list{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;display:flex}.kanban-today-chip{border:1px solid var(--border);background:var(--surface);max-width:220px;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:inline-flex;overflow:hidden}.kanban-today-chip em{color:oklch(58% .18 35);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-style:normal}.kanban-columns{flex:1;gap:16px;padding-bottom:16px;display:flex;overflow:auto hidden}.kanban-columns::-webkit-scrollbar{height:6px}.kanban-columns::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.kanban-column{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;transition:border-color .2s,background-color .2s;display:flex}.kanban-column.drag-over{border-color:var(--accent);background-color:var(--accent-soft)}.kanban-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kanban-column-title{color:var(--fg);font-size:13px;font-weight:600}.kanban-column-count{color:var(--muted);background:var(--bg);border-radius:10px;padding:2px 6px;font-size:11px}.kanban-cards{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.kanban-cards::-webkit-scrollbar{width:3px}.kanban-cards::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.kanban-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;padding:12px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;animation:.3s cubic-bezier(.22,1,.36,1) both slideInUp}.kanban-card:hover{box-shadow:var(--shadow-sm);border-color:oklch(85% .01 250);transform:translateY(-2px)}.kanban-card:active{cursor:grabbing;transform:scale(.98)}.kanban-card:focus-visible{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 24%, transparent), var(--shadow-md)}.kanban-card.is-dragging{opacity:.5;box-shadow:var(--shadow-lg);border-color:var(--accent);transform:scale(1.05)}.kanban-card-title{color:var(--fg);margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.4}.kanban-card-dates{flex-wrap:wrap;gap:6px;margin:-4px 0 10px;display:flex}.kanban-card-dates span{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:11px}.kanban-card-dates span.overdue{color:oklch(58% .18 35);background:oklch(96% .04 35);border-color:oklch(85% .08 35)}.kanban-card-meta{justify-content:space-between;align-items:center;display:flex}.kanban-priority{text-transform:uppercase;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.kanban-priority.high{color:oklch(65% .2 40);background:oklch(95% .05 40)}.kanban-priority.medium{color:oklch(60% .15 70);background:oklch(95% .05 70)}.kanban-priority.low{color:var(--muted);background:var(--surface);border:1px solid var(--border)}.kanban-add-card{color:var(--muted);text-align:center;cursor:pointer;border-radius:var(--radius-sm);padding:8px;font-size:13px;transition:all .2s}.kanban-add-card:hover{background:var(--hover);color:var(--fg)}.quick-task-form{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.quick-task-form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);outline:none;flex:1;padding:8px 12px;font-size:13px}.quick-task-form input:focus{border-color:var(--accent)}.quick-task-date{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.quick-task-form .quick-task-date input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex:0 0 136px}.notes-layout{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;margin:16px 24px;display:flex;overflow:hidden}.notes-sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;width:240px;display:flex}.notes-sidebar-header{box-sizing:border-box;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:49px;padding:8px 16px;display:flex}.notes-sidebar-header h3{color:var(--fg);font-size:13px;font-weight:600}.notes-list{flex:1;padding:4px 0;overflow-y:auto}.notes-list::-webkit-scrollbar{width:3px}.notes-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.note-item{cursor:pointer;border-left:2px solid #0000;padding:10px 16px;transition:background .2s cubic-bezier(.22,1,.36,1),border-color .25s}.note-item:hover{background:var(--hover)}.note-item.active{background:var(--surface);border-left-color:var(--accent)}.note-item-title{color:var(--fg);letter-spacing:-.01em;margin-bottom:2px;font-size:13px;font-weight:500;transition:color .2s}.note-item:hover .note-item-title{color:var(--accent)}.note-item-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.note-item-date{color:oklch(65% .01 250);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.notes-editor{background:var(--surface);flex-direction:column;flex:1;display:flex}.notes-editor-toolbar{box-sizing:border-box;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;min-height:49px;padding:8px 16px;display:flex}.toolbar-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .2s cubic-bezier(.22,1,.36,1),color .15s,transform .15s cubic-bezier(.22,1,.36,1);display:flex}.toolbar-btn:hover{background:var(--hover);color:var(--fg)}.toolbar-btn:active{transform:scale(.9)}.toolbar-btn.active{background:var(--accent-soft);color:var(--accent)}.toolbar-btn svg{width:16px;height:16px}.toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 6px}.notes-editor-content{color:var(--fg);outline:none;flex-direction:column;flex:1;gap:16px;padding:24px 32px;font-size:15px;line-height:1.7;display:flex;overflow-y:auto}.notes-editor-content input.note-title-input{font-family:var(--font-display);color:var(--fg);background:0 0;border:none;outline:none;width:100%;margin-bottom:12px;font-size:24px;font-weight:600}.notes-editor-content select.note-project-select{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--fg);background:var(--bg);outline:none;max-width:250px;padding:8px;font-size:13px}.notes-editor-content textarea.note-body-input{resize:vertical;color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px;line-height:1.6}.note-preview{color:var(--fg);flex:1;font-size:15px;line-height:1.6}.note-preview:empty{display:none}.note-preview a{color:var(--accent);text-decoration:underline}.note-preview code{background:var(--bg);border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px}.note-preview ul{margin:8px 0;padding-left:20px}.note-preview li{margin:4px 0}.notes-editor-content button[type=submit]{align-self:flex-start}.note-recording-indicator{color:oklch(60% .18 25);padding:4px 12px;font-size:12px;animation:1.2s ease-in-out infinite micPulse}.note-recordings{flex-direction:column;gap:8px;margin-top:8px;display:flex}.note-recording{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:8px;padding:6px 10px;display:flex}.note-recording audio{flex:1;min-width:0}.toolbar-btn.recording{color:oklch(60% .18 25);animation:1.2s ease-in-out infinite micPulse}.notes-linked{border-left:1px solid var(--border);background:var(--bg);width:240px;padding:16px;overflow-y:auto}.notes-linked h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.linked-entity{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;transition:background .2s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);display:flex}.linked-entity:hover{background:var(--hover);transform:translate(2px)}.linked-entity:active{transform:scale(.98)}.linked-entity-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.linked-entity-icon.idea{color:var(--accent);background:oklch(95% .04 265)}.linked-entity-icon.project{color:oklch(55% .2 290);background:oklch(95% .04 290)}.linked-entity-icon.task{color:var(--success);background:oklch(95% .04 145)}.linked-entity-title{color:var(--fg);letter-spacing:-.01em;font-size:12px;font-weight:500}.linked-entity-type{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px}.flow-indicator{background:var(--fg);color:var(--surface);z-index:200;box-shadow:var(--shadow-lg);border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:500;animation:.4s cubic-bezier(.22,1,.36,1) flowSlideIn;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.flow-indicator-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite flowPulse}@keyframes flowPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes flowSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.flow-exit-btn{color:oklch(90% 0 0);cursor:pointer;background:oklch(30% 0 0);border:none;border-radius:10px;margin-left:8px;padding:2px 10px;font-size:12px;transition:background .2s cubic-bezier(.22,1,.36,1),transform .15s}.flow-exit-btn:hover{background:oklch(40% 0 0);transform:scale(1.05)}.flow-exit-btn:active{transform:scale(.95)}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(0% 0 0/.5);justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.brain-dump-modal{background:var(--surface);border-radius:var(--radius-xl);width:520px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.4s cubic-bezier(.22,1,.36,1) modalSpringIn;display:flex;overflow:hidden}@keyframes modalSpringIn{0%{opacity:0;transform:translateY(24px)scale(.95)}60%{transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.brain-dump-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.brain-dump-header h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.brain-dump-input{flex-direction:column;gap:12px;padding:16px 24px;display:flex}.brain-dump-input label{color:var(--muted);font-size:13px;font-weight:500;display:none}.brain-dump-destination{color:var(--muted);margin:0;font-size:13px}.brain-dump-input-wrap{align-items:center;display:flex;position:relative}.brain-dump-input-wrap input{padding-right:44px}.brain-dump-mic{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.brain-dump-mic:hover{background:var(--hover);color:var(--fg)}.brain-dump-mic.listening{color:oklch(60% .18 25);animation:1.2s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{opacity:1}50%{opacity:.5}}.brain-dump-listening{color:oklch(60% .18 25);margin-top:-8px;font-size:12px}.brain-dump-input input:not([type=checkbox]):not([type=radio]),.brain-dump-input textarea{border:none;border-bottom:2px solid var(--border);resize:none;width:100%;color:var(--fg);background:0 0;outline:none;padding:10px 12px;font-size:16px;line-height:1.6;transition:background .2s,border-color .2s,box-shadow .2s}.brain-dump-input textarea{min-height:80px}.brain-dump-input input::placeholder,.brain-dump-input textarea::placeholder{color:oklch(70% .01 250)}.brain-dump-input input:focus,.brain-dump-input textarea:focus{background:color-mix(in oklch, var(--accent-soft) 35%, transparent);border-color:var(--accent);border-radius:8px}.promotion-modal{width:min(620px,100vw - 32px)}.promotion-fields{gap:16px}.promotion-field{gap:6px;transition:opacity .18s,transform .18s;display:grid}.promotion-field label{color:var(--muted);letter-spacing:.02em;font-size:12px;font-weight:650;display:block}.promotion-fields:focus-within .promotion-field:not(:focus-within){opacity:.66}.promotion-field:focus-within{transform:translate(2px)}.brain-dump-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 24px 16px;display:flex}.brain-dump-enhance{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.brain-dump-enhance input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.brain-dump-hint{color:var(--muted);font-size:12px}.brain-dump-hint kbd{background:var(--bg);font-family:var(--font-mono);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:500}.modal-actions button[type=button]{color:var(--muted);background:0 0}.modal-actions button[type=button]:hover{background:var(--hover);color:var(--fg)}.command-palette-overlay{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(0% 0 0/.4);justify-content:center;align-items:flex-start;padding-top:20vh;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--surface);border-radius:var(--radius-lg);width:560px;box-shadow:var(--shadow-xl);animation:.35s cubic-bezier(.22,1,.36,1) modalSpringIn;overflow:hidden}.command-palette-input{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px;display:flex}.command-palette-input svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.command-palette-input input{color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:15px}.command-palette-input input::placeholder{color:oklch(70% .01 250)}.command-palette-results{max-height:320px;padding:8px;overflow-y:auto}.command-palette-results::-webkit-scrollbar{width:4px}.command-palette-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.command-result{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s cubic-bezier(.22,1,.36,1),transform .1s;display:flex}.command-result:hover{background:var(--hover)}.command-result:active{transform:scale(.98)}.command-result.active{background:var(--accent-soft)}.command-result-icon{border-radius:var(--radius-sm);background:var(--bg);width:32px;height:32px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.command-result-icon svg{width:16px;height:16px}.command-result-text{flex:1}.command-result-title{color:var(--fg);font-size:13px;font-weight:500}.command-result-subtitle{color:var(--muted);font-size:12px}.command-result-shortcut{color:var(--muted);font-size:11px;font-family:var(--font-mono);background:linear-gradient(var(--surface), var(--bg));border:1px solid var(--border);box-shadow:0 2px 0 var(--border), 0 1px 1px oklch(0% 0 0/.1);border-radius:5px;padding:2px 7px 3px}.settings-modal{background:var(--surface);border-radius:var(--radius-xl);width:min(880px,100vw - 32px);max-height:min(760px,100vh - 32px);box-shadow:var(--shadow-xl);animation:.4s cubic-bezier(.16,1,.3,1) modalSpringIn;overflow:auto}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px 24px;display:grid}.settings-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);gap:12px;padding:16px;display:grid}.settings-panel--wide{grid-column:1/-1}.settings-panel h4{color:var(--fg);margin:0;font-size:15px}.settings-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segmented-control--wide{width:100%}.segmented-control button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;transition:background .16s,color .16s,opacity .16s}.segmented-control button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.segmented-control button:disabled{cursor:not-allowed;opacity:.55}.settings-field{color:var(--muted);gap:6px;font-size:12px;font-weight:650;display:grid}.settings-field input,.settings-field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font:inherit;padding:10px 12px}.settings-check{color:var(--fg);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.settings-check input{margin-top:3px}.settings-muted,.settings-status{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.settings-status{color:var(--accent);font-weight:650}.settings-status--success{color:var(--success,oklch(62% .15 155))}.settings-status--error{color:var(--danger,oklch(58% .22 25))}.btn-compact{padding:6px 12px;font-size:12px}.auth-pill{cursor:pointer;border:1px solid var(--border);background:var(--hover);color:var(--fg)}.auth-pill:hover,.auth-pill:focus-visible{border-color:var(--accent);outline:none}.tutorial-overlay{z-index:200;max-width:calc(100vw - 48px);animation:.36s cubic-bezier(.22,1,.36,1) tutorialSlideIn;position:fixed;bottom:24px;right:24px}.tutorial-card{border-radius:var(--radius-lg);border:1px solid color-mix(in oklch, var(--accent) 28%, var(--border));background:var(--surface);width:340px;max-width:100%;box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 8%, transparent), var(--shadow-xl);flex-direction:column;gap:10px;padding:18px 20px;display:flex}.tutorial-card h3{font-size:16px;font-family:var(--font-display);color:var(--fg);margin:0}.tutorial-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tutorial-progress{gap:4px;margin-bottom:4px;display:flex}.tutorial-progress span{background:var(--border);border-radius:999px;flex:1;height:3px;transition:background .2s}.tutorial-progress span.active{background:var(--accent)}.tutorial-progress span.done{background:color-mix(in oklch, var(--accent) 55%, var(--border))}.tutorial-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.tutorial-actions .btn{padding:6px 12px;font-size:12px}@keyframes tutorialSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.tutorial-overlay{bottom:12px;left:12px;right:12px}.tutorial-card{width:100%}}.settings-list{color:var(--fg);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.request-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:260px;color:var(--fg);padding:12px;font-size:12px;line-height:1.5;overflow:auto}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;padding:16px 24px 0;display:flex}.settings-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:14px;font-weight:500;transition:color .16s,border-color .16s}.settings-tabs button:hover{color:var(--fg)}.settings-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-tab-content{padding:20px 24px 24px}.settings-tab-content .settings-grid{padding:0}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-key-row{align-items:stretch;gap:6px;display:flex}.settings-key-row input{flex:1}.settings-key-row .btn{white-space:nowrap;padding:10px 12px;font-size:12px;line-height:1}.settings-test-area{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-test-badge{border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;font-weight:650}.settings-test-badge.ok{color:var(--success,oklch(62% .15 155));background:color-mix(in oklch, var(--success,oklch(62% .15 155)) 10%, transparent)}.settings-test-badge.err{color:var(--danger,oklch(58% .22 25));background:color-mix(in oklch, var(--danger,oklch(58% .22 25)) 10%, transparent)}.view-enter{animation:.35s cubic-bezier(.22,1,.36,1) viewEnter}@keyframes viewEnter{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(80% .005 250)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.app-canvas{padding:8px}.app-shell{border-radius:var(--radius-lg)}.nav-rail{width:56px}.sidebar{width:220px}.dashboard,.capture,.kanban{padding:20px}.workspace-toolbar{justify-content:flex-start;padding:12px 16px 0}.workspace-switcher{width:100%;margin-right:0;overflow-x:auto}.settings-grid{grid-template-columns:1fr}.mentor-panel.open{width:280px}.graph-layout{grid-template-columns:1fr}.graph-stage{min-height:420px}.graph-header{align-items:flex-start}.graph-controls{margin-left:0}.graph-layout.sidebar-hidden{grid-template-columns:1fr}}@media (width<=640px){.sidebar{z-index:120;border:1px solid var(--border);border-radius:var(--radius-lg);width:min(280px,100vw - 80px);box-shadow:var(--shadow-xl);position:fixed;inset:8px auto 8px 64px;transform:translate(0)}.sidebar-collapsed .sidebar{opacity:0;pointer-events:none;width:min(280px,100vw - 80px);transform:translate(-120%)}.capture-header,.main-header,.kanban-header{flex-direction:column;align-items:stretch}.stats-bar{flex-wrap:wrap}.masonry-grid,.folders-grid,.ai-strip{grid-template-columns:1fr}.notes-layout{flex-direction:column;margin:12px}.notes-sidebar,.notes-linked{border:0;border-bottom:1px solid var(--border);width:100%}.command-palette{width:min(560px,100vw - 24px)}.mentor-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:150;position:fixed;top:8px;bottom:8px;right:8px}.focus-sprint-panel{grid-template-columns:1fr;margin:0 20px 20px}.focus-grid,.stats-grid{padding:0 20px}.graph-panel{padding:0 20px 20px}.graph-node{width:136px}.graph-hub{width:min(190px,100% - 24px)}.graph-detail-card{padding:14px}.graph-list{max-height:220px}.graph-control-secondary{width:100%}.graph-stage{min-height:360px}}.focus-sprint-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:16px;margin:0 40px 24px;padding:18px;display:grid}.focus-sprint-copy{flex-direction:column;gap:12px;display:flex}.focus-sprint-copy h3{font-size:20px;font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0}.focus-sprint-copy p{color:var(--muted);max-width:640px;margin:0;font-size:14px;line-height:1.5}.focus-sprint-modes{flex-wrap:wrap;gap:8px;display:flex}.focus-sprint-modes button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:7px 11px;font-size:12px}.focus-sprint-modes button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.focus-timer-card{border-radius:var(--radius-md);background:radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--accent-soft) 60%, transparent), transparent 65%), var(--bg);border:1px solid var(--border);flex-direction:column;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.focus-timer-card:before{content:"";width:var(--focus-progress);background:linear-gradient(90deg, color-mix(in oklch, var(--accent) 12%, transparent), transparent);pointer-events:none;transition:width .22s linear;position:absolute;inset:0 auto 0 0}.focus-timer-card>*{z-index:1;position:relative}.focus-timer-mode{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px;font-weight:700}.focus-timer-time{font-family:var(--font-display);letter-spacing:-.05em;color:var(--fg);font-size:clamp(42px,7vw,72px);line-height:.95}.focus-timer-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.focus-timer-progress{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.focus-timer-progress span{height:100%;width:var(--focus-progress);background:var(--accent);border-radius:inherit;transition:width .22s linear;display:block}.focus-timer-actions{flex-wrap:wrap;gap:8px;display:flex}.focus-timer-card small{color:var(--muted);font-size:12px}.focus-grid,.stats-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px;padding:0 40px;display:grid}.focus-slot,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:16px;display:flex}.focus-slot span,.stat-card span{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:600}.focus-slot strong{color:var(--fg);font-size:14px;font-weight:500}.focus-slot p{color:var(--muted);margin:0;font-size:13px}.focus-slot button{background:var(--hover);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-self:flex-start;margin-top:auto;padding:6px 12px;font-size:12px}.stat-card strong{font-size:24px;font-weight:600;font-family:var(--font-display);color:var(--fg);margin-top:4px}.backup-panel{padding:0 40px 24px}.backup-actions{gap:8px;margin-bottom:12px;display:flex}.backup-panel textarea{width:100%;min-height:120px;font-family:var(--font-mono);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--fg);resize:vertical;padding:12px;font-size:12px}.ai-suggestions{padding:0 40px 24px}.ai-strip{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.ai-chip{background:var(--surface);border-radius:var(--radius-md);border:1px solid oklch(85% .1 145);gap:12px;padding:16px;display:flex}.ai-chip svg{color:var(--success);flex-shrink:0;width:20px;height:20px}.ai-chip div{flex-direction:column;gap:4px;display:flex}.ai-chip strong{color:var(--fg);font-size:13px;font-weight:600}.ai-chip span{color:var(--muted);font-size:12px;line-height:1.4}.ai-chip small{color:var(--success);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px;font-weight:600}.hero-panel{padding:0 40px 24px}.page-hero{justify-content:space-between;align-items:center;padding:0 40px 24px;display:flex}.page-hero .eyebrow{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.page-hero h2{font-size:24px;font-weight:600;font-family:var(--font-display);color:var(--fg);margin:0 0 8px}.page-hero p{color:var(--muted);max-width:600px;margin:0;font-size:14px;line-height:1.5}.folder-cta{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.folder-cta:hover{background:var(--hover);color:var(--fg);border-color:oklch(85% .01 250)}.graph-panel{padding:0 40px 24px}.graph-header{align-items:center;gap:16px}.graph-controls{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.graph-control{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:7px 10px;font-size:12px}.graph-control:hover,.graph-control:focus-visible{border-color:var(--accent);background:var(--hover);outline:none}.graph-control-secondary{padding-inline:12px}.graph-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);align-items:start;gap:16px;display:grid}.graph-layout.sidebar-hidden{grid-template-columns:1fr}.graph-canvas{border-radius:var(--radius-lg);position:relative;overflow:hidden}.graph-stage{background:radial-gradient(ellipse at 22% 18%, oklch(72% .14 260/.18), transparent 55%), radial-gradient(ellipse at 82% 82%, oklch(70% .16 320/.14), transparent 58%), radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--accent) 10%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklch, var(--surface) 96%, var(--bg)), var(--bg));border:1px solid var(--border);min-height:520px;box-shadow:var(--shadow-sm);isolation:isolate}.graph-grid{pointer-events:none;background-image:radial-gradient(circle at center, color-mix(in oklch, var(--fg) 40%, transparent) 1px, transparent 1.2px);opacity:.18;background-position:0 0;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 55%,#0000 92%);mask-image:radial-gradient(#000 55%,#0000 92%)}.graph-scene{transform:scale(var(--graph-zoom));transform-origin:50%;position:absolute;inset:0}.graph-links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-link{fill:none;stroke:color-mix(in oklch, var(--node-accent) 55%, transparent);stroke-width:.4px;stroke-linecap:round;opacity:.55;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px color-mix(in oklch, var(--node-accent) 40%, transparent));transition:opacity .18s,stroke-width .18s}.graph-link.hub{stroke:color-mix(in oklch, var(--accent) 55%, transparent);stroke-dasharray:1.5 2.5;opacity:.7;animation:18s linear infinite graphFlow}.graph-link.related{opacity:.85;stroke-width:.55px}.graph-link.selected{opacity:1;stroke-width:.75px;filter:drop-shadow(0 0 4px color-mix(in oklch, var(--node-accent) 70%, transparent))}.graph-link.dimmed{opacity:.06;filter:none}@keyframes graphFlow{to{stroke-dashoffset:-40px}}.graph-node{z-index:2;border:1px solid color-mix(in oklch, var(--node-accent) 22%, var(--border));background:linear-gradient(155deg, color-mix(in oklch, var(--surface) 92%, var(--node-accent) 8%), var(--surface));width:152px;box-shadow:0 1px 2px #0000000a, 0 6px 16px -8px color-mix(in oklch, var(--node-accent) 22%, transparent);text-align:left;cursor:grab;border-radius:14px;flex-direction:column;gap:4px;padding:10px 12px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.graph-node:before{content:"";border-radius:inherit;background:linear-gradient(150deg, color-mix(in oklch, var(--node-accent) 55%, transparent), transparent 65%);-webkit-mask-composite:xor;pointer-events:none;opacity:.75;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.graph-node:active{cursor:grabbing}.graph-node:hover,.graph-node:focus-visible{border-color:color-mix(in oklch, var(--node-accent) 45%, var(--border));box-shadow:0 2px 4px #0000000f, 0 12px 28px -10px color-mix(in oklch, var(--node-accent) 40%, transparent), 0 0 0 3px color-mix(in oklch, var(--node-accent) 10%, transparent);outline:none;transform:translate(-50%,-52%)scale(1.03)}.graph-node.selected{border-color:color-mix(in oklch, var(--node-accent) 60%, transparent);box-shadow:0 0 0 2px color-mix(in oklch, var(--node-accent) 35%, transparent), 0 0 32px color-mix(in oklch, var(--node-accent) 30%, transparent), 0 12px 28px -8px color-mix(in oklch, var(--node-accent) 40%, transparent);animation:2.4s ease-in-out infinite graphNodePulse}.graph-node.related{border-color:color-mix(in oklch, var(--node-accent) 40%, var(--border));box-shadow:0 1px 2px #0000000a, 0 8px 20px -10px color-mix(in oklch, var(--node-accent) 30%, transparent)}.graph-node.dimmed{opacity:.22;filter:saturate(.5)}.graph-node strong{color:var(--fg);font-size:12px;font-weight:600;line-height:1.3}.graph-node small{color:var(--muted);font-size:11px}@keyframes graphNodePulse{0%,to{box-shadow:0 0 0 2px color-mix(in oklch, var(--node-accent) 35%, transparent), 0 0 32px color-mix(in oklch, var(--node-accent) 30%, transparent), 0 12px 28px -8px color-mix(in oklch, var(--node-accent) 40%, transparent)}50%{box-shadow:0 0 0 2px color-mix(in oklch, var(--node-accent) 45%, transparent), 0 0 44px color-mix(in oklch, var(--node-accent) 45%, transparent), 0 12px 28px -8px color-mix(in oklch, var(--node-accent) 50%, transparent)}}.graph-node-kind{text-transform:uppercase;letter-spacing:.09em;color:var(--node-accent);background:color-mix(in oklch, var(--node-accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--node-accent) 22%, transparent);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:9px;font-weight:700}.graph-node-task,.graph-node-note{width:130px;padding:9px 10px}.graph-node-task strong,.graph-node-note strong{font-size:11px}.graph-node-task small,.graph-node-note small{font-size:10px}.graph-inspector{flex-direction:column;gap:16px;display:flex}.graph-hub{border:1px solid color-mix(in oklch, var(--accent) 30%, var(--border));background:radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--accent) 14%, transparent), transparent 70%), linear-gradient(160deg, color-mix(in oklch, var(--surface) 94%, var(--accent) 6%), var(--surface));width:min(210px,100% - 32px);box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 8%, transparent), 0 0 40px color-mix(in oklch, var(--accent) 22%, transparent), 0 18px 40px -12px color-mix(in oklch, var(--accent) 30%, transparent);text-align:center;z-index:3;border-radius:22px;padding:16px 18px;animation:5s ease-in-out infinite graphHubBreath;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-hub:after{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--accent) 18%, transparent), transparent 70%);pointer-events:none;z-index:-1;border-radius:50%;animation:5s ease-in-out infinite graphHubAura;position:absolute;inset:-24px}@keyframes graphHubBreath{0%,to{box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 8%, transparent), 0 0 40px color-mix(in oklch, var(--accent) 22%, transparent), 0 18px 40px -12px color-mix(in oklch, var(--accent) 30%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 12%, transparent), 0 0 60px color-mix(in oklch, var(--accent) 32%, transparent), 0 18px 40px -12px color-mix(in oklch, var(--accent) 40%, transparent)}}@keyframes graphHubAura{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.graph-hub-label{text-transform:uppercase;letter-spacing:.1em;color:color-mix(in oklch, var(--accent) 70%, var(--muted));margin-bottom:4px;font-size:10px;font-weight:700;display:inline-block}.graph-hub strong{font-size:15px;font-family:var(--font-display);color:var(--fg);margin-bottom:4px;display:block}.graph-hub small{color:var(--muted);font-size:12px;display:block}@media (prefers-reduced-motion:reduce){.graph-link.hub,.graph-node.selected,.graph-hub,.graph-hub:after{animation:none}.graph-stage.is-relayingout .graph-node{transition:none}}.graph-stage.is-relayingout .graph-node{transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}.graph-stage.is-relayingout .graph-link{transition:d .6s cubic-bezier(.22,1,.36,1),opacity .2s}.graph-stage.is-relayingout:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--accent) 14%, transparent), transparent 55%);z-index:4;animation:.62s cubic-bezier(.22,1,.36,1) graphRelayoutFlash;position:absolute;inset:0}@keyframes graphRelayoutFlash{0%{opacity:0}35%{opacity:1}to{opacity:0}}.graph-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.graph-detail-card .section-header.compact{margin-bottom:8px;padding:0}.graph-detail-card h3{font-size:16px;font-family:var(--font-display);margin:0}.graph-detail-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600}.graph-detail-copy{color:var(--fg);margin-bottom:12px;font-size:13px;line-height:1.5}.graph-detail-links{flex-wrap:wrap;gap:8px;display:flex}.graph-pill{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:12px}.graph-pill:hover,.graph-pill:focus-visible{border-color:var(--node-accent);outline:none}.graph-detail-empty{color:var(--muted);font-size:12px}.graph-section-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.graph-collapsed-bar{border:1px dashed var(--border);background:var(--bg);width:100%;color:var(--fg);border-radius:var(--radius-md);text-align:left;cursor:pointer;padding:12px 14px;font-size:13px}.graph-collapsed-bar:hover,.graph-collapsed-bar:focus-visible{border-color:var(--accent);background:var(--hover);outline:none}.graph-list{flex-direction:column;gap:8px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.graph-list-item{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:14px;gap:3px;width:100%;padding:10px 12px;transition:border-color .16s,transform .16s,background .16s;display:grid}.graph-list-item:hover,.graph-list-item:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.graph-list-item.selected{border-color:var(--accent);background:var(--hover);box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 18%, transparent), 0 0 16px color-mix(in oklch, var(--accent) 12%, transparent)}.graph-list-item.related{border-color:color-mix(in oklch, var(--node-accent) 24%, var(--border))}.graph-list-item.dimmed{opacity:.4}.graph-list-kind{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:700}.graph-list-item strong{color:var(--fg);font-size:13px}.graph-list-item small{color:var(--muted);font-size:12px}.graph-empty{z-index:2;text-align:center;width:min(320px,100% - 32px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.file-table{flex-direction:column;gap:8px;padding:0 40px 24px;display:flex}
