:root{--bg: #0a1530;--fg: #f5f6f8;--accent: #5aa1ff;--muted: #8a8f99;--surface: #1a1c22;--border: rgba(255, 255, 255, .08);--tabbar-h: 64px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}#app{display:flex;flex-direction:column;min-height:100vh}.screen{flex:1;padding:16px;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);overflow-y:auto}.screen--overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:20;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);overflow-y:auto}.screen--overlay[hidden]{display:none}.screen[data-tab=pay]{padding:16px 16px 0;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 12px calc(env(safe-area-inset-bottom) + 10px);pointer-events:none;z-index:10}.tabbar__pill{pointer-events:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#10162ac7;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:8px;width:min(520px,calc(100% - 24px));box-shadow:0 10px 32px #00000073}.tabbar__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#ffffff8c;border:0;height:52px;font:inherit;font-weight:500;cursor:pointer;transition:color .14s ease,background .14s ease;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px}.tabbar__icon{width:20px;height:20px;display:grid;place-items:center}.tabbar__icon svg{width:20px;height:20px;color:currentColor}.tabbar__label{font-size:10px;font-weight:500;letter-spacing:.02em}.tabbar__btn.is-active{color:#fff;background:#ffffff1a}.tabbar__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
