@import"/demos/_fonts/fonts.css";:root{font-family:Lora,Georgia,serif;color:#2c3a2e;background:#22371f;font-synthesis:none;--paper:#f4edd8;--paper2:#efe5c8;--ink:#2c3a2e;--ink-soft:#5d6b57;--ink-faint:#8a927c;--green:#3E8B4C;--green-deep:#2e6b39;--red:#b5432f;--amber:#b07d28;--rule:rgba(62,107,76,.16);--margin:#c2543f;--cover:#22371f;--manila:#e6d5a3}*{box-sizing:border-box}html{background:var(--cover)}body{margin:0;min-width:320px;min-height:100vh;overscroll-behavior:none;background:radial-gradient(circle at 18% 8%,rgba(120,160,110,.14),transparent 42%),radial-gradient(circle at 88% 92%,rgba(0,0,0,.4),transparent 55%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 7px),var(--cover)}button,input{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid rgba(62,139,76,.65);outline-offset:2px}::selection{background:#3e8b4c40}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#3c5238;border-radius:9px}.mono{font-family:Courier Prime,Courier New,monospace}.hand{font-family:Caveat,cursive;font-size:19px;color:#4a6b47;margin:7px 0 0}.hand-lg{font-family:Caveat,cursive;font-size:21px;line-height:1.3;color:#3d5240;margin:10px 0 0}.ink-red{color:var(--red)}.ink-green{color:var(--green-deep)}.overline{display:block;font-family:Courier Prime,monospace;font-weight:700;font-size:10.5px;letter-spacing:.22em;color:var(--ink-faint)}.book{position:relative;max-width:1240px;margin:64px auto 46px;padding:0 0 6px}.tabs{position:absolute;z-index:3;top:-38px;left:36px;display:flex;gap:8px}.tab{min-width:150px;height:52px;padding:8px 18px 16px;border:1px solid rgba(60,50,20,.35);border-bottom:0;border-radius:11px 11px 0 0;background:linear-gradient(180deg,var(--manila),#d8c489);color:#5c4f28;font-family:Playfair Display,serif;font-weight:700;font-size:14.5px;letter-spacing:.02em;box-shadow:inset 0 1px #ffffff80,0 -4px 10px -6px #00000080;cursor:pointer;transition:transform .18s,background .18s,color .18s}.tab:hover{transform:translateY(-3px)}.tab.active{background:linear-gradient(180deg,#f7f1de,var(--paper));color:var(--green-deep);border-color:#3c32144d;transform:translateY(-5px);box-shadow:inset 0 1px #ffffffb3,0 -6px 12px -8px #00000073}.paper{position:relative;z-index:2;min-height:calc(100vh - 120px);border-radius:4px 14px 14px 4px;padding:44px 56px 34px 92px;color:var(--ink);background:linear-gradient(90deg,rgba(0,0,0,.07) 0,transparent 26px),repeating-linear-gradient(180deg,transparent 0 33px,var(--rule) 33px 34px),radial-gradient(circle at 12% 4%,rgba(255,252,238,.9),transparent 40%),radial-gradient(circle at 92% 96%,rgba(190,168,110,.28),transparent 46%),var(--paper);box-shadow:0 36px 80px -30px #000000a6,0 4px 0 -1px #e3d9bd,0 8px 0 -3px #d8cca8,0 12px 0 -5px #c9bb92}.paper:before{content:"";position:absolute;inset:0 auto 0 68px;width:2px;background:var(--margin);opacity:.5}.paper:after{content:"";position:absolute;inset:0 auto 0 73px;width:1px;background:var(--margin);opacity:.3}.letterhead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:3px double rgba(62,107,76,.45)}.brand-ink{display:flex;align-items:center;gap:14px}.brand-badge{width:46px;height:46px;display:grid;place-items:center;color:var(--paper);background:radial-gradient(circle at 30% 25%,#4d9a5c,var(--green-deep));border-radius:50%;box-shadow:inset 0 2px #ffffff40,0 3px 8px -3px #0006}.brand-ink strong{display:block;font-family:Playfair Display,serif;font-weight:800;font-size:27px;letter-spacing:.01em;color:#243728}.brand-ink small{display:block;margin-top:4px;font-family:Courier Prime,monospace;font-weight:700;font-size:10px;letter-spacing:.24em;color:var(--ink-faint)}.datestamp{text-align:right;padding:9px 13px;border:2px solid rgba(62,107,76,.5);border-radius:4px;color:var(--green-deep);transform:rotate(1.6deg);background:#3e8b4c0d}.datestamp span{display:block;font-size:9.5px;letter-spacing:.14em}.datestamp b{display:block;margin-top:3px;font-size:15px;letter-spacing:.1em}.content{padding-top:26px;animation:pageTurn .45s ease both}@keyframes pageTurn{0%{opacity:0;transform:translate(9px) rotate(.2deg)}to{opacity:1;transform:none}}.paper-foot{margin-top:38px;padding-top:14px;border-top:1px dashed rgba(62,107,76,.35);text-align:center;font-size:10px;letter-spacing:.18em;color:var(--ink-faint)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:22px}.page-head h2{margin:8px 0 0;font-family:Playfair Display,serif;font-weight:700;font-size:30px;line-height:1.08;color:#243728}.section-rule{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.section-rule span{font-family:Courier Prime,monospace;font-weight:700;font-size:10.5px;letter-spacing:.22em;color:var(--green-deep)}.section-rule i{flex:1;height:1px;background:repeating-linear-gradient(90deg,rgba(62,107,76,.5) 0 6px,transparent 6px 11px)}.stamp{display:inline-block;padding:3px 9px 2px;border:2.5px double currentColor;border-radius:5px;font-family:Courier Prime,monospace;font-weight:700;font-size:11px;letter-spacing:.14em;transform:rotate(-7deg);opacity:.82;mix-blend-mode:multiply}.stamp.green{color:var(--green-deep)}.stamp.red{color:var(--red)}.stamp.amber{color:var(--amber)}.stamp.sm{font-size:9.5px;padding:2px 7px 1px}.summary-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 26px}.summary-box{padding:13px 15px 11px;border:1.5px solid rgba(62,107,76,.5);outline:1px solid rgba(62,107,76,.22);outline-offset:3px;border-radius:3px;background:#fffcf08c}.summary-box b{display:block;margin:7px 0 3px;font-size:23px;font-weight:700;letter-spacing:-.02em}.summary-box .due-note{font-size:11.5px}.due-note{font-style:italic;color:var(--ink-soft)}.ledger{width:100%;border-collapse:collapse}.ledger th{padding:8px 10px;border-bottom:2px solid rgba(62,107,76,.55);text-align:left;font-family:Courier Prime,monospace;font-weight:700;font-size:10.5px;letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase}.ledger td{padding:11px 10px 10px;border-bottom:1px solid rgba(62,107,76,.22);vertical-align:middle;font-size:14.5px}.ledger tr:hover td{background:#3e8b4c0d}.ledger .c-date{width:74px;font-family:Courier Prime,monospace;font-size:12.5px;color:var(--ink-soft);white-space:nowrap}.ledger .c-name{font-weight:600;font-size:15px}.ledger .c-note{color:var(--ink-soft);font-style:italic;font-size:13.5px}.ledger .c-amount{width:104px;text-align:right;font-family:Courier Prime,monospace;font-weight:700;font-size:14.5px;color:var(--ink-faint)}.ledger .c-state{width:132px;text-align:right;font-size:12px}.ledger .is-paid .c-name,.ledger .is-paid .c-note{text-decoration:line-through;text-decoration-color:#3e6b4c8c;text-decoration-thickness:1.5px;color:var(--ink-faint)}.ledger-total{display:flex;align-items:baseline;gap:10px;margin-top:14px;padding-top:6px}.ledger-total span{font-family:Courier Prime,monospace;font-weight:700;font-size:11px;letter-spacing:.2em;color:var(--ink-soft)}.ledger-total .leaders{flex:1;border-bottom:2px dotted rgba(62,107,76,.55);transform:translateY(-4px)}.ledger-total b{font-family:Courier Prime,monospace;font-size:21px;font-weight:700}.ink-filters{display:flex;gap:18px;padding-bottom:4px}.ink-filters button{border:0;background:none;padding:2px 1px;font-family:Lora,serif;font-size:14.5px;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent}.ink-filters button sup{font-family:Courier Prime,monospace;font-size:10px;color:var(--ink-faint)}.ink-filters button:hover{color:var(--ink)}.ink-filters button.active{color:var(--green-deep);font-weight:600;border-bottom-color:var(--green-deep)}.overview-split{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:30px;align-items:start}.tape{position:absolute;top:-11px;left:50%;width:96px;height:24px;transform:translate(-50%) rotate(-2.4deg);background:#e8dcb4bf;border-left:1px dashed rgba(120,100,50,.35);border-right:1px dashed rgba(120,100,50,.35);box-shadow:0 2px 5px -2px #00000040}.note{position:relative;padding:22px 18px 15px;border:1px solid rgba(120,105,55,.4);border-radius:2px;background:linear-gradient(180deg,#faf3d9,#f3e9c4);box-shadow:0 10px 24px -14px #00000080;transform:rotate(.5deg)}.note.pinned{transform:rotate(-.8deg)}.note-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.note-top strong{font-family:Playfair Display,serif;font-size:16.5px}.note-top b{font-size:15px}.note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.channel{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--ink-soft)}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;margin-top:8px}.note-grid .note:nth-child(2n){transform:rotate(-.9deg)}.note-grid .note:nth-child(3n){transform:rotate(1.1deg)}.ink-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1.5px solid var(--green-deep);border-radius:3px;background:var(--green-deep);color:#f2f7ea;font-family:Courier Prime,monospace;font-weight:700;font-size:11.5px;letter-spacing:.08em;cursor:pointer;box-shadow:2px 2px #2e6b394d;transition:transform .15s,box-shadow .15s}.ink-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #2e6b3952}.ink-btn.ghost{background:transparent;color:var(--green-deep);box-shadow:2px 2px #2e6b392e}.ink-btn.wide{width:100%;justify-content:center;margin-top:14px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;margin-top:14px}.index-card{position:relative;padding:24px 16px 14px;border:1px solid rgba(100,90,50,.4);border-radius:3px;background:repeating-linear-gradient(180deg,transparent 0 25px,rgba(90,130,170,.16) 25px 26px),#fbf6e4;box-shadow:0 12px 26px -16px #0000008c;transform:rotate(-.6deg)}.index-card:nth-child(2n){transform:rotate(.7deg)}.card-rule{position:absolute;left:0;right:0;top:38px;height:2px;background:#c2543f80}.index-card h3{margin:8px 0 2px;font-family:Playfair Display,serif;font-weight:700;font-size:17px}.index-card small{display:block;font-size:11px;color:var(--ink-soft)}.card-amount{margin:14px 0 2px;font-size:26px;font-weight:700;letter-spacing:-.02em}.card-due{min-height:26px;font-size:12px}.card-actions{display:flex;gap:8px;margin-top:10px}.card-actions .ink-btn{flex:1;justify-content:center;padding:7px 6px;font-size:10px}.index-card.overdue{border-color:#b5432f8c}.index-card.overdue .card-rule{background:#b5432fa6}.kasa-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:34px;align-items:start;margin-top:8px}.week-chart{padding:6px 4px 0}.chart-title{font-weight:700;font-size:12px;letter-spacing:.16em;color:var(--ink-soft)}.chart-title b{margin-left:8px;font-size:16px}.bars{display:flex;align-items:flex-end;gap:20px;height:300px;margin-top:22px;padding:0 8px 6px;border-bottom:2px solid rgba(62,107,76,.55)}.bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.bar i{width:100%;border:1.5px solid var(--green-deep);border-bottom:0;border-radius:3px 3px 0 0;background:repeating-linear-gradient(45deg,rgba(62,139,76,.45) 0 3px,transparent 3px 7px)}.bar.today i{background:repeating-linear-gradient(45deg,#3e8b4ccc 0,#3e8b4ccc 4px,#3e8b4c4d 4px,#3e8b4c4d 7px);box-shadow:0 0 0 1px #3e6b4c40}.bar small{font-family:Courier Prime,monospace;font-weight:700;font-size:11px;color:var(--ink-soft)}.bar.today small{color:var(--green-deep)}.bar-val{font-size:10.5px;color:var(--ink-faint)}.receipt{position:relative;padding:20px 20px 16px;color:#3a4437;background:#fdfaf0;border:1px solid rgba(100,90,50,.35);box-shadow:0 16px 34px -18px #0009;transform:rotate(.9deg);font-size:12.5px;-webkit-mask:linear-gradient(#000 0 0) padding-box,radial-gradient(circle 5px at 8px 100%,transparent 96%,#000) 0 100%/16px 10px repeat-x border-box,radial-gradient(circle 5px at 8px 0,transparent 96%,#000) 0 0/16px 10px repeat-x border-box}.receipt-head{text-align:center;padding-bottom:12px}.receipt-head strong{display:block;font-size:16px;letter-spacing:.14em}.receipt-head span{display:block;margin-top:3px;font-size:10.5px;color:#7d8577}.tear{display:block;height:1px;margin:9px 0;background:repeating-linear-gradient(90deg,rgba(58,68,55,.5) 0 5px,transparent 5px 9px)}.receipt-row{display:flex;align-items:baseline;gap:8px;padding:5px 0}.receipt-row span{font-weight:700}.receipt-row em{flex:1;font-style:normal;font-size:10.5px;color:#7d8577;text-align:right}.receipt-row b{min-width:74px;text-align:right;font-weight:700}.receipt-row.total{padding-top:9px;font-size:15px}.receipt-row.total b{font-size:19px}.receipt-stamp{text-align:center;margin:13px 0 6px}.receipt-foot{display:block;text-align:center;margin-top:8px;font-size:10px;color:#8b937f}.fake-cursor{position:fixed;z-index:9999;width:26px;height:26px;pointer-events:none;transition:left .82s cubic-bezier(.4,0,.2,1),top .82s cubic-bezier(.4,0,.2,1),transform .14s ease;filter:drop-shadow(0 3px 5px rgba(20,30,15,.5))}.fake-cursor>span{width:42px;height:42px;position:absolute;left:-10px;top:-10px;border:1.5px solid rgba(62,139,76,.85);border-radius:50%;opacity:0;transform:scale(.25)}.fake-cursor.is-down{transform:scale(.82)}.fake-cursor.is-down>span{animation:cursorClick .48s ease-out}@keyframes cursorClick{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1.25)}}@media (max-width:1180px){.book{margin:58px 14px 34px}.summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-split,.kasa-layout{grid-template-columns:minmax(0,1fr)}.card-grid,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tab{min-width:118px;font-size:13px}}@media (max-width:860px){.paper{padding:34px 22px 26px 52px}.paper:before{left:36px}.paper:after{left:41px}.tabs{left:10px;right:10px;overflow-x:auto;padding-top:4px}.tab{min-width:104px;height:48px;font-size:12px;flex:none}.letterhead{flex-direction:column;align-items:flex-start;gap:14px}.datestamp{align-self:flex-end}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.summary-row,.card-grid,.note-grid{grid-template-columns:minmax(0,1fr)}.ledger .c-note,.ledger th.c-note{display:none}.bars{gap:9px;height:220px}.fake-cursor{display:none}}