:root{--wine:#760031;--red:#d51c39;--coral:#ff6060;--yellow:#feec41;--bg:#f3f2f4;--card:#fff;--card-2:#f7f5f6;--text:#121012;--muted:#6f6a6e;--line:#ece8ea;--press:#76003112;--primary:var(--wine);--on-primary:#fff;--primary-soft:#76003117;--pos:#1e8e5a;--neg:var(--red);--hero-a:#760031;--hero-b:#a3123f;--scrim:#14000861;--sheet:#fff;--shadow:0 1px 2px #00000008;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#000;--card:#171717;--card-2:#202020;--text:#f5f3f4;--muted:#a39da1;--line:#2a2729;--press:#ff7d9c1a;--primary:#ff7d9c;--on-primary:#2b0012;--primary-soft:#ff7d9c24;--pos:#5fd49a;--neg:#ff6b7d;--hero-a:#4a001f;--hero-b:#760031;--scrim:#0009;--sheet:#1c1c1c;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#000;--card:#171717;--card-2:#202020;--text:#f5f3f4;--muted:#a39da1;--line:#2a2729;--press:#ff7d9c1a;--primary:#ff7d9c;--on-primary:#2b0012;--primary-soft:#ff7d9c24;--pos:#5fd49a;--neg:#ff6b7d;--hero-a:#4a001f;--hero-b:#760031;--scrim:#0009;--sheet:#1c1c1c;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body{background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;min-height:100dvh;font-family:SamsungOneUI,SamsungOne,Samsung Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}svg{display:block}.shell{min-height:100dvh;display:flex}.rail{display:none}.main{min-width:0;padding-bottom:calc(160px + env(safe-area-inset-bottom));flex:1}.hero-title{height:clamp(170px,30vh,250px);padding:0 24px 22px;padding-top:env(safe-area-inset-top);flex-direction:column;justify-content:flex-end;display:flex}.hero-title h1{letter-spacing:-.4px;font-size:34px;font-weight:700;line-height:1.1}.hero-title p{color:var(--muted);margin-top:6px;font-size:14px}.appbar{z-index:20;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 20px;background:var(--bg);align-items:center;gap:4px;display:flex;position:sticky;top:0}.appbar .t{opacity:0;flex:1;font-size:20px;font-weight:700;transition:all .2s;transform:translateY(6px)}.appbar.compact .t{opacity:1;transform:none}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:var(--press)}.save-dot{color:var(--muted);padding-right:4px;font-size:12px}.monthbar{align-items:center;gap:8px;padding:0 16px 14px;display:flex}.month-pill{background:var(--card);height:48px;box-shadow:var(--shadow);border-radius:999px;flex:1;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.month-pill b{font-size:16px;font-weight:600}.month-pill .icon-btn{width:40px;height:40px}.chip-btn{background:var(--primary-soft);height:48px;color:var(--primary);border-radius:999px;padding:0 18px;font-size:14px;font-weight:600}.chip-btn:active{filter:brightness(.95)}.page{padding:0 16px;animation:.22s fade;display:none}.page.on{display:block}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--card);box-shadow:var(--shadow);border-radius:26px;margin-bottom:12px;padding:20px}.card-h{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:6px;display:flex}.card-h h2{font-size:17px;font-weight:700}.card-h .sub{color:var(--muted);font-size:13px;font-weight:500}.add-btn{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;display:grid}.add-btn:active{transform:scale(.94)}.text-btn{color:var(--primary);border-radius:999px;padding:8px 10px;font-size:15px;font-weight:600}.text-btn:active{background:var(--press)}.hero-card{background:linear-gradient(140deg,var(--hero-a),var(--hero-b));color:#fff;border-radius:28px;margin-bottom:12px;padding:22px 22px 20px;position:relative;overflow:hidden}.hero-card:after{content:"";background:#ff60602e;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-40px}.hero-card .lbl{opacity:.82;font-size:14px;font-weight:500}.hero-card .big{letter-spacing:-.8px;margin:6px 0 14px;font-size:40px;font-weight:700}.hero-card .badge{background:var(--yellow);color:#3a2e00;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.hero-card .badge.neg{color:#7a0019;background:#ffd5d9}.split{z-index:1;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid;position:relative}.split div{background:#ffffff21;border-radius:18px;padding:10px 14px}.split span{opacity:.82;font-size:12px;font-weight:500;display:block}.split b{margin-top:2px;font-size:17px;font-weight:700;display:block}.meter{background:#ffffff2e;border-radius:99px;height:8px;margin-top:18px;overflow:hidden}.meter i{background:linear-gradient(90deg,var(--coral),var(--yellow));border-radius:99px;height:100%;display:block}.meter-legend{opacity:.8;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.tiles{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tile{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:24px;width:100%;padding:16px}.tile:active{transform:scale(.985)}.tile .ic{border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:12px;display:grid}.tile .k{color:var(--muted);font-size:13px;font-weight:500}.tile .v{letter-spacing:-.2px;margin-top:2px;font-size:19px;font-weight:700}.tile .s{color:var(--muted);margin-top:2px;font-size:12px}.tile.wide{grid-column:1/-1;align-items:center;gap:14px;display:flex}.tile.wide .ic{margin:0}.tile.wide .grow{flex:1}.wallet{background:var(--card);box-shadow:var(--shadow);border-radius:26px;margin-bottom:12px;padding:18px 20px 16px}.wallet-top{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.wallet-logo{color:#fff;background:#ea1d2c;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.wallet-top .k{color:var(--muted);font-size:13px;font-weight:500}.wallet-top .v{letter-spacing:-.3px;font-size:24px;font-weight:700}.wallet-top .go{color:var(--muted);margin-left:auto}.wallet-stats{color:var(--muted);gap:18px;margin-top:12px;font-size:13px;display:flex}.wallet-stats b{color:var(--text);font-weight:600}.wallet-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.wallet-actions button{background:var(--card-2);border-radius:999px;justify-content:center;align-items:center;gap:6px;height:46px;font-size:15px;font-weight:600;display:flex}.wallet-actions button:active{background:var(--press)}.fab{right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:35;background:var(--primary);height:56px;color:var(--on-primary);border-radius:999px;align-items:center;gap:8px;padding:0 22px 0 16px;font-size:16px;font-weight:700;display:flex;position:fixed;box-shadow:0 8px 22px -8px #76003199}.fab:active{transform:scale(.96)}.quick{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.quick button{background:var(--card-2);text-align:left;border-radius:22px;flex-direction:column;gap:12px;min-height:112px;padding:16px;display:flex}.quick button:active{background:var(--press)}.quick .qi{border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.quick b{font-size:15px;display:block}.quick small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.seg.flat{background:var(--card-2);box-shadow:none;margin-bottom:10px}.list{margin:0 -8px}.row{text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:64px;padding:11px 8px;display:flex}.row:active{background:var(--press)}.row+.row{position:relative}.row+.row:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:62px;right:8px}.av{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:grid;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}.row .info{flex:1;min-width:0}.row .n{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.row .c{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;overflow:hidden}.row .val{font-size:16px;font-weight:600}.row .val.pos{color:var(--pos)}.empty{color:var(--muted);text-align:center;padding:26px 8px;font-size:14px}.seg{background:var(--card);box-shadow:var(--shadow);border-radius:999px;margin-bottom:12px;padding:4px;display:flex}.seg button{height:42px;color:var(--muted);white-space:nowrap;border-radius:999px;flex:1;padding:0 4px;font-size:14px;font-weight:600}.hero-card.home{padding:26px 24px 24px}.hero-card.home .big{margin:8px 0 4px;font-size:44px}.hero-card .hint{opacity:.75;z-index:1;font-size:13px;position:relative}.seg button.on{background:var(--primary);color:var(--on-primary)}.total-line{justify-content:space-between;align-items:baseline;padding:4px 2px 10px;display:flex}.total-line span{color:var(--muted);font-size:14px}.total-line b{letter-spacing:-.3px;font-size:22px}.route{align-items:center;gap:14px;display:flex}.route .big{letter-spacing:-.4px;font-size:26px;font-weight:700}.route .meta{color:var(--muted);margin-top:2px;font-size:13px}.cal-h{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);margin:10px 0 6px;font-size:12px;font-weight:600;display:grid}.cal{grid-template-columns:repeat(7,1fr);gap:4px 0;display:grid}.d{aspect-ratio:1;border-radius:50%;place-items:center;width:100%;max-width:46px;max-height:46px;margin:0 auto;font-size:15px;font-weight:500;display:grid;position:relative}.d:active{background:var(--press)}.d.on{background:var(--primary);color:var(--on-primary);font-weight:700}.d.today:not(.on){box-shadow:inset 0 0 0 2px var(--primary);color:var(--primary);font-weight:700}.d.today:after{content:"";background:var(--yellow);border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px}.d.blank{visibility:hidden}.cal-hint{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.kv{justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;display:flex}.kv+.kv{border-top:1px solid var(--line)}.kv span{color:var(--muted)}.kv b{font-weight:600}.kv.total b{color:var(--primary);font-size:22px}.note{color:var(--muted);font-size:12px;font-weight:400}.hist{grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.hist+.hist{border-top:1px solid var(--line)}.hist .m{font-size:15px;font-weight:600}.hist .m small{color:var(--muted);font-size:12px;font-weight:500;display:block}.track{background:var(--card-2);border-radius:99px;height:10px;overflow:hidden}.track i{border-radius:99px;height:100%;display:block}.hist .v{text-align:right;min-width:96px;font-size:15px;font-weight:700}.tabbar{z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:2px 0;font-size:12px;font-weight:500;display:flex}.tab .pill{border-radius:999px;place-items:center;width:58px;height:32px;transition:background .2s;display:grid}.tab.on{color:var(--text);font-weight:700}.tab.on .pill{background:var(--primary-soft);color:var(--primary)}.scrim{background:var(--scrim);z-index:50;opacity:0;pointer-events:none;transition:opacity .25s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.sheet{z-index:51;background:var(--sheet);max-height:92dvh;padding:8px 20px calc(16px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;transition:transform .32s cubic-bezier(.2,.9,.25,1);position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%)}.sheet.open{transform:none}.grab{background:var(--line);border-radius:9px;width:36px;height:4px;margin:4px auto 14px}.sheet h3{margin-bottom:16px;padding:0 4px;font-size:22px;font-weight:700}.field{background:var(--card-2);border-radius:18px;margin-bottom:10px;padding:10px 16px 8px}.field label{color:var(--muted);font-size:12px;font-weight:600;display:block}.field input{background:0 0;border:0;outline:none;width:100%;padding:4px 0 2px;font-size:17px}.field.money input{font-size:24px;font-weight:700}.field:focus-within{box-shadow:inset 0 0 0 2px var(--primary)}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 10px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);border-radius:999px;flex-shrink:0;height:36px;padding:0 14px;font-size:14px;font-weight:500}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.switch-row{justify-content:space-between;align-items:center;padding:14px 4px;font-size:16px;font-weight:500;display:flex}.switch-row small{color:var(--muted);font-size:13px;font-weight:400;display:block}.sw{background:#c9c4c7;border-radius:99px;flex-shrink:0;width:52px;height:30px;transition:background .2s;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.sw.on{background:var(--primary)}.sw.on:after{transform:translate(22px)}.months{grid-template-columns:repeat(6,1fr);gap:6px;margin:4px 0 8px;display:grid}.months .chip{height:38px;padding:0}.mq{gap:8px;margin-bottom:10px;display:flex}.mq .chip{height:32px;font-size:13px}.colors{gap:12px;padding:6px 4px 14px;display:flex}.color{border-radius:50%;width:34px;height:34px}.color.on{box-shadow:0 0 0 3px var(--sheet),0 0 0 5px var(--text)}.img-row{align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.img-prev{background:var(--card-2);width:54px;height:54px;color:var(--muted);border-radius:16px;place-items:center;display:grid}.sheet-actions{border-top:1px solid var(--line);gap:4px;margin-top:8px;padding-top:8px;display:flex}.sheet-actions button{height:48px;color:var(--primary);border-radius:999px;flex:1;font-size:16px;font-weight:600}.sheet-actions button:active{background:var(--press)}.sheet-actions .del{color:var(--neg)}.sec-title{color:var(--muted);padding:6px 4px;font-size:13px;font-weight:600}.menu-row{text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 4px;font-size:16px;font-weight:500;display:flex}.menu-row:active{background:var(--press)}.menu-row.danger{color:var(--neg)}.login{background:var(--bg);max-width:480px;min-height:100dvh;padding:0 24px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.login .top{flex-direction:column;flex:1;justify-content:flex-end;padding-bottom:36px;display:flex}.logo{background:linear-gradient(140deg,var(--wine),var(--red));color:#fff;border-radius:22px;place-items:center;width:64px;height:64px;margin-bottom:22px;font-size:22px;font-weight:800;display:grid}.login h1{letter-spacing:-.4px;font-size:32px;font-weight:700}.login p{color:var(--muted);margin-top:6px}.login .bottom{padding-bottom:28px}.btn{background:var(--primary);width:100%;height:54px;color:var(--on-primary);border-radius:999px;margin-top:8px;font-size:17px;font-weight:700}.btn:active{filter:brightness(.92)}@media (min-width:900px){.rail{flex-direction:column;gap:6px;width:260px;height:100dvh;padding:28px 14px;display:flex;position:sticky;top:0}.rail .brand{align-items:center;gap:12px;padding:0 10px 26px;display:flex}.rail .brand .logo{border-radius:14px;width:42px;height:42px;margin:0;font-size:15px}.rail .brand b{font-size:18px}.rail .brand small{color:var(--muted);font-size:12px;display:block}.rail .tab{border-radius:999px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;padding:12px 14px;font-size:15px}.rail .tab .pill{width:auto;height:auto;background:0 0!important}.rail .tab.on{background:var(--primary-soft);color:var(--primary)}.tabbar{display:none}.fab{bottom:28px;right:28px}.main{max-width:1040px;padding-bottom:110px}.hero-title{height:150px}.page.on.cols{grid-template-columns:1fr 1fr;align-items:start;gap:0 12px;display:grid}.page.on.cols .full{grid-column:1/-1}.sheet{opacity:0;pointer-events:none;border-radius:28px;width:440px;transition:all .2s;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.98)}.sheet.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.grab{display:none}}.form-error{color:var(--neg);min-height:20px;padding:2px 4px 4px;font-size:14px}.btn:disabled{opacity:.6}.toast{left:16px;right:16px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:500;display:flex;position:fixed}.toast button{color:var(--primary);margin-left:auto;font-weight:700}@media (min-width:900px){.toast{width:380px;bottom:100px;left:auto;right:28px}}
