:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color-scheme:dark;background:#111415;color:#e8edef;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #c6dfa6}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button img,a img{width:18px;height:18px}h1,h2,p{margin:0}h1{font-size:28px;font-weight:600}h2{font-size:15px;font-weight:500}[hidden]{display:none!important}input,select,textarea{background:#191e20;border:1px solid #394145;border-radius:4px;min-width:0;padding:9px 10px;font-size:13px}input:focus,textarea:focus,select:focus{outline:1px solid #b5d78d}label{font-size:12px;color:#a6b1b6;display:flex;flex-direction:column;gap:7px}.subtle{font-size:11px;color:#9da9ad}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.demo-header{height:68px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;gap:40px;padding-inline:max(24px,calc((100% - 1200px)/2))}.brand{font-size:24px;font-weight:650}.brand span{color:#c6dfa6}.demo-header nav{display:flex;gap:28px;align-self:stretch}.demo-header nav a{font-size:13px;display:flex;align-items:center;border-bottom:2px solid transparent}.demo-header nav a[aria-current]{border-color:#c6dfa6;color:#d6ecc0}.back-home{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#a4afb5}main{max-width:1248px;padding:0 24px 48px;margin:auto}.demo-notice{display:flex;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ffffff13;font-size:11px;color:#adbab5}.demo-notice>span:first-child{color:#c6dfa6}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.page-heading p{font-size:13px;color:#99a7ae;margin-top:8px;line-height:1.7}.toolbar{display:flex;align-items:center;gap:10px}.icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #394145;border-radius:4px}.icon:hover{background:#293133}.danger:hover{background:#4b282d}.primary{min-height:36px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#c5dfa9;color:#192315;border-radius:4px;font-size:13px;white-space:nowrap}.primary img{filter:brightness(.2)}.primary:hover{background:#d6edbd}
.totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #ffffff1f;margin-bottom:24px}.totals>div{padding:22px 20px;border-right:1px solid #ffffff18}.totals>div:first-child{padding-left:0}.totals>div:last-child{border:0}.totals span{font-size:12px;color:#9daab2;display:block}.totals strong{font-size:28px;font-weight:500;margin-top:9px;display:block;overflow-wrap:anywhere}#total-income{color:#bfdba6}#total-expense{color:#edbab5}.filters{display:flex;align-items:end;gap:16px;margin-bottom:28px}.filters>label:not(.search-field){min-width:120px}.filters .search-field{flex:1}.search-field{display:flex;flex-direction:row;align-items:center;gap:10px;position:relative;min-width:0}.search-field>img{width:16px;height:16px;position:absolute;left:12px;pointer-events:none}.search-field input{padding-left:38px;width:100%;height:38px}.ledger-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:36px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:24px}.section-title>span{font-size:11px;color:#9aabb4}.ledger-item{display:grid;grid-template-columns:86px 70px minmax(70px,1fr) 110px 76px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff16;font-size:13px}.ledger-item time{font-size:11px;color:#9eadb5}.ledger-item .record-note{overflow-wrap:anywhere;color:#bdc8cd}.ledger-item .amount{text-align:right;font-variant-numeric:tabular-nums}.amount.income{color:#bfdba6}.amount.expense{color:#edbab5}.row-actions{display:flex;gap:6px}.row-actions .icon{width:32px;height:32px;border-color:transparent}.category-section{border-left:1px solid #ffffff1a;padding-left:24px}.category-section h2{margin:4px 0 24px}.category-row{margin-bottom:20px}.category-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:8px}.category-track{height:5px;background:#273034;border-radius:2px;overflow:hidden}.category-bar{height:100%;background:#c3d79f}.empty{padding:36px 12px;text-align:center;color:#9cabaf;font-size:13px;line-height:1.8}
.prompt-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.prompt-topbar .search-field{width:min(420px,100%)}.tabs{display:flex;gap:4px;border:1px solid #394145;padding:3px;border-radius:4px;flex:none}.tabs button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:32px;padding:5px 12px;border-radius:3px}.tabs button[aria-selected=true]{background:#303c34;color:#d6ebc1}.tabs img{width:15px;height:15px}.note-workspace{display:grid;grid-template-columns:160px 240px minmax(0,1fr);border-block:1px solid #ffffff1e;min-height:520px}.folders,.note-list-section{border-right:1px solid #ffffff1b;padding:18px 16px 18px 0}.note-list-section{padding-left:16px}.folders .section-title .icon{width:28px;height:28px;border:0}.folder-button{display:flex;align-items:center;gap:8px;justify-content:space-between;width:100%;text-align:left;font-size:12px;padding:10px 8px;border-radius:3px;overflow-wrap:anywhere}.folder-button[aria-pressed=true]{background:#2c382e;color:#d6ebc1}.folder-button span:first-child{min-width:0}.folder-button small{color:#a6b4ac;flex:none}.note-button{display:block;padding:14px 8px;border-bottom:1px solid #ffffff12;width:100%;text-align:left}.note-button strong{font-size:13px;font-weight:500;display:block;overflow-wrap:anywhere}.note-button small{font-size:11px;line-height:1.7;color:#92a0a7;display:block;margin-top:6px;overflow-wrap:anywhere}.note-button[aria-pressed=true]{background:#253037}.editor{padding:18px 0 18px 22px;min-width:0}.editor-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:24px}.editor-toolbar>label{min-width:90px;max-width:180px}.editor-toolbar select{width:100%}.note-title{width:100%;font-size:22px!important;font-weight:500;padding:10px 0;border:0;border-radius:0;background:transparent}.editor textarea{display:block;width:100%;resize:vertical;min-height:290px;margin:12px 0;line-height:1.9;background:transparent;padding:12px;border-color:#ffffff1a}.graph-workspace{border-block:1px solid #ffffff1b;padding:20px 0}.graph-workspace .section-title{margin-bottom:0}#note-graph{height:480px;width:100%;background:#111719}.graph-links{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:16px}.graph-links button{font-size:12px;color:#bfd5ae;text-decoration:underline;text-underline-offset:4px}
dialog{width:min(460px,calc(100% - 32px));max-height:85svh;overflow:auto;background:#1a2023;color:#e8edef;border:1px solid #536067;border-radius:6px;padding:24px}dialog::backdrop{background:#05090bc9}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.dialog-heading h2{font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:18px;margin-top:24px}.dialog-actions>button:not(.primary){font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{width:100%}#entry-error,#folder-error{color:#f2b7b3;font-size:12px;margin-top:12px;line-height:1.7}#confirm-text{font-size:14px;line-height:1.9;color:#c3cdd2}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#d2e5be;color:#1c281a;border-radius:4px;padding:10px 18px;font-size:13px;max-width:calc(100% - 32px);z-index:20;box-shadow:0 4px 20px #0004}#toast:empty{display:none}
@media(max-width:1000px){.note-workspace{grid-template-columns:130px 190px minmax(0,1fr)}.ledger-layout{grid-template-columns:minmax(0,1fr) 200px;gap:24px}.ledger-item{grid-template-columns:74px 50px minmax(50px,1fr) 90px 72px;gap:8px}.editor-toolbar{flex-wrap:wrap}.filters{gap:10px}.filters>label:not(.search-field){min-width:100px}}
@media(max-width:760px){main{padding-inline:18px}.demo-header{padding-inline:18px;height:62px;gap:24px}.demo-header nav{gap:18px}.brand{font-size:22px}.back-home span{display:none}.demo-notice{flex-direction:column;gap:5px;font-size:10px}.page-heading{align-items:flex-start;gap:12px;margin:22px 0}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.toolbar{gap:6px}.page-heading .primary{padding-inline:10px}.totals strong{font-size:23px}.totals>div{padding:18px 12px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.filters .search-field{grid-column:1/-1}.filters>label:not(.search-field){min-width:0}.filters input,.filters select{width:100%;padding-inline:7px}.ledger-layout{grid-template-columns:1fr}.category-section{border-left:0;padding:22px 0 0;border-top:1px solid #ffffff1b}.ledger-item{grid-template-columns:70px minmax(0,1fr) 96px 70px;gap:8px}.ledger-item .record-category{grid-column:2;grid-row:1}.ledger-item .record-note{grid-column:2;grid-row:2;font-size:11px}.ledger-item .amount{grid-column:3;grid-row:1/3}.ledger-item .row-actions{grid-column:4;grid-row:1/3}.ledger-item time{grid-column:1;grid-row:1/3}.prompt-topbar{gap:10px;flex-wrap:wrap}.prompt-topbar .search-field{width:100%}.note-workspace{grid-template-columns:1fr;min-height:0}.folders{border:0;padding:12px 0}.folders .section-title{margin-bottom:6px}.folders #folder-list{display:flex;overflow-x:auto;gap:8px}.folder-button{width:auto;white-space:nowrap;gap:8px;flex:none}.note-list-section{border:0;border-top:1px solid #ffffff1a;padding:12px 0}.note-list-section .section-title{margin-bottom:8px}#note-list{max-height:186px;overflow:auto}.note-button{padding:10px}.note-button small{display:none}.editor{padding:20px 0;border-top:1px solid #ffffff1b}.editor-toolbar{flex-wrap:nowrap}.note-title{font-size:19px!important}.editor textarea{min-height:250px}#note-graph{height:380px}}
.note-workspace>*{min-width:0}
.demo-graph-stage{position:relative;margin-top:12px;border-block:1px solid #ffffff12}.demo-graph-tools{position:absolute;bottom:12px;right:12px;display:flex;gap:4px;padding:4px;background:#182023;border:1px solid #3b474a;border-radius:5px}.demo-graph-tools .icon{width:32px;height:32px;border-color:transparent}.demo-graph-tools .icon[aria-pressed=true]{background:#304036;color:#d6ebc1}.demo-graph-tools .icon:disabled{opacity:.4;cursor:default}#note-graph{touch-action:none}
@media(max-width:760px){.note-workspace{grid-template-columns:minmax(0,1fr)}}
.note-template-picker select{height:38px;max-width:160px;font-size:12px}
#prompts-view .page-heading>.toolbar{flex-shrink:0}
@media(max-width:760px){#prompts-view .page-heading{flex-direction:column;gap:16px}#prompts-view .page-heading>div:first-child{width:100%}#prompts-view .page-heading>.toolbar{width:100%;margin-left:0}.note-template-picker{flex:1;min-width:0}.note-template-picker select{width:100%;max-width:none}}
@media(max-width:380px){.demo-header{gap:16px}.demo-header nav{gap:12px;font-size:12px}.page-heading{flex-wrap:wrap}.page-heading .toolbar{margin-left:auto}.totals strong{font-size:20px}.ledger-item{grid-template-columns:60px minmax(0,1fr) 82px 64px;gap:4px;font-size:12px}.row-actions{gap:2px}.row-actions .icon{width:30px;height:30px}.editor-toolbar{gap:6px}.editor-toolbar .toolbar{gap:4px}.editor-toolbar .icon{width:30px;height:34px}.editor-toolbar .primary{padding:7px 9px}.editor-toolbar>label{max-width:120px}}