:root{--bg:#f4f2ec;--card:#fff;--text:#1d2521;--muted:#5d6963;--line:#e3e0d7;--accent:#1f6f54;--accent-text:#fff;--positive:#1a7a4c;--negative:#b3261e;--action:#9a5b00;--action-bg:#fdf0d8;--field:#faf9f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121614;--card:#1c2220;--text:#eef1ef;--muted:#a3afa9;--line:#2d3532;--accent:#3fa37f;--accent-text:#0b1210;--positive:#5fcf9a;--negative:#ff8a80;--action:#ffc56b;--action-bg:#3a2d12;--field:#151a18}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;font-size:18px}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,system-ui,Helvetica Neue,Arial,sans-serif;line-height:1.4}button,input,select{font:inherit;color:inherit}.app{min-height:100dvh}.screen{max-width:760px;padding:calc(env(safe-area-inset-top) + 1.2rem) 1rem calc(env(safe-area-inset-bottom) + 6.5rem);flex-direction:column;gap:1rem;margin:0 auto;display:flex}h1{letter-spacing:-.01em;margin:0;font-size:1.8rem}h1 small{color:var(--muted);font-size:1rem;font-weight:400;display:block}h2{margin:.6rem 0 .5rem;font-size:1.15rem}p{margin:0}section{flex-direction:column;display:flex}.muted{color:var(--muted);font-size:.9rem}.pad{padding:1rem 0}.positive{color:var(--positive)}.negative{color:var(--negative)}.big{font-size:2rem}.error{color:var(--negative);font-weight:600}strong{font-variant-numeric:tabular-nums;white-space:nowrap}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.card.empty{flex-direction:column;gap:.8rem;display:flex}.card-button,.balance{text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.balance{flex-direction:column;align-items:flex-start;gap:.2rem}.card-button{cursor:pointer}.reminder{background:var(--action-bg);border-color:#0000;align-items:flex-start;gap:.8rem}.reminder strong{white-space:normal}.summary{gap:.6rem}.summary-row{justify-content:space-between;align-items:baseline;gap:1rem;font-size:1.1rem;display:flex}.summary-row.total{border-top:1px solid var(--line);padding-top:.7rem;font-weight:600}.summary-row.total strong{font-size:1.6rem}.bar{background:color-mix(in srgb, var(--positive) 30%, transparent);border-radius:5px;height:10px;overflow:hidden}.bar div{background:var(--muted);border-radius:5px;height:100%}.list{margin:0;padding:0;list-style:none}.list.card{padding:0 1.1rem}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.list li:last-child{border-bottom:0}.list li.cost-row{flex-wrap:wrap}.list-total,.row-title{font-weight:600}.row-button{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;padding:0;display:flex}.badge{background:var(--bg);color:var(--muted);border-radius:999px;margin-top:.3rem;padding:.1rem .6rem;font-size:.8rem;display:inline-block}.badge-action{background:var(--action-bg);color:var(--action);font-weight:600}details.group{margin-bottom:.6rem;padding:0}details.group summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;font-weight:600;list-style:none;display:flex}details.group summary::-webkit-details-marker{display:none}details.group summary span:before{content:"›";width:1.1rem;color:var(--muted);transition:transform .15s;display:inline-block}details.group[open] summary span:before{transform:rotate(90deg)}details.group .list{border-top:1px solid var(--line);padding:0 1.1rem}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:52px;padding:.7rem 1.2rem;font-weight:600}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{border:2px solid var(--line);background:0 0}.btn-danger{color:var(--negative);background:0 0}.btn-small{border:2px solid var(--accent);min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border-radius:12px;padding:.3rem 1rem;font-weight:600}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:44px;font-weight:600}.segmented{background:var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-height:44px;font-weight:600}.segmented button.active{background:var(--card);box-shadow:0 1px 3px #00000026}.form{flex-direction:column;gap:1rem;display:flex}.form h2{margin:0}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{font-size:.95rem;font-weight:600}.field-hint{color:var(--muted);font-size:.85rem}input:not([type=checkbox]),select{border:2px solid var(--line);background:var(--field);appearance:none;border-radius:12px;width:100%;min-height:52px;padding:.6rem .8rem}input:focus,select:focus{border-color:var(--accent);outline:none}.check{align-items:center;gap:.8rem;min-height:44px;display:flex}.check input{width:28px;height:28px;accent-color:var(--accent);flex-shrink:0}.code{letter-spacing:.04em;word-spacing:.2em;background:var(--field);border:2px dashed var(--line);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:12px;padding:.8rem;font-family:ui-monospace,Menlo,monospace;font-size:1.05rem}.details-body{border-top:1px solid var(--line);padding:1rem 1.1rem}hr{border:0;border-top:1px solid var(--line);width:100%;margin:.2rem 0}button:disabled{opacity:.45;cursor:default}.sheet-backdrop{z-index:20;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:640px;max-height:92dvh;padding:.6rem 1.2rem calc(env(safe-area-inset-bottom) + 1.4rem);border-radius:20px 20px 0 0;overflow-y:auto}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px;padding-bottom:1.4rem}}.sheet-header{background:var(--card);z-index:1;justify-content:space-between;align-items:center;padding:.4rem 0;display:flex;position:sticky;top:-.6rem}.sheet-header h2{margin:0}.tabbar{z-index:10;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:190px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.55rem .2rem .45rem;font-size:.75rem;font-weight:600;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.tab.active{color:var(--accent)}