:root{--ink:#251541;--card:#ffffffd9;--radius:20px;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--balance,#e0d400) center/cover fixed no-repeat;background-image:linear-gradient(var(--balance,#e0d400),var(--balance,#e0d400)),url('/assets/branding/background.png')}main{max-width:700px;margin:auto;padding:24px}h1{margin-top:0}.card{background:var(--card);border-radius:var(--radius);padding:20px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}.avatar{border:3px solid transparent;border-radius:12px;padding:4px;background:transparent}.avatar img{width:100%;aspect-ratio:1;object-fit:contain}.avatar.selected{border-color:#6930c3}.avatar:disabled{opacity:.35}input,button{font:inherit;padding:12px;border-radius:12px;border:0;margin:5px 0}input{width:100%}button{background:#5a189a;color:#fff;font-weight:800;cursor:pointer}.balance{font-size:64px;font-weight:900}.online{color:#075b2d;font-weight:800}.error{color:#a40000;font-weight:800}.user{display:flex;align-items:center;gap:12px;padding:9px;border-bottom:1px solid #ddd}.user img{width:44px;height:44px;object-fit:contain}.user b{margin-left:auto}.qr{max-width:320px;width:100%}.install-screen{margin-top:15vh;text-align:center}.install-screen h2{margin-bottom:8px}.instructions{line-height:1.55}#qr-reader{width:100%;max-width:420px;margin:12px auto;overflow:hidden;border-radius:12px}#qr-reader video{width:100%!important;border-radius:12px}.notification-permission{border:2px solid #5a189a}.notice-modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#0009}.notice-card{width:min(100%,460px);border-radius:20px;background:#fff;padding:24px;text-align:center}.payment-confirmation button{margin-right:8px}