@font-face{font-family:Gaegu;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gaegu-latin-400-normal-BZ0xBS4u.woff2) format("woff2"),url(/assets/gaegu-latin-400-normal-DYQdOmUf.woff) format("woff")}:root{--bb-blue: #C6E3FF;--bb-brown: #594101;--bb-cream: #F4F4EF;--bb-bg: var(--bb-cream);--bb-surface: #FFFFFF;--bb-surface-accent: var(--bb-blue);--bb-ink: var(--bb-brown);--bb-ink-soft: color-mix(in srgb, var(--bb-brown) 65%, transparent);--bb-line: var(--bb-brown);--bb-ok: #4B6B3A;--bb-warn: #8A6D1F;--bb-danger: #8C3B2E;--bb-brown-deep: #42300A;--bb-term-bg: #241B02;--bb-term-surface: #2E2200;--bb-term-titlebar: #3A2B0C;--bb-term-titlebar-line: #4A3814;--bb-term-border: #7A5C1A;--bb-radius-doodle: 18px 24px 16px 22px;--bb-radius-blob: 42% 58% 55% 45% / 48% 42% 58% 52%;--bb-border: 2px solid var(--bb-line);--bb-border-thin: 1px solid var(--bb-ink-soft);--bb-font-display: "Gaegu", "Comic Sans MS", cursive;--bb-font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--bb-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--bb-space-1: 4px;--bb-space-2: 8px;--bb-space-3: 12px;--bb-space-4: 16px;--bb-space-6: 24px;--bb-space-8: 32px;--bb-space-12: 48px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bb-bg);color:var(--bb-ink);font-family:var(--bb-font-body);line-height:1.55}h1,h2,h3{font-family:var(--bb-font-display);font-weight:700;letter-spacing:.01em;margin:0 0 var(--bb-space-3)}a{color:var(--bb-ink);text-decoration-thickness:2px;text-underline-offset:3px}.bb-card{background:var(--bb-surface);border:var(--bb-border);border-radius:var(--bb-radius-doodle);padding:var(--bb-space-6)}.bb-card--accent{background:var(--bb-surface-accent)}.bb-button{font-family:var(--bb-font-display);font-size:1.05rem;background:var(--bb-blue);color:var(--bb-ink);border:var(--bb-border);border-radius:var(--bb-radius-doodle);padding:var(--bb-space-2) var(--bb-space-6);cursor:pointer}.bb-button:hover{background:var(--bb-surface)}.bb-button[disabled]{opacity:.5;cursor:not-allowed}.bb-input{font-family:var(--bb-font-body);background:var(--bb-surface);color:var(--bb-ink);border:var(--bb-border);border-radius:var(--bb-radius-doodle);padding:var(--bb-space-2) var(--bb-space-3);width:100%}.bb-table{width:100%;border-collapse:collapse}.bb-table th,.bb-table td{text-align:left;padding:var(--bb-space-2) var(--bb-space-3);border-bottom:var(--bb-border-thin)}:root{color-scheme:light}body{margin:0;font-family:Gaegu,Comic Sans MS,cursive,sans-serif;color:var(--bb-ink);background:var(--bb-cream)}h1,h2,h3{color:var(--bb-brown);font-weight:400}a{color:var(--bb-brown)}.frame{min-height:100vh;display:flex;flex-direction:column}.frame__header{display:flex;align-items:center;gap:var(--bb-space-6);padding:var(--bb-space-4) var(--bb-space-8);border-bottom:var(--bb-border)}.frame__brand{font-family:var(--bb-font-display);font-size:1.8rem;text-decoration:none}.frame__main{flex:1;padding:var(--bb-space-12) var(--bb-space-8);max-width:960px;margin:0 auto;width:100%}.frame__footer{border-top:var(--bb-border);padding:var(--bb-space-6) var(--bb-space-8);color:var(--bb-ink-soft)}.hero{display:grid;gap:var(--bb-space-6)}.hero h1{font-size:clamp(2.5rem,7vw,4rem);margin:0}.hero__doodle{width:140px;color:var(--bb-ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--bb-space-4);margin:var(--bb-space-12) 0}.balance{display:grid;gap:var(--bb-space-1)}.balance__amount{font-family:var(--bb-font-display);font-size:2.6rem}.hint{color:var(--bb-ink-soft);font-size:.9rem}.nav-links{display:inline-flex;gap:var(--bb-space-6)}.form-row{display:flex;gap:var(--bb-space-3);align-items:center;flex-wrap:wrap;margin:var(--bb-space-3) 0}.form-row .bb-input{width:auto;flex:1;min-width:160px}.credit-meter{margin:var(--bb-space-2) 0}.credit-meter__track{height:14px;background:var(--bb-surface);border:var(--bb-border);border-radius:999px;overflow:hidden}.credit-meter__fill{height:100%;background:var(--bb-blue)}.topup{margin:var(--bb-space-12) 0}.topup-presets{display:flex;gap:var(--bb-space-2);flex-wrap:wrap;margin:var(--bb-space-3) 0}.topup-presets button[aria-pressed=true]{background:var(--bb-blue);box-shadow:inset 0 -3px color-mix(in srgb,var(--bb-brown) 30%,transparent)}.wl-page{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;padding:var(--bb-space-6) var(--bb-space-4);background:var(--bb-bg);-webkit-text-size-adjust:100%}.wl-card{width:100%;max-width:420px;margin:auto;background:var(--bb-surface);border:var(--bb-border);border-radius:var(--bb-radius-doodle);padding:var(--bb-space-8)}.wl-title{margin:0 0 var(--bb-space-6);font-family:var(--bb-font-display);font-weight:400;font-size:1.6rem;line-height:1.2;color:var(--bb-ink)}.wl-form{display:flex;flex-direction:column;gap:var(--bb-space-4)}.wl-field{display:flex;flex-direction:column;gap:var(--bb-space-2)}.wl-field__label{font-family:var(--bb-font-body);font-size:.9rem;font-weight:600;color:var(--bb-ink)}.wl-input,.wl-select{width:100%;box-sizing:border-box;padding:var(--bb-space-3);font-family:var(--bb-font-body);font-size:1rem;color:var(--bb-ink);background:var(--bb-surface);border:var(--bb-border);border-radius:12px 14px}.wl-input:focus-visible,.wl-select:focus-visible{outline:2px solid var(--bb-ink);outline-offset:2px}.wl-input[aria-invalid=true],.wl-select[aria-invalid=true]{border-color:var(--bb-danger)}.wl-field__error{margin:0;font-family:var(--bb-font-body);font-size:.8rem;color:var(--bb-danger)}.wl-check{display:flex;gap:var(--bb-space-3);align-items:flex-start;font-family:var(--bb-font-body);cursor:pointer}.wl-check input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--bb-brown)}.wl-check__text{font-size:.9rem}.wl-submit{margin-top:var(--bb-space-2);padding:var(--bb-space-3) var(--bb-space-6);font-family:var(--bb-font-display);font-size:1.1rem;color:var(--bb-ink);background:var(--bb-surface-accent);border:var(--bb-border);border-radius:14px 18px;cursor:pointer}.wl-submit:disabled{opacity:.6;cursor:progress}.wl-alert{margin:0 0 var(--bb-space-4);font-family:var(--bb-font-body);font-size:.85rem;color:var(--bb-danger)}.wl-done{display:flex;flex-direction:column;gap:var(--bb-space-3);font-family:var(--bb-font-body)}.wl-done p{margin:0}@media (max-width: 380px){.wl-card{padding:var(--bb-space-6)}}
