*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{color:#18181b;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.card{width:100%;min-height:100dvh;padding-top:calc(1.25rem + env(safe-area-inset-top));padding-right:calc(1.25rem + env(safe-area-inset-right));padding-bottom:calc(1.75rem + env(safe-area-inset-bottom));padding-left:calc(1.25rem + env(safe-area-inset-left));background:#fff}@media (width>=640px){body{background:#f4f4f5;place-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.card{border:1px solid #e4e4e7;border-radius:16px;max-width:430px;min-height:0;padding:2rem;box-shadow:0 1px 3px #0000000f}}h1{margin-bottom:.25rem;font-size:1.5rem}.subtitle{color:#71717a;margin-bottom:1.5rem}label{margin-bottom:.35rem;font-size:.9rem;font-weight:500;display:block}input{border:1px solid #d4d4d8;border-radius:10px;width:100%;min-height:48px;margin-bottom:1rem;padding:.6rem .85rem;font-size:1rem}input:focus{border-color:#0000;outline:2px solid #3b82f6}button{font:inherit;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#18181b;border:none;border-radius:10px;width:100%;min-height:50px;padding:.65rem 1rem;font-size:1rem;font-weight:500;transition:background .15s,transform 80ms,border-color .15s}button:active{transform:scale(.97)}button:disabled{cursor:wait;background:#a1a1aa;transform:none}button.secondary{color:#18181b;background:#fff;border:1px solid #d4d4d8;margin-bottom:.75rem}button.secondary:active{background:#f4f4f5}button.secondary:disabled{color:#a1a1aa;background:#f4f4f5}@media (hover:hover){button:hover{background:#3f3f46}button.secondary:hover{background:#f4f4f5}button:disabled:hover{background:#a1a1aa}}.divider{color:#a1a1aa;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #e4e4e7;flex:1}#message,#app-message,#person-message{color:#dc2626;min-height:1.2em;margin-top:1rem;font-size:.9rem}#message.success,#app-message.success{color:#16a34a}.fine-print{color:#a1a1aa;text-align:center;margin-top:.75rem;font-size:.8rem}.card-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.person-card{color:#18181b;background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;min-height:96px;padding:1.5rem .5rem;font-size:1.05rem;font-weight:600}.person-card:active{background:#eeeeef}@media (hover:hover){.person-card:hover{background:#f4f4f5;border-color:#a1a1aa}}.category-row{gap:.6rem;margin-bottom:.65rem;display:flex}.category-open{text-align:left;color:#18181b;background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;flex:1;min-height:56px;padding:.85rem 1rem;font-weight:500}.category-open:active{background:#eeeeef}.icon-button{background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex:none;width:52px;min-height:56px;padding:0;font-size:1.05rem}.icon-button:active{background:#f4f4f5}@media (hover:hover){.category-open:hover{background:#f4f4f5;border-color:#a1a1aa}.icon-button:hover{background:#f4f4f5}}.view-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.edit-toggle{color:#3b82f6;background:0 0;border:none;width:auto;min-height:40px;padding:.35rem 1rem;font-size:.95rem}.edit-toggle:active{opacity:.6;transform:none}@media (hover:hover){.edit-toggle:hover{background:#eff6ff}}.category-icon{margin-right:.6rem;display:inline-block}.category-open.link-row{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.category-open.link-row:active{background:#dbeafe}@media (hover:hover){.category-open.link-row:hover{background:#dbeafe;border-color:#93c5fd}}.entry-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.amount-chip{color:#166534;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex:none;padding:.15rem .6rem;font-size:.9rem;font-weight:600}.entry-meta{flex-wrap:wrap;gap:.5rem;margin-top:.45rem;display:flex}.meta-chip{color:#3f3f46;background:#fff;border:1px solid #d4d4d8;border-radius:999px;width:auto;min-height:34px;padding:.2rem .7rem;font-size:.8rem;font-weight:500}.meta-chip:active{background:#f4f4f5}.meta-chip.login-chip{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.meta-chip.login-chip:active{background:#dbeafe}.link-username{color:#3b5db8;margin-top:.15rem;font-size:.8rem;font-weight:400}.entry-body.entry-summary{background:#eff6ff;border-color:#bfdbfe}.entry-body.entry-summary .entry-title{color:#1e40af}.add-row{gap:.6rem;margin-top:.5rem;display:flex}.add-row .secondary{margin-bottom:0;font-size:.95rem}.entry-body{background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-height:56px;padding:.6rem 1rem;display:flex}.entry-title{font-weight:500}.entry-detail{color:#71717a;margin-top:.15rem;font-size:.85rem}.entry-done .entry-title{color:#a1a1aa;text-decoration:line-through}.back{color:#3b82f6;background:0 0;width:auto;min-height:44px;margin-bottom:.5rem;padding:.5rem .75rem .5rem 0;font-size:1rem}.back:active{opacity:.6;transform:none}@media (hover:hover){.back:hover{background:0 0;text-decoration:underline}}.coming-up-heading{color:#71717a;margin:1.25rem 0 .6rem;font-size:.9rem;font-weight:600}.coming-up-row{margin-bottom:.6rem}#form-overlay{z-index:50;background:#18181b73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.form-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 10px 40px #0003}.form-modal h2{margin-bottom:1rem;font-size:1.2rem}.form-modal label{margin-top:.5rem}.label-hint{color:#a1a1aa;font-weight:400}.form-modal select{background:#fff;border:1px solid #d4d4d8;border-radius:10px;width:100%;min-height:48px;margin-bottom:1rem;padding:.6rem .65rem;font-size:1rem}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:.6rem;display:grid}.form-grid input,.form-grid select{margin-bottom:.5rem}#form-error{color:#dc2626;min-height:1.2em;margin:.25rem 0 .5rem;font-size:.875rem}.form-buttons{gap:.6rem;display:flex}.form-buttons .secondary{margin-bottom:0}.placeholder{color:#a1a1aa;text-align:center;border:1.5px dashed #d4d4d8;border-radius:12px;margin-top:1rem;padding:3rem 1rem;font-size:.95rem}