:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fallback-bg:#fff;--fallback-text:#111;--fallback-link:#3390ec;--fallback-surface:#f5f5f5;--glass-bg:#ffffff1a;--glass-border:#fff6;--glass-shadow:0 12px 36px #00000026, 0 2px 6px #0000000a, inset 0 1px 0 #ffffffb3, inset 0 -.5px 0 #0000000d;--glass-active-bg:#ffffff73;--glass-active-shadow:inset 0 1px 0 #fff9, 0 1px 3px #00000014;--color-bg:var(--tg-theme-bg-color,var(--fallback-bg));--color-text:var(--tg-theme-text-color,var(--fallback-text));--color-link:var(--tg-theme-link-color,var(--fallback-link));--color-surface:var(--tg-theme-section-bg-color,var(--tg-theme-secondary-bg-color,var(--fallback-surface)))}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fallback-bg:#1c1c1e;--fallback-text:#f5f5f5;--fallback-link:#64b5ff;--fallback-surface:#2c2c2e;--glass-bg:#ffffff0f;--glass-border:#ffffff24;--glass-shadow:0 12px 36px #0006, inset 0 1px 0 #ffffff2e;--glass-active-bg:#ffffff1f;--glass-active-shadow:inset 0 1px 0 #ffffff29, 0 1px 3px #00000040}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font:17px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}header{z-index:50;max-width:600px;padding:calc(var(--tg-safe-area-inset-top,env(safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px) + 12px) 16px 12px;border-bottom:1px solid var(--color-surface);background:var(--color-bg);align-items:center;margin:0 auto;display:flex;position:sticky;top:0}h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}main{min-height:60vh;padding-bottom:calc(80px + max(var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)), 12px))}.bottomnav{left:12px;right:12px;bottom:max(var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)), 12px);z-index:100;pointer-events:none;justify-content:center;gap:8px;display:flex;position:fixed}.pill,.profile{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(30px)saturate(200%)brightness(1.05);border:.5px solid var(--glass-border);box-shadow:var(--glass-shadow)}.pill{border-radius:999px;flex:0 auto;gap:2px;min-width:0;max-width:calc(100% - 68px);padding:4px;display:flex}.tab{width:92px;min-width:0;color:var(--color-text);border-radius:999px;flex-direction:column;flex:92px;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:500;line-height:1;transition:background .18s,color .18s;display:flex}.tab.active{color:var(--color-link);background:var(--glass-active-bg);box-shadow:var(--glass-active-shadow)}.tab svg,.profile svg{flex:none;width:24px;height:24px}.profile{width:60px;height:60px;color:var(--color-text);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile.active{box-shadow:0 0 0 2px var(--color-link), 0 12px 36px #00000026}.profile img{object-fit:cover;border-radius:50%;width:100%;height:100%;min-height:60px;display:block}button:focus-visible{outline:2px solid var(--color-link);outline-offset:3px}