:root{color-scheme:light dark;--bg: #f2f2f7;--surface: #ffffff;--fill: #e9e9ee;--text: #1c1c1e;--muted: #6c6c70;--line: rgba(60, 60, 67, .14);--bar: rgba(242, 242, 247, .82);--backdrop: rgba(0, 0, 0, .38);--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 6px 20px rgba(0, 0, 0, .06);--accent: #0a66d8;--accent-soft: rgba(10, 102, 216, .1);--unpaid: #c92a2a;--paid: #1e7e45;--paid-text: #1e7e45;--paid-soft: rgba(30, 126, 69, .12);--danger: #c92a2a;--danger-soft: rgba(201, 42, 42, .1);--amber: #a15c07;--amber-soft: rgba(217, 119, 6, .14);--purple: #6d3fd1;--purple-soft: rgba(109, 63, 209, .12);--toast: #1c1c1e;--toast-text: #ffffff;--toast-action: #6cb4ff}@media(prefers-color-scheme: dark){:root{--bg: #000000;--surface: #1c1c1e;--fill: #2c2c2e;--text: #f5f5f7;--muted: #98989f;--line: rgba(84, 84, 88, .55);--bar: rgba(0, 0, 0, .78);--backdrop: rgba(0, 0, 0, .6);--shadow: none;--accent: #4c9dff;--accent-soft: rgba(76, 157, 255, .16);--unpaid: #b52828;--paid: #1c7441;--paid-text: #4cd07d;--paid-soft: rgba(76, 208, 125, .16);--danger: #ff6b61;--danger-soft: rgba(255, 107, 97, .16);--amber: #f5b341;--amber-soft: rgba(245, 179, 65, .16);--purple: #b89cff;--purple-soft: rgba(184, 156, 255, .16);--toast: #3a3a3c}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html.is-locked{overflow:hidden}body{margin:0;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left, 0px);padding-right:env(safe-area-inset-right, 0px);background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.35;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,p{margin:0}a{color:var(--accent)}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-more circle,.icon-list circle{fill:currentColor;stroke:none}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[hidden]{display:none !important}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:0 20px;border:0;border-radius:14px;background:var(--fill);color:var(--text);font-size:17px;font-weight:600;text-align:center;text-decoration:none;transition:opacity .15s,transform .15s}.btn:active{transform:scale(0.98);opacity:.85}.btn:disabled{opacity:.4;transform:none;cursor:default}.btn .icon{width:20px;height:20px;stroke-width:2.4}.btn--primary{background:var(--accent);color:#fff}.btn--secondary{background:var(--accent-soft);color:var(--accent)}.btn--danger-text{background:var(--surface);color:var(--danger)}.btn--block{width:100%}.btn--small{min-height:36px;padding:0 14px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:15px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--text)}.icon-btn:active{background:var(--fill)}.link-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--accent);font-size:15px;font-weight:500}.link-btn .icon{width:20px;height:20px}.form{display:grid;gap:18px}.field{display:grid;grid-template-columns:minmax(0, 1fr);gap:8px;min-width:0;margin:0;padding:0;border:0}.field__label{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;padding:0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.field__label small{font-size:inherit;font-weight:400;text-transform:none;letter-spacing:0}.field__label .link-btn{min-height:0;margin-left:auto;text-transform:none;letter-spacing:0}.field__hint{color:var(--muted);font-size:14px}.input{display:block;width:100%;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:17px;-webkit-appearance:none;appearance:none}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--muted);opacity:.6}.input--code{height:64px;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;text-indent:.35em}.select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}.amount-row{display:flex;gap:8px}.amount-input{display:flex;flex:1;align-items:center;min-width:0;height:50px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.amount-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.amount-input input{flex:1;width:0;min-width:0;height:100%;padding:0 14px 0 4px;border:0;background:none;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;outline:none}.amount-input__symbol{padding-left:14px;color:var(--muted);font-size:20px;font-weight:600}.segmented{display:inline-flex;flex:none;padding:3px;border-radius:12px;background:var(--fill)}.segmented__option{position:relative}.segmented__option input{position:absolute;opacity:0;pointer-events:none}.segmented__option span{display:flex;align-items:center;height:44px;padding:0 14px;border-radius:9px;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.segmented__option input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.12)}.segmented__option input:focus-visible+span{outline:2px solid var(--accent)}.month-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px}label.month-pill span,button.month-pill{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:0;border-radius:10px;background:var(--fill);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}label.month-pill input:checked+span,button.month-pill[aria-checked=true]{background:var(--accent);color:#fff}label.month-pill{position:relative}label.month-pill input{position:absolute;opacity:0;pointer-events:none}label.month-pill input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.switch-row__text{display:grid;gap:2px;font-weight:500}.switch-row__text small{color:var(--muted);font-size:14px;font-weight:400}.switch{position:relative;flex:none;width:51px;height:31px;margin:0;border-radius:16px;background:var(--fill);-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .2s}.switch::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s cubic-bezier(0.2, 0.8, 0.2, 1)}.switch:checked{background:#34c759}.switch:checked::before{transform:translateX(20px)}.flash{padding:12px 14px;border-radius:12px;font-size:15px;font-weight:500}.flash--success{background:var(--paid-soft);color:var(--paid-text)}.flash--error{background:var(--danger-soft);color:var(--danger)}.flash--info{background:var(--accent-soft);color:var(--accent)}.form__error{color:var(--danger);font-size:15px;font-weight:500}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:calc(52px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top, 0px) 6px 0;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.topbar__side{grid-column:1;display:flex;align-items:center;min-width:0}.topbar__side--end{grid-column:3;justify-content:flex-end}.topbar__title{grid-column:2;font-size:17px;font-weight:600;white-space:nowrap}.topbar__back{display:inline-flex;align-items:center;min-height:44px;padding-right:8px;color:var(--accent);font-size:17px;text-decoration:none}.topbar__back .icon{width:26px;height:26px;stroke-width:2.4}.drawer{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:var(--text);transition:background .3s}.drawer[open]{display:flex;justify-content:flex-end}.drawer::backdrop{background:rgba(0,0,0,0)}.drawer.is-open{background:var(--backdrop)}.drawer__panel{display:flex;flex-direction:column;width:min(86vw,340px);height:100%;padding:calc(env(safe-area-inset-top, 0px) + 6px) env(safe-area-inset-right, 0px) calc(env(safe-area-inset-bottom, 0px) + 12px) 0;background:var(--bg);transform:translateX(100%);transition:transform .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.is-open .drawer__panel{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px 20px}.drawer__brand{color:var(--text);font-size:22px;font-weight:700;text-decoration:none}.drawer__nav{display:grid;flex:1;align-content:start;gap:8px;padding:8px 12px}.drawer__item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none}.drawer__item:active{background:var(--fill)}.drawer__item.is-current .drawer__label{color:var(--accent)}.drawer__item>.icon{width:18px;height:18px;color:var(--muted)}.drawer__icon{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:var(--accent);color:#fff}.drawer__icon .icon{width:20px;height:20px}.drawer__label{display:grid;flex:1;gap:1px;font-weight:600}.drawer__label small{color:var(--muted);font-size:13px;font-weight:400}.drawer__foot{display:grid;gap:2px;margin:0 12px;padding:14px 8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.drawer__foot strong{color:var(--text);font-weight:600}.drawer__foot .link-btn{justify-self:start;color:var(--danger)}.month-viewport{overflow:hidden;touch-action:pan-y}.month{max-width:560px;margin:0 auto;padding:4px 16px calc(32px + env(safe-area-inset-bottom, 0px));will-change:transform}.month__head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.month__title{display:grid;justify-items:center;line-height:1.05;text-align:center}.month__name{font-size:40px;font-weight:800;letter-spacing:-0.02em}.month__year{margin-top:4px;color:var(--muted);font-size:17px;font-weight:400}.month__step{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}.month__step:active{background:var(--fill)}.month__step .icon{width:26px;height:26px;stroke-width:2.4}.month__today{display:table;margin:10px auto 0;padding:6px 14px;border-radius:999px;background:var(--accent-soft);font-size:14px;font-weight:600;text-decoration:none}.remaining{display:grid;justify-items:center;gap:2px;margin:22px 0 20px}.remaining__label{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.remaining__amount{display:grid;justify-items:center;font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;line-height:1.15}.remaining__amount span+span{font-size:24px}.payments{display:grid;gap:8px;margin:0;padding:0;list-style:none}.payment{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:62px;padding:8px 8px 8px 16px;border-radius:14px;background:var(--unpaid);color:#fff;transition:background-color .3s}.payment.is-paid{background:var(--paid)}.payment.is-flash{animation:payment-flash .5s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes payment-flash{40%{transform:scale(0.97)}}.payment__text{display:grid;gap:2px;min-width:0}.payment__title{font-size:17px;font-weight:600;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.payment__meta{font-size:13px;opacity:.85}.payment__amount{display:flex;align-items:center;gap:4px;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.is-paid .payment__amount::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}.payment__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:hsla(0,0%,100%,.18);color:#fff;transition:background .15s}.payment__btn:active{background:hsla(0,0%,100%,.34)}.empty{display:grid;justify-items:center;gap:16px;padding:28px 16px;color:var(--muted);text-align:center}.summary{margin:24px 0 0;padding:0 16px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0}.summary__row+.summary__row{border-top:1px solid var(--line)}.summary__row dt{display:flex;align-items:center;gap:8px;color:var(--muted)}.summary__row dd{display:grid;justify-items:end;margin:0;font-weight:600;font-variant-numeric:tabular-nums}.summary__row--paid dt::before,.summary__row--unpaid dt::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--paid)}.summary__row--unpaid dt::before{background:var(--unpaid)}.summary__row--total dt{color:var(--text);font-weight:600}.summary__row--total dd{font-size:20px;font-weight:700}.sheet{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:var(--text);transition:background .3s}.sheet[open]{display:flex;align-items:flex-end;justify-content:center}.sheet::backdrop{background:rgba(0,0,0,0)}.sheet.is-open{background:var(--backdrop)}.sheet__panel{width:100%;max-width:480px;max-height:100%;overflow-y:auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));transform:translateY(100%);transition:transform .3s cubic-bezier(0.2, 0.8, 0.2, 1);overscroll-behavior:contain}.is-open .sheet__panel{transform:none}.sheet__head{padding:14px 16px 12px;border-radius:14px 14px 0 0;background:var(--surface);text-align:center;border-bottom:1px solid var(--line)}.sheet__title{font-size:15px;font-weight:600;overflow-wrap:anywhere}.sheet__sub{margin-top:2px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.sheet__error{padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--danger);font-size:15px;text-align:center}.sheet__group{overflow:hidden;border-radius:0 0 14px 14px;background:var(--surface)}.sheet__group--form{display:grid;gap:12px;padding:16px}.sheet__group--form .amount-input{background:var(--bg)}.sheet__btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;width:100%;min-height:57px;padding:8px 16px;border:0;background:var(--surface);color:var(--accent);font-size:19px;transition:background .1s}.sheet__btn+.sheet__btn{border-top:1px solid var(--line)}.sheet__btn:active{background:var(--fill)}.sheet__btn:disabled{opacity:.4}.sheet__btn small{flex-basis:100%;color:var(--muted);font-size:14px}.sheet__btn .icon{width:22px;height:22px;stroke-width:2.6}.sheet__btn--paid{color:var(--paid-text);font-weight:600}.sheet__btn--danger{color:var(--danger)}.sheet__btn--cancel{margin-top:8px;border-radius:14px;font-weight:600}.sheet__note{padding:12px 16px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}.sheet.is-busy .sheet__panel{pointer-events:none}.sheet.is-busy .sheet__panel .sheet__view{opacity:.6}.picker{display:grid;gap:12px}.picker__year{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.picker__year .icon-btn{color:var(--accent)}.month-pill.is-here{opacity:.35;pointer-events:none}.toast{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:20;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);min-height:50px;padding:6px 6px 6px 16px;border-radius:14px;background:var(--toast);color:var(--toast-text);font-size:15px;box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;transform:translate(-50%, 20px);transition:opacity .25s,transform .25s cubic-bezier(0.2, 0.8, 0.2, 1)}.toast.is-visible{opacity:1;transform:translate(-50%, 0)}.toast__text{flex:1;padding:8px 0}.toast__undo{min-height:38px;padding:0 12px;border:0;border-radius:10px;background:hsla(0,0%,100%,.1);color:var(--toast-action);font-size:15px;font-weight:700}.page{display:flex;flex-direction:column;gap:16px;max-width:560px;margin:0 auto;padding:8px 16px calc(40px + env(safe-area-inset-bottom, 0px))}.page__meta{color:var(--muted);font-size:13px;text-align:center}.card{padding:18px 16px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.list-heading{margin:8px 4px -8px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.notice{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--surface);color:var(--muted);font-size:15px}.notice p{flex:1}.plist{margin:0;padding:0;overflow:hidden;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);list-style:none}.plist>li+li{border-top:1px solid var(--line)}.plist__item{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 12px 10px 16px;color:var(--text);text-decoration:none}.plist__item:active{background:var(--fill)}.plist__item>.icon{width:18px;height:18px;color:var(--muted)}.plist__text{display:grid;flex:1;gap:2px;min-width:0;color:inherit;text-decoration:none}.plist__title{font-weight:500;overflow-wrap:anywhere}.plist__meta{color:var(--muted);font-size:13px}.plist__amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.plist--deleted .plist__item:active{background:none}.plist--deleted .plist__item .plist__title{color:var(--muted);text-decoration:line-through}.plist--deleted .plist__item .plist__meta{opacity:.7}.is-annual label.month-pill input:not(:checked)+span{opacity:.55}.danger-zone{margin-top:8px}.filter .select{font-weight:500}.day{display:flex;flex-direction:column;gap:16px}.activity{margin:0;padding:0;overflow:hidden;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);list-style:none}.activity__item{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:12px 16px}.activity__item+.activity__item{border-top:1px solid var(--line)}.activity__time{padding-top:3px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.activity__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.activity__title{font-size:16px;font-weight:600;overflow-wrap:anywhere}.activity__detail{margin-top:3px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--fill);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1.5}.badge--paid{background:var(--paid);color:#fff}.badge--unpaid{background:var(--unpaid);color:#fff}.badge--created,.badge--reactivated{background:var(--accent-soft);color:var(--accent)}.badge--edited,.badge--changed{background:var(--amber-soft);color:var(--amber)}.badge--moved{background:var(--purple-soft);color:var(--purple)}.badge--removed,.badge--deleted{background:var(--danger-soft);color:var(--danger)}.pager{display:flex;justify-content:center;gap:12px}.auth{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:calc(24px + env(safe-area-inset-top, 0px)) 16px calc(24px + env(safe-area-inset-bottom, 0px))}.auth__card{width:100%;max-width:400px;padding:28px 20px 24px;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.auth__card>.flash{margin-bottom:16px}.auth__logo img{margin:0 auto 16px;border-radius:13px}.auth__title{margin-bottom:6px;font-size:26px;font-weight:700;text-align:center}.auth__text{margin-bottom:22px;color:var(--muted);font-size:15px;text-align:center}.auth__alt{margin-top:8px;text-align:center}.steps{display:grid;gap:24px;margin:0;padding:0;counter-reset:step;list-style:none}.steps>li{display:grid;gap:14px}.steps__label{display:flex;align-items:center;gap:10px;font-weight:600}.steps__label::before{counter-increment:step;content:counter(step);display:flex;flex:none;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:14px;font-weight:700}.qr{justify-self:center;padding:10px;border-radius:12px;background:#fff}.qr:empty{display:none}.secret{display:grid;justify-items:center;gap:4px;text-align:center}.secret__label{color:var(--muted);font-size:13px}.secret__key{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:16px;font-weight:600;letter-spacing:.04em;word-spacing:.2em;-webkit-user-select:all;user-select:all}