:root{--tb-h: 88px;--tb-safe: 32px;--tb-content: 56px;--bn-h: 128px;--bn-safe: 48px;--bn-content: 80px;--pad-screen: 16px;--gap-screen: 12px;--pad-panel: 14px;--gap-panel: 8px;--gap-list-rows: 4px;--gap-list-cards: 8px;--r-panel: 14px;--r-btn: 14px;--r-input-outer: 0px;--r-input-field: 12px;--r-card: 14px;--r-linkbox: 12px;--border-1: 1px;--font-base: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fw-regular: 400;--fw-medium: 500;--fs-headline-l: 57px;--lh-headline-l: 64px;--ls-headline-l: -.25px;--fs-headline-m: 28px;--lh-headline-m: 36px;--ls-headline-m: 0px;--fs-headline-s: 24px;--lh-headline-s: 32px;--ls-headline-s: 0px;--fs-title-l: 22px;--lh-title-l: 28px;--ls-title-l: 0px;--fs-title-m: 16px;--lh-title-m: 24px;--ls-title-m: -.15px;--fs-title-s: 14px;--lh-title-s: 20px;--ls-title-s: -.1px;--fs-body-l: 16px;--lh-body-l: 24px;--ls-body-l: .5px;--fs-body-m: 14px;--lh-body-m: 20px;--ls-body-m: .25px;--fs-body-s: 12px;--lh-body-s: 16px;--ls-body-s: .4px;--fs-label-l: 14px;--lh-label-l: 20px;--ls-label-l: .1px;--fs-label-m: 12px;--lh-label-m: 16px;--ls-label-m: .5px;--fs-label-s: 11px;--lh-label-s: 16px;--ls-label-s: .5px;--md-sys-color-background: #F8F9FC;--md-sys-color-surface: #FCF8F8;--md-sys-color-surface-container: #F1EDEC;--md-sys-color-on-surface: #1C1B1B;--md-sys-color-on-surface-variant: #44474A;--md-sys-color-primary: #265F7E;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-outline-variant: #C5C6CA;--md-sys-color-error: #B41C1B;--c-bg: var(--md-sys-color-background);--c-surface: var(--md-sys-color-surface);--c-surface-container: var(--md-sys-color-surface-container);--c-text: var(--md-sys-color-on-surface);--c-text-2: var(--md-sys-color-on-surface-variant);--c-primary: var(--md-sys-color-primary);--c-on-primary: var(--md-sys-color-on-primary);--c-outline-2: var(--md-sys-color-outline-variant);--c-error: var(--md-sys-color-error);--shadow-none: none;--shadow-card: 0 1px 2px rgba(0,0,0,.06)}html,body{margin:0;padding:0;font-family:var(--font-base);background:var(--c-bg);color:var(--c-text)}*{box-sizing:border-box}.text-headline-l{font-family:var(--font-base);font-size:var(--fs-headline-l);font-weight:var(--fw-regular);line-height:var(--lh-headline-l);letter-spacing:var(--ls-headline-l);color:var(--c-text)}.text-headline-m{font-family:var(--font-base);font-size:var(--fs-headline-m);font-weight:var(--fw-regular);line-height:var(--lh-headline-m);letter-spacing:var(--ls-headline-m);color:var(--c-text)}.text-headline-s{font-family:var(--font-base);font-size:var(--fs-headline-s);font-weight:var(--fw-regular);line-height:var(--lh-headline-s);letter-spacing:var(--ls-headline-s);color:var(--c-text)}.text-title-l{font-family:var(--font-base);font-size:var(--fs-title-l);font-weight:var(--fw-medium);line-height:var(--lh-title-l);letter-spacing:var(--ls-title-l);color:var(--c-text)}.text-title-m{font-family:var(--font-base);font-size:var(--fs-title-m);font-weight:var(--fw-medium);line-height:var(--lh-title-m);letter-spacing:var(--ls-title-m);color:var(--c-text)}.text-title-s{font-family:var(--font-base);font-size:var(--fs-title-s);font-weight:var(--fw-medium);line-height:var(--lh-title-s);letter-spacing:var(--ls-title-s);color:var(--c-text)}.text-body-l{font-family:var(--font-base);font-size:var(--fs-body-l);font-weight:var(--fw-regular);line-height:var(--lh-body-l);letter-spacing:var(--ls-body-l);color:var(--c-text)}.text-body-m{font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text)}.text-body-s{font-family:var(--font-base);font-size:var(--fs-body-s);font-weight:var(--fw-regular);line-height:var(--lh-body-s);letter-spacing:var(--ls-body-s);color:var(--c-text)}.text-body-secondary{font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text-2)}.text-label-l{font-family:var(--font-base);font-size:var(--fs-label-l);font-weight:var(--fw-medium);line-height:var(--lh-label-l);letter-spacing:var(--ls-label-l);color:var(--c-text)}.text-label-m{font-family:var(--font-base);font-size:var(--fs-label-m);font-weight:var(--fw-medium);line-height:var(--lh-label-m);letter-spacing:var(--ls-label-m);color:var(--c-text)}.text-label-s{font-family:var(--font-base);font-size:var(--fs-label-s);font-weight:var(--fw-medium);line-height:var(--lh-label-s);letter-spacing:var(--ls-label-s);color:var(--c-text)}.bg-surface{background:var(--c-surface)}.bg-surface-container{background:var(--c-surface-container)}.text-primary{color:var(--c-primary)}.text-secondary{color:var(--c-text-2)}.text-error{color:var(--c-error)}.outline{border:var(--border-1) solid var(--c-outline-2)}.linkbox{background:var(--c-surface);border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-linkbox);padding:12px}.btn-primary{background:var(--c-primary);color:var(--c-on-primary);border:0;border-radius:var(--r-btn);padding:12px 16px;cursor:pointer}.input-outer{border-radius:var(--r-input-outer)}.input-fieldbox{background:var(--c-surface-container);border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-input-field);padding:12px;min-height:48px;display:flex;align-items:center}.app{height:100vh;background:var(--c-bg);color:var(--c-text);overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;height:var(--tb-h);z-index:100;background:var(--c-bg)}.topbar-inner{height:100%;padding-top:var(--tb-safe);display:flex;align-items:center;padding-left:var(--pad-screen);padding-right:var(--pad-screen)}.bottomnav{position:fixed;left:0;right:0;bottom:0;height:var(--bn-h);z-index:100;background:var(--c-bg)}.bottomnav-inner{height:100%;display:flex;flex-direction:column}.bottomnav-content{height:var(--bn-content);padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.bottomnav-safe{height:var(--bn-safe)}.main{height:100vh;padding-top:var(--tb-h);padding-bottom:var(--bn-h);overflow-y:auto;-webkit-overflow-scrolling:touch}.main-content{padding:var(--pad-screen);display:flex;flex-direction:column;gap:var(--gap-screen)}@supports (padding: env(safe-area-inset-bottom)){.bottomnav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bn-h) + env(safe-area-inset-bottom))}.main{padding-bottom:calc(var(--bn-h) + env(safe-area-inset-bottom))}}.topbar-surface{background:var(--c-bg)}.topbar-title{width:100%;text-align:center}.bottomnav-tabs{height:var(--bn-content);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:8px 12px;gap:8px}.bottomnav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:var(--c-text-2)}.bottomnav-tab .tab-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;border:1px solid transparent}.bottomnav-tab .tab-label{font-family:var(--font-base);font-size:var(--fs-label-m);font-weight:var(--fw-medium);line-height:var(--lh-label-m);letter-spacing:var(--ls-label-m)}.bottomnav-tab.is-active{color:var(--c-text)}.bottomnav-tab.is-active .tab-icon{border-color:var(--c-outline-2);background:var(--c-surface-container)}.panel{background:var(--c-surface-container);border-radius:var(--r-panel);padding:var(--pad-panel);display:flex;flex-direction:column;gap:var(--gap-panel)}.panel-title{font-family:var(--font-base);font-size:var(--fs-title-m);font-weight:var(--fw-medium);line-height:var(--lh-title-m);letter-spacing:var(--ls-title-m);color:var(--c-text)}.panel-body{font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text-2)}.linkbox{background:var(--c-surface);border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-linkbox);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.linkbox-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text)}.list-rows{display:flex;flex-direction:column;gap:var(--gap-list-rows)}.list-cards{display:flex;flex-direction:column;gap:var(--gap-list-cards)}.listrow{background:var(--c-surface);border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-panel);padding:12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px}.listrow-title{grid-column:1 / 2;grid-row:1 / 2;font-family:var(--font-base);font-size:var(--fs-title-s);font-weight:var(--fw-medium);line-height:var(--lh-title-s);letter-spacing:var(--ls-title-s);color:var(--c-text)}.listrow-meta{grid-column:2 / 3;grid-row:1 / 2;font-family:var(--font-base);font-size:var(--fs-body-s);font-weight:var(--fw-regular);line-height:var(--lh-body-s);letter-spacing:var(--ls-body-s);color:var(--c-text-2)}.listrow-subtitle{grid-column:1 / 3;grid-row:2 / 3;font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text-2)}.spreadcard{background:var(--c-surface-container);border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-card);padding:var(--pad-panel);display:flex;flex-direction:column;gap:8px}.spreadcard-title{font-family:var(--font-base);font-size:var(--fs-title-m);font-weight:var(--fw-medium);line-height:var(--lh-title-m);letter-spacing:var(--ls-title-m);color:var(--c-text)}.spreadcard-desc{font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text-2)}.spreadcard.is-clickable{cursor:pointer}.btn-primary{background:var(--c-primary);color:var(--c-on-primary);border:0;border-radius:var(--r-btn);padding:12px 16px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-base);font-size:var(--fs-label-l);font-weight:var(--fw-medium);line-height:var(--lh-label-l);letter-spacing:var(--ls-label-l)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-pay{background:var(--c-primary);color:var(--c-on-primary);border:0;border-radius:var(--r-btn);padding:12px 16px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-base);font-size:var(--fs-label-l);font-weight:var(--fw-medium);line-height:var(--lh-label-l);letter-spacing:var(--ls-label-l)}.btn-pay:disabled{opacity:.5;cursor:not-allowed}.input{border-radius:var(--r-input-outer);display:flex;flex-direction:column;gap:6px}.input-label{font-family:var(--font-base);font-size:var(--fs-body-s);font-weight:var(--fw-regular);line-height:var(--lh-body-s);letter-spacing:var(--ls-body-s);color:var(--c-text-2)}.fieldbox{border:var(--border-1) solid var(--c-outline-2);border-radius:var(--r-input-field);background:var(--c-surface);min-height:48px;padding:12px;display:flex;align-items:center;gap:8px}.fieldbox input{border:0;outline:none;width:100%;background:transparent;font-family:var(--font-base);font-size:var(--fs-body-l);font-weight:var(--fw-regular);line-height:var(--lh-body-l);letter-spacing:var(--ls-body-l);color:var(--c-text)}.fieldbox input::placeholder{color:var(--c-text-2)}.consent-row{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:10px}.checkbox{width:24px;height:24px;border:var(--border-1) solid var(--c-outline-2);border-radius:6px;background:var(--c-surface);display:grid;place-items:center}.checkbox.is-checked{background:var(--c-primary);border-color:var(--c-primary)}.checkbox-mark{width:12px;height:12px;border-right:2px solid var(--c-on-primary);border-bottom:2px solid var(--c-on-primary);transform:rotate(45deg);margin-top:-2px}.consent-text{font-family:var(--font-base);font-size:var(--fs-body-m);font-weight:var(--fw-regular);line-height:var(--lh-body-m);letter-spacing:var(--ls-body-m);color:var(--c-text-2)}.consent-link{color:var(--c-primary);text-decoration:underline;cursor:pointer}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton{border-radius:var(--r-panel);background:var(--c-surface-container);border:var(--border-1) solid var(--c-outline-2);overflow:hidden;animation:pulse 1.5s infinite ease-in-out}.skeleton-line{height:12px;margin:10px 12px;border-radius:8px;background:#0000000f}.skeleton-line.big{height:18px}