.demo-bar{height:36px;padding:9px 24px;color:var(--ds-text-muted);background:color-mix(in oklch,var(--ds-surface),var(--ds-background) 55%);border-color:var(--ds-border)}.sidebar{width:248px;padding:22px 14px 16px;background:color-mix(in oklch,var(--ds-background),black 7%);border-color:var(--ds-border)}.brand{color:var(--ds-text)}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,var(--ds-accent-hover),var(--ds-accent));box-shadow:0 6px 16px color-mix(in oklch,var(--ds-accent),transparent 65%)}.nav-item{min-height:38px;padding:9px 10px;color:var(--ds-text-muted)}.nav-item:hover{background:var(--ds-surface)}.nav-item.is-active{color:var(--ds-text);background:var(--ds-surface-raised);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--ds-border),transparent 25%)}.nav-item.is-active .nav-dot{background:var(--ds-accent)}.sidebar-bottom{border-color:var(--ds-border)}.avatar{background:var(--ds-surface-raised);color:var(--ds-text)}.main-content{padding-top:38px}.page-head{margin-bottom:25px}.page-head h1{font-size:31px;font-weight:700;line-height:1.12;letter-spacing:-.055em}.page-head .eyebrow{margin-bottom:6px}.eyebrow{color:var(--ds-accent-hover);font-size:10px;font-weight:700;letter-spacing:.1em}.muted,small{color:var(--ds-text-muted)}.tabs{gap:24px;border-color:var(--ds-border)}.tabs a{padding-bottom:12px;color:var(--ds-text-muted)}.tabs a:hover,.tabs a.active{color:var(--ds-text)}.panel{background:var(--ds-surface);border-color:var(--ds-border);border-radius:var(--ds-radius-md)}.lists-panel,.day-panel,.habit-board,.setting-section{padding:18px}.section-head h2,.panel-title,.day-panel h2{font-size:14px;font-weight:650;letter-spacing:-.02em}.task-panel{padding:6px 16px}.task-row{min-height:58px;padding:11px 5px;border-color:color-mix(in oklch,var(--ds-border),transparent 35%);border-radius:var(--ds-radius-xs)}.task-row:hover{padding-left:9px;padding-right:9px}.task-copy strong{font-size:13px;font-weight:550}.task-copy small{font-size:11px}.priority{padding:3px 6px;border-radius:99px;background:var(--ds-warning-soft);color:var(--ds-warning);font-weight:600}.list-link{border-radius:var(--ds-radius-xs)}.list-link.selected{color:var(--ds-text);background:var(--ds-surface-raised)}.completed-title{color:var(--ds-text-faint)}.metric-grid{gap:12px}.metric{min-height:105px;padding:18px;border-color:var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-card)}.metric span{color:var(--ds-text-muted)}.metric strong{letter-spacing:-.045em}.metric.positive strong,.positive{color:var(--ds-success)}.metric.negative strong,.negative{color:var(--ds-danger)}.transaction{padding:14px 18px;border-color:color-mix(in oklch,var(--ds-border),transparent 35%)}.transaction-icon{background:var(--ds-surface-raised);color:var(--ds-accent-hover)}.goal-card{border-color:var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-card)}.goal-cover{background:linear-gradient(130deg,color-mix(in oklch,var(--ds-accent),var(--ds-surface) 75%),var(--ds-surface-raised))}.progress{height:5px;background:var(--ds-surface-raised)}.progress span{background:linear-gradient(90deg,var(--ds-accent),var(--ds-accent-hover))}.calendar,.day-agenda{background:var(--ds-surface);border-color:var(--ds-border)}.calendar-head span{background:color-mix(in oklch,var(--ds-surface-raised),transparent 25%);border-color:var(--ds-border)}.calendar-row>*{border-color:color-mix(in oklch,var(--ds-border),transparent 38%)}.event{background:var(--ds-accent-soft);color:color-mix(in oklch,var(--ds-accent-hover),white 25%)}.week-day,.kanban-column,.quadrant{border-color:var(--ds-border)}.kanban-column{background:color-mix(in oklch,var(--ds-surface),var(--ds-background) 34%)}.kanban-card{border-color:var(--ds-border);background:var(--ds-surface);box-shadow:0 3px 10px rgb(0 0 0/.12)}.focus-card{border-color:color-mix(in oklch,var(--ds-accent),transparent 65%);background:radial-gradient(circle at 50% 0,var(--ds-accent-soft),var(--ds-surface) 60%);box-shadow:var(--ds-shadow-float)}.focus-card strong{font-variant-numeric:tabular-nums}.journal .panel{border-color:var(--ds-border)}.editor{background:linear-gradient(135deg,var(--ds-surface),color-mix(in oklch,var(--ds-surface),var(--ds-accent-soft) 13%))}.setting-section{border-color:var(--ds-border)}.setting-line{border-color:color-mix(in oklch,var(--ds-border),transparent 35%)}.segmented{background:var(--ds-background)}.segmented button.selected{background:var(--ds-surface-hover)}.api-token{border-color:color-mix(in oklch,var(--ds-accent),transparent 58%);background:color-mix(in oklch,var(--ds-background),var(--ds-accent-soft) 12%)}.scope-grid label{padding:8px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-xs);background:color-mix(in oklch,var(--ds-surface-raised),transparent 35%)}.modal{padding:28px;border-radius:var(--ds-radius-lg)}.modal h2{font-size:22px;letter-spacing:-.04em}.modal input,.modal textarea,.auth-card input,.search,select{min-height:39px;border-color:var(--ds-border);background:var(--ds-background)}.upload{border-color:color-mix(in oklch,var(--ds-accent),transparent 50%);background:color-mix(in oklch,var(--ds-accent-soft),transparent 35%)}.auth-page{background:radial-gradient(circle at 50% 0,color-mix(in oklch,var(--ds-accent-soft),transparent 35%),var(--ds-background) 50%)}.auth-card{border-color:var(--ds-border-strong);background:color-mix(in oklch,var(--ds-surface),var(--ds-background) 20%);box-shadow:var(--ds-shadow-float)}.auth-card h1{letter-spacing:-.055em}@media(max-width:900px){.sidebar{width:70px}.main-content{padding-top:28px}}