:root{--ink:#454354;--muted:#696576;--blue:#60577c;--line:#e8e2ec;--cream:#fffdfb;background:#faf6f8;color:var(--ink)}
body{background:radial-gradient(ellipse at 95% 0,#eee5fd80,transparent 40%),#faf7f8;padding-bottom:110px}main{max-width:1040px}header{max-width:1116px}.brand{color:#514761}.brand small{letter-spacing:.08em}.mark{background:#d9c9ef;color:#514062;box-shadow:4px 4px 0 #eee3f8}.pill{background:#f2e9f5;color:#75637f;font-size:11px;letter-spacing:.12em}
[hidden]{display:none!important}.heading{background:#f2e8f8;border-color:#e9ddf2;min-height:225px;padding:34px 40px}.heading h1{color:#51425e}.heading .eyebrow{color:#786383}.subtitle{color:#706178}.hero-buddy{background:#fff0d9;border-color:#dec79e;box-shadow:7px 8px 0 #e0cdec}.buddy-face{color:#8a7551}.buddy-caption{color:#7a6446}.buddy-star{color:#a984bd}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 24px}.page-heading h1,.page-heading h2{font-size:29px;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.page-heading p{margin:5px 0;color:#716879;line-height:1.7}.page-heading .eyebrow{font-size:11px;letter-spacing:.14em;color:#8a7396}.page-heading .primary{white-space:nowrap}.back-link{display:inline-block;padding:10px 0;color:#766783;text-decoration:none;font-size:14px}.result-link{padding:13px 18px;background:#e0efe8;color:#3c6453;border-radius:18px;text-decoration:none;font-weight:650;white-space:nowrap;min-height:46px}
.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.book-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;border-radius:26px;min-height:250px;border:1px solid #e1d9e9;color:#51465e;box-shadow:0 5px 0 #e8e0ec;background:#eee6f7}.book-icon{display:grid;place-items:center;font-size:29px;width:52px;height:52px;background:#ffffff90;border-radius:18px;margin-bottom:20px}.book-name{font-size:21px;font-weight:750;overflow-wrap:anywhere;line-height:1.5}.book-meta{font-size:13px;margin-top:6px;color:#645c6e}.book-total{font-size:25px;font-weight:700;margin-top:20px;font-variant-numeric:tabular-nums}.book-open{font-size:12px;margin-top:16px;color:#65556f}.pastel-1{background:#fde6dd;border-color:#eed8ce;box-shadow:0 5px 0 #f1dcd2}.pastel-2{background:#e2efe7;border-color:#cfe1d7;box-shadow:0 5px 0 #d9e8de}.pastel-3{background:#fff0ce;border-color:#ebdfba;box-shadow:0 5px 0 #f0e4c4}
.primary{background:#665980;color:white;box-shadow:0 3px 0 #514269;border-radius:16px}.primary:hover{background:#554769}.quiet{background:#f0e9f5;color:#655370}.quiet:hover{background:#e8def0}.card,.expense{border-color:#e9e2eb;background:#fffdfc}.book-bar{border-left:5px solid #cdb8e5;padding:18px 22px}.book-bar label{color:#756481}.book-bar select{background:#f7f2fa;color:#594b65}.book-bar button{flex-shrink:0}.ledger{max-width:100%}.expense{box-shadow:0 3px 0 #ede5eb;padding:24px}.expense-badge{background:#eee5f6;color:#7a638d}.expense:nth-child(3n+2) .expense-badge{background:#fbe6db;color:#936551}.expense:nth-child(3n) .expense-badge{background:#e3efe8;color:#527862}.expense-total{color:#625175}.expense-main p,.expense-detail,.footnote,.ledger-heading p{color:#726977}.text-button{color:#75608a}.text-button.delete{color:#9d5f66}.empty{background:#fcf7fc;border-color:#e2cfe9}.empty h3{color:#71597e}.empty p{color:#7b6983}.empty-spark{color:#bc8daa}
.result-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:26px;align-items:start}.result-layout .breakdown{margin-top:0;padding:24px}.receipt{background:#e9f2eb;border-color:#d5e5d7}.receipt:after{background:linear-gradient(135deg,#e9f2eb 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(225deg,#e9f2eb 25%,transparent 25%) -12px 0/24px 24px}.tiny-tag{background:#d7e7d7}.transfer{background:#fffefd}.receive{color:#416957}.owe{color:#956248}
.editor-page{max-width:630px;margin:18px auto;padding:32px}.editor-page h2{font-size:25px}.editor-page .dialog-heading{margin-bottom:22px}.editor-page .eyebrow{color:#826d91}.editor-page .icon-button{background:#f1e7f5;color:#775d87;width:44px;height:44px}.segmented{background:#f1eaf6}.segmented input:checked+span{color:#624574}.segmented small{color:#796982}.split-person{background:#f7f2f9}.split-person:has(input[type=checkbox]:checked){box-shadow:inset 3px 0 #c2a7d7}.hint{background:#f3edf7;color:#715d7c}.avatar{background:#e8def3;color:#6b5480}.tone-1{background:#f9e1d7;color:#8b6654}.tone-2{background:#dfeee5;color:#557361}.tone-3{background:#fff0c9;color:#8d7847}.chip{background:#f3edf8;border-color:#e6dced}.chip .rename-member{color:#745b86}.member-add .round{background:#e8ddf2;color:#654c7b}.member-add input{border-color:#cfbddc}.members{box-shadow:none;margin:0;border:0;padding:10px 0}.member-heading{display:block}.member-heading p{margin-top:8px}.member-heading h2{font-size:15px}.member-heading p{color:#74667d}
.save-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:30px 0 0;padding:12px 16px;background:#f0edf3;border-radius:14px}.save-strip .save-note{font-size:12px;color:#696071;margin:0;line-height:1.7;flex:1}.save-strip:has(.save-error){background:#fff0df}.save-strip .save-error{color:#854e32}footer{color:#7b7182;font-size:11px;padding:17px 0}.notice{background:#604f75;bottom:100px}
.app-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(540px,calc(100% - 32px));padding:7px;background:#fffcfff5;border:1px solid #e4daec;border-radius:24px;box-shadow:0 8px 30px #5942691a;z-index:8;backdrop-filter:blur(12px)}.app-nav a,.app-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 6px;text-decoration:none;border-radius:17px;background:transparent;color:#7b6b88;font-size:12px;min-height:59px}.app-nav span{font-size:22px;line-height:1.1}.app-nav [aria-current=page]{background:#eee3f7;color:#64497a;font-weight:700}.app-nav button span{background:#ddcee9;color:#5d4373;border-radius:10px;width:29px;height:27px;display:grid;place-items:center}.app-nav a:hover,.app-nav button:hover{background:#f4edf9}
@media(prefers-reduced-motion:no-preference){.book-tile{transition:transform .18s,box-shadow .18s}.book-tile:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e8e0ec}.result-link{transition:background .18s}}
@media(max-width:850px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-layout{grid-template-columns:1fr}.result-layout .receipt{max-width:500px;width:100%;margin:0 auto 12px}.book-bar{flex-wrap:wrap}.book-bar>div{flex-basis:100%}.result-layout .breakdown{width:100%}}
@media(max-width:680px){header{padding:22px 20px 12px}.pill{display:none}main{padding:0 18px}.heading{padding:25px 22px;min-height:190px}.heading h1{font-size:27px}.page-heading{margin:23px 0 20px;gap:12px}.page-heading h1,.page-heading h2{font-size:24px}.page-heading p{font-size:13px}.page-heading .primary{font-size:13px;padding:11px 13px}.book-grid{gap:14px}.book-tile{padding:19px;min-height:220px;border-radius:22px}.book-icon{height:42px;width:42px;font-size:25px;margin-bottom:16px}.book-name{font-size:18px}.book-meta{font-size:12px}.book-total{font-size:22px}.book-open{font-size:11px}.book-bar{padding:16px}.result-link{font-size:13px;padding:11px 13px}.editor-page{padding:23px 19px;margin:12px auto}.editor-page .dialog-heading h2{font-size:22px}.expense{padding:20px 17px}.app-nav{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px)}.app-nav a,.app-nav button{font-size:11px}.result-layout .breakdown{padding:20px 15px}.save-strip{margin-top:24px}.notice{bottom:94px;max-width:calc(100% - 32px)}body{padding-bottom:105px}}
@media(max-width:420px){.book-grid{grid-template-columns:1fr}.book-tile{min-height:210px}.book-icon{position:absolute;right:22px;top:24px}.book-name{padding-right:56px}.book-meta{padding-right:40px}.book-total{font-size:28px}.book-open{align-self:flex-end;margin-top:7px}.page-heading .eyebrow{font-size:10px}.hero-buddy{display:none}.heading .subtitle{max-width:none}}

.backup-entry{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.backup-entry p,.draft-note{font-size:13px;color:#74677e;line-height:1.7}.editor-context{padding:12px 15px;background:#eee5f7;border-radius:12px;font-weight:650;color:#624876;overflow-wrap:anywhere}.draft-note{margin-bottom:24px}#backup-dialog p{font-size:14px;line-height:1.8}#backup-dialog hr{border:0;border-top:1px solid #e6dcec;margin:24px 0}#backup-file{margin-top:10px}#import-preview p{background:#f1ebf7;border-radius:10px;padding:10px;overflow-wrap:anywhere}
.shared-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;padding:24px;background:#dceeff}.shared-entry h2{font-size:21px;margin:8px 0}.shared-entry p{font-size:14px;line-height:1.7;color:#30445a}