:root{--paper:#f4f2ea;--paper-2:#f0eee4;--card:#faf8f2;--ink:#1b1a16;--soft:#56544b;--faint:#94918a;--rule:#e2dfd4;--rule-2:#c9c5b6;--leader:#bdb8a6;--indigo:#21306a;--indigo-soft:#3a4684;--brass:#9a6c28;--ox:#8a291f;--age-fresh:#8a93b8;--age-aging:#3a4684;--age-stale:#9a6c28;--age-dormant:#8a291f;--serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(1100px 520px at 92% -12%,color-mix(in srgb,var(--card) 80%,#fff) 0%,transparent 58%)}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--indigo)}.caps{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.app{display:flex;height:100%;overflow:hidden}.rail{flex:0 0 244px;border-right:1px solid var(--rule-2);padding:24px 22px;display:flex;flex-direction:column;background:var(--paper-2)}.rail .brand{font-family:var(--serif);font-weight:600;font-size:27px;letter-spacing:-.02em;line-height:1}.rail .brand .pt{color:var(--brass)}.rail .brand-sub{margin:7px 0 24px}.nav{display:flex;flex-direction:column;gap:1px}.nav button{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;color:var(--soft);font-size:14.5px;position:relative}.nav button .tick{position:absolute;left:-22px;top:8px;bottom:8px;width:2px;background:var(--indigo);border-radius:2px;opacity:0;transition:.15s}.nav button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.nav button.on{color:var(--ink);font-weight:500}.nav button.on .tick{opacity:1}.nav button:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.nav button .n{margin-left:auto;font-family:var(--serif);font-size:13px;color:var(--faint);font-variant-numeric:lining-nums tabular-nums}.rail .divider{height:1px;background:var(--rule-2);margin:20px 0 14px}.lists{display:flex;flex-direction:column;gap:1px}.lists .li{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:7px;color:var(--soft);font-size:13.5px}.lists .li:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink)}.lists .li .rom{font-family:var(--serif);font-style:italic;color:var(--brass);font-size:12.5px;width:20px}.lists .li .swatch{width:9px;height:9px;border-radius:50%}.lists .li .n{margin-left:auto;font-family:var(--serif);font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums}.rail .foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding-top:16px;border-top:1px solid var(--rule-2)}.rail .ava{width:34px;height:34px;border-radius:50%;background:var(--indigo);color:var(--paper);display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:14px;flex:0 0 auto}.rail .who{font-size:13px;font-weight:500}.rail .when{font-size:11px;color:var(--faint);margin-top:1px}.rail .foot-actions{margin-left:auto;display:flex;gap:4px}.icon-btn{all:unset;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;color:var(--soft);font-size:15px}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 7%,transparent);color:var(--ink)}.icon-btn:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.main{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.main ul,.main ol{list-style:none;margin:0;padding:0}.view{padding:32px 46px 48px;min-height:100%;animation:fade .25s ease both}.v-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.v-title{font-family:var(--serif);font-optical-sizing:auto;font-weight:600;font-size:40px;letter-spacing:-.02em;line-height:.95;margin:8px 0 0}.v-title .pt{color:var(--brass)}.dek{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.45;color:var(--soft);margin:16px 0 0;max-width:720px}.dek b{font-weight:500;color:var(--ink);font-style:italic}.figures{display:flex;flex:0 0 auto}.fig{padding:0 18px;text-align:right;border-left:1px solid var(--rule-2)}.fig:first-child{border-left:0;padding-left:0}.fig .v{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1;font-variant-numeric:lining-nums tabular-nums}.fig .v.ox{color:var(--ox)}.fig .v.br{color:var(--brass)}.fig .v.in{color:var(--indigo)}.fig .l{margin-top:7px}.rule-double{margin:18px 0 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule-2);height:4px}.group-h{display:flex;align-items:baseline;gap:12px;margin:26px 0 0}.group-h h3{font-family:var(--serif);font-weight:500;font-size:19px;margin:0;letter-spacing:-.01em}.group-h h3.ox{color:var(--ox)}.group-h h3.br{color:var(--brass)}.group-h .ln{flex:1;height:1px;background:var(--rule-2)}.group-h .ct{font-family:var(--serif);font-size:13px;color:var(--faint)}.line{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule);max-width:880px}.line.click{cursor:default}.mark{all:unset;cursor:pointer;flex:0 0 auto;width:14px;height:14px;border:1.5px solid var(--rule-2);border-radius:50%;transform:translateY(2px);transition:.15s;position:relative}.line:hover .mark{border-color:var(--indigo)}.mark:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.name{font-size:14.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.edit{all:unset;flex:0 0 auto;width:auto}.dots{flex:1;border-bottom:1.5px dotted var(--leader);transform:translateY(-4px);min-width:16px}.tag{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo-soft);white-space:nowrap}.due{font-family:var(--serif);font-size:14px;color:var(--soft);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;min-width:74px;text-align:right}.due.over{color:var(--ox);font-weight:500}.due.today{color:var(--brass);font-weight:500}.due.none{color:var(--faint);font-style:italic;font-size:13px}.line.done .mark{background:var(--indigo);border-color:var(--indigo)}.line.done .mark:after{content:"";position:absolute;left:3px;top:1px;width:3.5px;height:6.5px;border:solid var(--card);border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}.line.done .name{color:var(--faint);text-decoration:line-through;text-decoration-color:var(--rule-2)}.line.done .due{color:var(--faint)}.line .row-edit{all:unset;box-sizing:border-box;flex:1;font-family:var(--sans);font-size:14.5px;color:var(--ink);border-bottom:1px solid var(--indigo);padding-bottom:2px}.line .date-edit{all:unset;font-family:var(--serif);font-size:13px;color:var(--soft);cursor:pointer}.del{all:unset;cursor:pointer;color:var(--faint);font-size:13px;opacity:0;transition:.15s;padding:0 2px}.line:hover .del{opacity:1}.del:hover{color:var(--ox)}.addline{display:flex;align-items:center;gap:10px;padding:14px 0 4px;max-width:880px}.addline .pl{font-size:15px;color:var(--rule-2);font-family:var(--serif)}.addline input{all:unset;flex:1;font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--ink)}.addline input::placeholder{color:var(--faint)}.board{display:flex;margin-top:8px;overflow-x:auto;padding-bottom:8px}.ledger{flex:0 0 320px;padding:20px 30px 14px;border-right:1px solid var(--rule)}.ledger:first-child{padding-left:0}.ledger:last-child{border-right:0}.l-head{display:flex;align-items:baseline;gap:11px}.l-head .idx{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--brass);min-width:22px}.l-head h2{font-family:var(--serif);font-weight:500;font-size:23px;letter-spacing:-.01em;margin:0;flex:1;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-head .ct{font-family:var(--serif);font-size:14px;color:var(--faint)}.l-cap{margin-top:8px}.l-cap .ox{color:var(--ox)}.l-cap .br{color:var(--brass)}.l-rule{height:1.5px;background:var(--ink);margin:10px 0 2px}.board .line{max-width:none}@keyframes ledgerFlash{0%{background:color-mix(in srgb,var(--brass) 16%,transparent)}to{background:transparent}}.ledger.flash{animation:ledgerFlash 1.3s ease}.done-toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--faint);font-size:12px;letter-spacing:.04em}.done-toggle:hover{color:var(--soft)}.done-toggle .caret{transition:transform .18s ease}.done-toggle .caret.open{transform:rotate(90deg)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;max-width:880px}.stat{background:var(--card);border:1px solid var(--rule);border-radius:3px;padding:16px 18px}.stat .v{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1;font-variant-numeric:lining-nums tabular-nums}.stat .v.ox{color:var(--ox)}.stat .v.br{color:var(--brass)}.stat .v.in{color:var(--indigo)}.stat .l{margin-top:9px}.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:30px;max-width:980px}.panel-h{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1.5px solid var(--ink);padding-bottom:8px;margin-bottom:4px}.panel-h h3{font-family:var(--serif);font-weight:500;font-size:19px;margin:0}.bar-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--rule)}.bar-row .rom{font-family:var(--serif);font-style:italic;color:var(--brass);font-size:12px;width:18px}.bar-row .bl{font-size:13.5px;width:104px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:8px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.bar-fill{height:100%;background:var(--indigo)}.bar-row .bv{font-family:var(--serif);font-size:14px;color:var(--soft);width:28px;text-align:right;font-variant-numeric:tabular-nums}.week{display:flex;align-items:flex-end;gap:10px;height:130px;padding:14px 0 0;border-bottom:1px solid var(--rule)}.day{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;height:100%;justify-content:flex-end}.day .col{width:60%;background:var(--indigo);min-height:2px}.day.today .col{background:var(--brass)}.day .dl{font-size:11px;color:var(--faint)}.day.today .dl{color:var(--brass);font-weight:500}.day .dv{font-family:var(--serif);font-size:12.5px;color:var(--soft)}.recv .line{max-width:none}.amt{font-family:var(--serif);font-size:14px;color:var(--indigo);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.progress{margin-top:8px;height:8px;background:color-mix(in srgb,var(--ink) 9%,transparent)}.progress i{display:block;height:100%;background:var(--brass)}.stack{display:flex;height:32px;border-radius:2px;overflow:hidden;margin-top:8px;border:1px solid var(--rule)}.stack span{display:block;height:100%}.legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:15px}.legend .it{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soft)}.legend .sw{width:11px;height:11px;border-radius:2px;flex:0 0 auto}.legend .it b{font-family:var(--serif);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}.legend .it .rg{color:var(--faint);font-size:11.5px}.since{font-size:11.5px;letter-spacing:.04em;color:var(--faint);min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.age{font-family:var(--serif);font-size:14px;font-variant-numeric:tabular-nums;color:var(--soft);min-width:46px;text-align:right}.age.warn{color:var(--brass);font-weight:500}.age.bad{color:var(--ox);font-weight:500}.colophon{margin-top:34px;padding-top:14px;border-top:1px solid var(--rule-2);display:flex;justify-content:space-between;max-width:980px}.colophon .sep{color:var(--indigo)}.hero{height:100%;display:grid;place-items:center;padding:24px}.hero-card{max-width:440px;text-align:center}.hero .eyebrow{display:block;margin-bottom:18px}.hero h1{font-family:var(--serif);font-weight:600;font-size:52px;letter-spacing:-.025em;margin:0;line-height:.95}.hero h1 .pt{color:var(--brass)}.hero .dek{font-style:italic;margin:18px auto 28px;max-width:380px}.btn{all:unset;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:15px;padding:12px 22px;border-radius:3px;background:var(--indigo);color:var(--paper);text-align:center}.btn:hover{background:var(--indigo-soft)}.btn:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.btn.ghost{background:transparent;color:var(--soft);border:1px solid var(--rule-2)}.btn:disabled{opacity:.55;cursor:default}.banner{margin:14px 46px 0;padding:11px 16px;border-radius:3px;font-size:13.5px;max-width:880px}.banner.error{background:color-mix(in srgb,var(--ox) 12%,transparent);color:var(--ox);border:1px solid color-mix(in srgb,var(--ox) 35%,transparent)}.offline{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--brass);padding:8px 46px;border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--brass) 8%,transparent)}.empty{color:var(--faint);font-style:italic;font-family:var(--serif);padding:24px 0}.sk{background:linear-gradient(90deg,var(--rule) 25%,var(--paper-2) 50%,var(--rule) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:3px}.sk-line{height:14px;margin:10px 0}.sk-line.w50{width:50%}.sk-line.w70{width:70%}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:var(--rule-2);border-radius:99px}.board-view .v-head{align-items:center}.layout-toggle{all:unset;cursor:pointer;flex:0 0 auto;font-family:var(--sans);font-size:12.5px;color:var(--soft);border:1px solid var(--rule-2);border-radius:8px;padding:7px 12px;white-space:nowrap}.layout-toggle:hover{color:var(--ink);border-color:var(--ink)}.layout-toggle:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.board-tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:none}.board-tabs::-webkit-scrollbar{height:0}.btab{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;color:var(--soft);background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:6px 13px}.btab:hover{color:var(--ink);border-color:var(--rule-2)}.btab:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}.btab-n{font-family:var(--serif);font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}.board.stacked{flex-direction:column;overflow-x:visible;flex:none;gap:0}.board.stacked .ledger{flex:none;width:100%;max-width:720px;border-right:none;border-bottom:1px solid var(--rule-2);padding:18px 0 14px}.board.stacked .ledger:first-child{padding-top:4px}.mobile-top,.mobile-nav{display:none}.mobile-top{align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}.m-brandwrap{display:flex;flex-direction:column;line-height:1.05}.m-brand{font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:-.02em}.m-brand .pt{color:var(--brass)}.m-date{margin-top:2px}.mobile-top .acts{display:flex;gap:2px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:25;justify-content:space-around;align-items:stretch;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid var(--rule-2)}.mobile-nav button{all:unset;cursor:pointer;flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 2px;color:var(--faint)}.mobile-nav .m-tick{width:18px;height:2px;border-radius:2px;background:transparent}.mobile-nav button.on{color:var(--indigo)}.mobile-nav button.on .m-tick{background:var(--indigo)}.mobile-nav .m-label{font-size:10.5px;font-weight:500}.mobile-nav .m-badge{position:absolute;top:1px;left:calc(50% + 9px);font-family:var(--serif);font-size:10px;line-height:1;min-width:15px;height:15px;display:grid;place-items:center;padding:0 3px;border-radius:999px;background:var(--ox);color:#fff}@media (max-width: 820px){.rail{display:none}.mobile-top,.mobile-nav{display:flex}.view{padding:14px 16px calc(80px + env(safe-area-inset-bottom))}.v-head{gap:14px}.v-title{font-size:30px}.dek{font-size:16px}.eyebrow{font-size:10.5px}.fig{padding:0 12px}.fig .v{font-size:24px}.stat-row{grid-template-columns:repeat(2,1fr);max-width:none}.grid2{grid-template-columns:1fr;gap:24px;max-width:none}.board:not(.stacked) .ledger{flex-basis:86vw;max-width:86vw;padding:18px 20px 14px}.layout-toggle{padding:6px 10px;font-size:12px}.line{padding:13px 0;gap:11px}.name{font-size:15px}.mark{width:18px;height:18px}.del,.card-actions,.task-actions{opacity:1}.banner,.offline{margin-left:16px;margin-right:16px;padding-left:16px;padding-right:16px}.colophon{flex-direction:column;gap:6px;align-items:flex-start}}@media (max-width: 380px){.view{padding:12px 13px calc(78px + env(safe-area-inset-bottom))}.v-title{font-size:26px}.dek{font-size:15px}.fig{padding:0 9px}.fig .v{font-size:21px}.mobile-nav .m-label{font-size:10px}.since{min-width:52px}.due{min-width:60px}}@media (min-width: 600px) and (max-width: 820px){.stat-row{grid-template-columns:repeat(4,1fr)}}:root[data-theme=dark]{--paper:#15140f;--paper-2:#1b1a13;--card:#211f16;--ink:#ece7da;--soft:#a8a392;--faint:#736f60;--rule:#322f25;--rule-2:#46422f;--leader:#5a5540;--indigo:#949fda;--indigo-soft:#7682bc;--brass:#d3a14f;--ox:#d8654f;--top-highlight:#2a271c;--age-fresh:#9aa6e0;--age-aging:#7682bc;--age-stale:#d3a14f;--age-dormant:#d8654f;color-scheme:dark}:root[data-theme=dark] body{background-image:radial-gradient(1100px 520px at 92% -12%,#1d1a14 0%,transparent 58%)}:root[data-theme=dark] .stat,:root[data-theme=dark] .stack{box-shadow:inset 0 1px 0 var(--top-highlight)}:root[data-theme=dark] .rail .ava,:root[data-theme=dark] .btn,:root[data-theme=dark] .line.done .mark:after{color:#15140f}:root[data-theme=dark] .line.done .mark:after{border-color:#15140f}