:root{--bg: #F6F5F2;--card: #FFFFFF;--text: #17171A;--text-2: #55524B;--text-3: #3E3B35;--muted: #6B6860;--border: #D6D2C8;--border-2: #E0DDD5;--sep: #EEEBE4;--nav-border: #E4E1DA;--chip-bg: #ECE9E2;--stepper-bg: #F0EDE6;--dark: #17171A;--on-dark: #FFFFFF;--on-dark-2: #CFCBC2;--dark-sep: #34332E;--dark-pill: #2C2B27;--gold: #D9B45A;--gold-light: #B08A2E;--link-hover: #84621A;--paid: #2E6B57;--paid-bg: #E3F0EA;--danger: #A3361F;--mono: "Geist Mono", ui-monospace, monospace;--sans: "Geist", system-ui, -apple-system, sans-serif;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg)}body{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--text)}a:hover{color:var(--link-hover)}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}input:focus,textarea:focus,select:focus{outline:2px solid var(--gold-light);outline-offset:1px}:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.mono{font-family:var(--mono)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(56px,calc(env(safe-area-inset-top) + 16px)) 20px calc(108px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.screen.gap-18{gap:18px}.screen.gap-14{gap:14px}.screen.no-nav{padding-bottom:max(28px,env(safe-area-inset-bottom))}.h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.5px}.eyebrow{font-size:13px;color:var(--text-2);font-weight:500}.h2{margin:4px 0 2px;font-size:15px;font-weight:600}.section-label{margin:0 4px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-2)}.hint{margin:2px 4px 0;font-size:12.5px;color:var(--text-2);line-height:1.45}.stack{display:flex;flex-direction:column}.stack-2{display:flex;flex-direction:column;gap:2px}.stack-6{display:flex;flex-direction:column;gap:6px}.stack-8{display:flex;flex-direction:column;gap:8px}.stack-10{display:flex;flex-direction:column;gap:10px}.stack-14{display:flex;flex-direction:column;gap:14px}.summary{background:var(--dark);color:var(--on-dark);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:14px}.summary.gap-16{gap:16px}.summary .label{font-size:13px;color:var(--on-dark-2)}.summary .big{font-family:var(--mono);font-size:48px;font-weight:600;letter-spacing:-1.2px;line-height:1}.summary .big small{font-size:20px;color:var(--on-dark-2)}.summary .big.money{font-size:44px;letter-spacing:-1px}.summary .big.money small{font-size:22px}.summary .accent{font-family:var(--mono);font-size:20px;font-weight:600;color:var(--gold)}.summary .split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid var(--dark-sep)}.summary .split span:first-child{font-size:12px;color:var(--on-dark-2)}.summary .split span:last-child{font-family:var(--mono);font-size:17px;font-weight:600}.summary .rows{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid var(--dark-sep);font-size:14px}.summary .rows>div{display:flex;justify-content:space-between;gap:12px}.summary .rows>div>span:first-child{color:var(--on-dark-2)}.summary .rows>div>span:last-child{font-family:var(--mono);white-space:nowrap}.summary .rows button.adv{all:unset;display:flex;justify-content:space-between;gap:12px;cursor:pointer;width:100%}.summary .rows button.adv>span:first-child{color:var(--on-dark-2)}.summary .rows button.adv>span:last-child{font-family:var(--mono);white-space:nowrap}.pill-dark{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--dark-pill);color:var(--gold);white-space:nowrap}.btn-gold{height:58px;border-radius:16px;border:none;background:var(--gold);color:var(--text);text-decoration:none;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-gold:hover{color:var(--text)}.btn-gold.h54{height:54px;font-size:16px}.btn-dark{height:56px;border-radius:16px;border:none;background:var(--dark);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;text-decoration:none}.btn-dark:hover{color:#fff}.btn-outline{height:52px;border-radius:14px;border:1.5px solid var(--text);background:transparent;color:var(--text);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;width:100%}.btn-light{height:48px;border-radius:14px;border:1px solid var(--border);background:var(--card);font-size:14px;font-weight:600;color:var(--text);width:100%}.btn-text-danger{height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:none;background:transparent;color:var(--danger);font-size:15px;font-weight:600;text-decoration:none;width:100%}.btn-text{height:44px;border:none;background:transparent;font-size:15px;font-weight:600;color:var(--text)}button:disabled.btn-gold,button:disabled.btn-dark,button:disabled.btn-outline,button:disabled.btn-light{opacity:.5}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.list{background:var(--card);border-radius:16px;padding:0 14px}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--sep);text-decoration:none;color:var(--text);width:100%;background:transparent;border-left:0;border-right:0;border-top:0;text-align:left;font:inherit}.row.p12{padding:12px 0}.row:last-child{border-bottom:none}.row .main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.row .title{font-size:15px;font-weight:500}.row .sub{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .val{font-family:var(--mono);font-size:14px;font-weight:600;white-space:nowrap}.row .right{text-align:right}.row .right .sub2{font-size:12px;color:var(--text-2)}.row:hover{color:var(--text)}.empty{padding:18px 0;font-size:14px;color:var(--text-2);text-align:center}.paid-pill{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--paid);background:var(--paid-bg);padding:5px 9px;border-radius:999px;white-space:nowrap}.open-pill{font-size:12px;font-weight:600;color:var(--text-3);background:var(--chip-bg);padding:5px 9px;border-radius:999px;white-space:nowrap}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--sep);position:relative}.set-row:last-child{border-bottom:none}.set-row.p10{padding:10px 0}.set-row label,.set-row .lbl{display:flex;flex-direction:column;gap:2px}.set-row .t{font-size:15px;font-weight:500}.set-row .d{font-size:12.5px;color:var(--text-2)}button.set-row{width:100%;padding:14px 0;border-top:0;border-left:0;border-right:0;background:transparent;color:var(--text);text-align:left}button.set-row:last-child{border-bottom:none}.set-row .v{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:4px;white-space:nowrap}.set-row select.overlay{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px;cursor:pointer}.rate-input{width:88px;height:44px;border:1px solid var(--border);border-radius:10px;padding:0 10px;text-align:right;font-family:var(--mono);font-size:17px;font-weight:600;color:var(--text);background:#faf9f7}.sw{appearance:none;-webkit-appearance:none;width:48px;height:28px;border-radius:14px;background:#cfcbc2;position:relative;margin:0;cursor:pointer;flex:none}.sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:left .15s}.sw:checked{background:var(--dark)}.sw:checked:after{left:23px}.sw:disabled{opacity:.55;cursor:default}.sw:focus-visible,.sw:focus{outline:2px solid var(--gold-light);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field-label{font-size:13px;font-weight:500;color:var(--text-3)}.field-label .opt{color:var(--muted);font-weight:400}.input{height:50px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:0 14px;font-family:inherit;font-size:16px;color:var(--text);width:100%}.input.time{height:64px;font-family:var(--mono);font-size:26px;font-weight:600}.input.code{font-family:var(--mono);font-size:24px;letter-spacing:6px;text-align:center;height:60px}textarea.input{height:auto;padding:12px 14px;resize:none;line-height:1.4}.input-wrap{position:relative}.input-wrap .input{padding-right:52px}.eye{position:absolute;right:3px;top:3px;width:44px;height:44px;border:none;background:transparent;color:var(--text-2);display:flex;align-items:center;justify-content:center}.date-wrap{position:relative}.date-wrap input[type=date]{position:absolute;inset:0;opacity:0;width:100%;height:100%;font-size:16px;cursor:pointer}.date-wrap input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.date-wrap:focus-within .input{outline:2px solid var(--gold-light);outline-offset:1px}.date-display{display:flex;align-items:center}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--border-2);border-radius:14px;padding:6px 6px 6px 14px}.stepper .t{font-size:15px;font-weight:500}.stepper .d{font-size:12.5px;color:var(--text-2)}.stepper .ctl{display:flex;align-items:center;gap:4px}.stepper button{width:44px;height:44px;border-radius:12px;border:none;background:var(--stepper-bg);font-size:20px;color:var(--text)}.stepper .num{min-width:64px;text-align:center;font-family:var(--mono);font-size:16px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:14px}.chip[aria-pressed=true]{border:none;background:var(--dark);color:#fff;font-weight:500}.chip.dashed{border:1px dashed #A8A398;background:transparent;color:var(--text-3)}fieldset{border:none;margin:0;padding:0;min-width:0}legend{font-size:13px;font-weight:500;color:var(--text-3);padding:0;margin-bottom:8px}.error{font-size:13.5px;line-height:1.45;color:var(--danger);background:#f8e9e4;border-radius:12px;padding:10px 12px}.notice{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--chip-bg);font-size:12.5px;line-height:1.45;color:var(--text-3)}.topbar{display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:17px;font-weight:600}.icon-btn{width:44px;height:44px;border-radius:14px;background:var(--card);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;color:var(--text)}.spacer-44{width:44px}.segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--chip-bg);border-radius:12px;padding:4px}.segment button{height:40px;border:none;border-radius:9px;background:transparent;font-size:14px;font-weight:500;color:var(--text-3)}.segment button[aria-pressed=true]{background:#fff;font-weight:600;color:var(--text)}.chart-card{background:var(--card);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:14px}.chart-head{display:flex;align-items:center;justify-content:space-between}.chart-head button{width:44px;height:44px;border:none;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center}.chart-head button:disabled{opacity:.3}.chart-head .mid{text-align:center;display:flex;flex-direction:column;gap:2px}.chart-head .mid .r{font-size:13px;color:var(--text-2)}.chart-head .mid .s{font-family:var(--mono);font-size:22px;font-weight:600}.bars{display:grid;gap:8px;align-items:end;height:190px}.bars.month{gap:3px}.bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}.bar .n{font-family:var(--mono);font-size:11px;color:var(--text-3)}.bar .b{width:100%;border-radius:8px;background:var(--dark)}.bars.month .bar .b{border-radius:3px}.bar .b.accent{background:var(--gold-light)}.bar .b.zero{height:4px;border-radius:2px;background:var(--border-2)}.bar .l{font-size:12px;color:var(--text-2);height:15px}.bars.month .bar .l{font-size:10px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:10;min-height:84px;padding:8px 8px max(24px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--nav-border)}.nav-inner{max-width:480px;margin:0 auto;display:grid}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;text-decoration:none;color:var(--muted);font-size:11px;font-weight:500}.nav a[aria-current=page]{color:var(--text);font-weight:600}.login{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(72px,calc(env(safe-area-inset-top) + 32px)) 24px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:40px;height:40px;border-radius:12px;background:var(--dark);display:flex;align-items:center;justify-content:center}.brand .name{font-size:15px;font-weight:600;letter-spacing:.2px}.brand .name span{color:var(--muted);font-weight:500}.hello{display:flex;flex-direction:column;gap:8px;margin-top:24px}.hello h1{margin:0;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-.6px}.hello p{margin:0;font-size:15px;line-height:1.45;color:var(--text-2)}.btn-faceid{height:56px;border:none;border-radius:16px;background:var(--dark);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-faceid:disabled{opacity:.6}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--border-2)}.login form{display:flex;flex-direction:column;gap:14px}.login .small{margin:0;font-size:13px;line-height:1.45;color:var(--text-2)}.login .notice{margin-top:auto}.sheet-backdrop{position:fixed;inset:0;background:#17171a66;z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease-out}.sheet{width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:var(--bg);border-radius:24px 24px 0 0;padding:20px 20px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:up .2s ease-out}.sheet h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px}.sheet .lead{margin:0;font-size:14px;line-height:1.45;color:var(--text-2)}.sheet .handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:-8px auto 2px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:0}}.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--card);border-radius:16px;padding:14px;font-family:var(--mono);font-size:15px;font-weight:600;text-align:center;user-select:all}.qr{background:#fff;border-radius:16px;padding:14px;display:flex;justify-content:center}.qr svg{width:200px;height:200px}.secret{font-family:var(--mono);font-size:14px;word-break:break-all;background:var(--card);border-radius:12px;padding:10px 12px;user-select:all}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(100px + env(safe-area-inset-bottom));z-index:60;background:var(--dark);color:#fff;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:500;max-width:calc(100% - 40px);box-shadow:0 6px 24px #0000002e;animation:up .2s ease-out}.lock{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;text-align:center}.lock h1{margin:0;font-size:24px;font-weight:700}.lock p{margin:0;color:var(--text-2);font-size:15px}.lock .actions{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px}.center-load{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:14px}.month-btn{position:relative;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--border-2);background:#fff;font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.month-btn select{position:absolute;inset:0;opacity:0;width:100%;font-size:16px;cursor:pointer}.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.day-detail{padding:0 0 10px 12px;border-bottom:1px solid var(--sep)}.day-detail .row{padding:9px 0;border-bottom:none}.check{width:24px;height:24px;flex:none;border-radius:12px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;background:var(--card)}.check.on{background:var(--dark);border-color:var(--dark)}.select-bar{position:fixed;left:0;right:0;z-index:11;bottom:calc(60px + max(24px,env(safe-area-inset-bottom)));max-width:480px;margin:0 auto;padding:12px 20px;background:var(--bg);border-top:1px solid var(--nav-border);display:flex;flex-direction:column;gap:10px}.select-sum{display:flex;justify-content:space-between;font-size:14px;color:var(--text-2)}.select-sum .mono{color:var(--text);font-weight:600}.summary .split.three{grid-template-columns:repeat(3,minmax(0,1fr))}