:root{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Geist", ui-sans-serif, system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--color-paper: oklch(96.7% .004 255);--color-paper-2: oklch(94.2% .004 255);--color-paper-3: oklch(90.5% .005 255);--color-surface: oklch(99.2% .003 255);--color-surface-2: oklch(97.4% .004 255);--color-surface-raised: oklch(99.6% .002 255);--color-rule: oklch(86% .004 255);--color-rule-2: oklch(74% .005 255);--color-muted: oklch(52% .006 255);--color-neutral: oklch(34% .006 255);--color-ink: oklch(18% .006 255);--color-ink-2: oklch(25% .006 255);--color-accent: oklch(54% .18 255);--color-accent-2: oklch(47% .18 255);--color-accent-soft: oklch(94% .025 255);--color-accent-ink: oklch(98.5% .004 255);--color-focus: oklch(54% .18 255);--color-danger: oklch(55% .18 25);--color-success: oklch(48% .13 150);--color-warning: oklch(62% .14 80);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: clamp(2rem, 3vw + 1rem, 3.5rem);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--rule: 1px solid var(--color-rule);--shadow-whisper: 0 1px 2px oklch(20% .006 255 / .05);--shadow-panel: 0 10px 28px oklch(20% .006 255 / .07);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s}html,body{overflow-x:clip}body{margin:0;min-width:320px;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;font-variant-numeric:tabular-nums}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:17.5rem minmax(0,1fr)}.side-rail{position:sticky;top:0;height:100dvh;padding:var(--space-lg) var(--space-md);border-inline-end:1px solid var(--color-rule);background:var(--color-surface);box-shadow:none;display:flex;flex-direction:column;gap:var(--space-lg)}.wordmark{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:700;letter-spacing:0}.wordmark-mark{width:2rem;height:2rem;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--color-ink);color:var(--color-accent-ink);font-family:var(--font-mono);font-size:var(--text-sm)}.nav-stack{display:grid;gap:var(--space-2xs)}.nav-link{min-height:2.75rem;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);border-radius:var(--radius-md);color:var(--color-neutral);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out)}.nav-link.active{background:var(--color-paper-2);border-color:var(--color-rule);box-shadow:none;color:var(--color-ink)}@media(hover:hover)and (pointer:fine){.nav-link:hover{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink)}}.rail-footer{margin-block-start:auto;display:grid;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.content{min-width:0;padding:var(--space-lg);background:transparent}.topbar{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-rule);margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) var(--space-lg);padding:0 var(--space-lg);background:var(--color-paper)}.topbar-main{min-width:0;display:grid;gap:var(--space-2xs)}.page-title{margin:0;font-size:var(--text-xl);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}.page-subtitle{margin:0;color:var(--color-muted);font-size:var(--text-sm);max-width:72ch}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.workbench{display:grid;gap:var(--space-lg)}.home-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);gap:var(--space-lg);align-items:stretch}.home-hero,.panel,.metric{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.home-hero{min-height:19rem;padding:var(--space-lg)}.home-hero-copy{display:grid;align-content:center;gap:var(--space-md);min-width:0}.hero-kicker{width:fit-content;display:inline-flex;align-items:center;gap:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-accent);padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);font-weight:700}.home-hero h2{max-width:14ch;margin:0;font-size:var(--text-2xl);line-height:1.05;letter-spacing:0;overflow-wrap:anywhere}.home-hero p{max-width:65ch;margin:0;color:var(--color-neutral)}.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.quick-action{min-width:0;min-height:7.25rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-ink);padding:var(--space-md);text-decoration:none;box-shadow:none;transition:background-color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}.quick-action span:not(.quick-action-icon){min-width:0;display:grid;gap:var(--space-2xs)}.quick-action strong,.quick-action small{overflow-wrap:anywhere}.quick-action small{color:var(--color-muted);font-size:var(--text-sm)}.quick-action-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent)}@media(hover:hover)and (pointer:fine){.quick-action:hover{background:var(--color-surface-raised);transform:translateY(-1px)}}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.metric{padding:var(--space-md);min-height:7rem;display:grid;align-content:start;gap:var(--space-sm)}.metric-label{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.metric-value{font-size:var(--text-xl);font-weight:700;line-height:1}.metric-detail{color:var(--color-neutral);font-size:var(--text-sm);overflow-wrap:anywhere}.panel-head{min-height:4rem;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-rule);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.panel-title-group{min-width:0;display:grid;gap:var(--space-2xs)}.panel-title{margin:0;font-size:var(--text-md)}.panel-description{margin:0;color:var(--color-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.panel-action{display:flex;align-items:center;gap:var(--space-xs)}.panel-body{padding:var(--space-md)}.split{display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.25fr);gap:var(--space-lg);align-items:start}.home-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);align-items:start}.home-preview-grid .panel{min-width:0}.journal-preview,.finance-preview{display:grid;gap:var(--space-md)}.featured-note,.finance-balance{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);box-shadow:none;padding:var(--space-md)}.featured-note{display:grid;gap:var(--space-xs)}.featured-note span,.finance-balance span{color:var(--color-muted);font-size:var(--text-sm)}.featured-note strong,.finance-balance strong{color:var(--color-ink);font-size:var(--text-lg);line-height:1.15;overflow-wrap:anywhere}.featured-note p{margin:0;color:var(--color-neutral);overflow-wrap:anywhere}.finance-balance{display:grid;gap:var(--space-sm)}.finance-balance>div{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md)}.panel-link{min-height:2rem;display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:700;text-decoration:none;white-space:nowrap}.form-grid{display:grid;gap:var(--space-md)}.field{display:grid;gap:var(--space-xs)}.field label{color:var(--color-neutral);font-size:var(--text-sm);font-weight:650}.input,.textarea,.select{width:100%;min-height:2.75rem;box-sizing:border-box;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);padding:0 var(--space-sm);outline:2px solid transparent;outline-offset:1px;transition:background-color var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}.textarea{min-height:7rem;padding-block:var(--space-sm);resize:vertical}@media(hover:hover)and (pointer:fine){.input:hover,.textarea:hover,.select:hover{background:var(--color-surface-raised)}}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline-color:var(--color-focus);border-color:var(--color-ink-2)}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.inline-form{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);align-items:center}.toggle-label{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.btn,.icon-btn{min-height:2.75rem;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-md);white-space:nowrap;text-decoration:none;transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform .1s var(--ease-out);box-shadow:none}.icon-btn{width:2.75rem;padding:0}.btn.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn.compact{min-height:2rem;padding:0 var(--space-sm);font-size:var(--text-sm)}.btn.danger{color:var(--color-danger)}@media(hover:hover)and (pointer:fine){.btn:hover,.icon-btn:hover{transform:translateY(-1px);background:var(--color-surface-raised)}.btn.primary:hover{background:var(--color-accent-2);border-color:var(--color-accent-2)}}.btn:active,.icon-btn:active{transform:translateY(1px)}.list{display:grid;border:1px solid var(--color-rule);border-radius:var(--radius-md);overflow:clip;background:var(--color-surface);box-shadow:none}.row-wrap{border-bottom:1px solid var(--color-rule)}.row-wrap:last-child{border-bottom:0}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-md);align-items:center;min-height:4.25rem;padding:var(--space-sm) var(--space-md)}.row-main{min-width:0;display:grid;gap:var(--space-2xs)}.row-title{font-weight:700;overflow-wrap:anywhere}.row-meta{color:var(--color-muted);font-size:var(--text-sm)}.row-actions{display:flex;gap:var(--space-xs)}.row-detail{padding:0 var(--space-md) var(--space-md)}.list>.row-meta{padding:var(--space-md)}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:1.5rem;padding:0 var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-rule);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--text-xs)}.status-ok{color:var(--color-success)}.status-warn{color:var(--color-warning)}.status-danger{color:var(--color-danger)}.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:var(--space-lg)}.login-panel{width:min(100%,28rem);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-lg);display:grid;gap:var(--space-lg);box-shadow:var(--shadow-panel)}.login-heading{display:grid;gap:var(--space-xs)}.login-heading h1{margin:0;font-size:var(--text-xl)}.login-heading p{margin:0;color:var(--color-muted)}.error-text{color:var(--color-danger);font-size:var(--text-sm)}.code-block{margin:0;overflow:auto;border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm)}.history-panel{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md);padding:var(--space-md)}.history-column{min-width:0;display:grid;align-content:start;gap:var(--space-sm)}.history-column h3{margin:0;font-size:var(--text-sm)}.timeline{display:grid;gap:var(--space-xs)}.timeline-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-sm)}.timeline-item.log{grid-template-columns:minmax(0,1fr)}.timeline-main{min-width:0;display:grid;gap:var(--space-2xs)}.timeline-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-weight:700}.inbox-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-2);padding:var(--space-md)}.inbox-detail>div{min-width:0;display:grid;gap:var(--space-2xs)}.inbox-detail strong,.inbox-detail code{overflow-wrap:anywhere}.inbox-detail code{border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs)}@media(max-width:59.99rem){.app-shell{grid-template-columns:minmax(0,1fr)}.side-rail{position:static;height:auto;padding:var(--space-md);border-inline-end:0;border-bottom:1px solid var(--color-rule)}.nav-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{justify-content:center}.rail-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs)}.content{padding:var(--space-md)}.topbar{margin:calc(var(--space-md) * -1) calc(var(--space-md) * -1) var(--space-md);padding:0 var(--space-md)}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero,.home-preview-grid,.split{grid-template-columns:minmax(0,1fr)}.home-hero{min-height:auto}}@media(max-width:39.99rem){.nav-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:minmax(0,1fr)}.topbar{align-items:flex-start;flex-direction:column;padding-block:var(--space-md)}.topbar-actions{width:100%}.topbar-actions .btn{flex:1}.quick-action-grid,.row{grid-template-columns:minmax(0,1fr)}.row-actions{flex-wrap:wrap}.inline-form,.history-panel,.inbox-detail,.timeline-item{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}