:root{--font-display: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent: "Tenor Sans", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--brand-primary-50: #FFF4EA;--brand-primary-100: #FEE7CE;--brand-primary-200: #FCD0A1;--brand-primary-300: #F9B373;--brand-primary-400: #F4974D;--brand-primary: #EB8121;--brand-primary-hover: #F18F34;--brand-primary-active: #E47109;--brand-primary-700: #C0610C;--brand-primary-800: #964C0A;--brand-primary-900: #5C2E06;--neutral-0: #FFFFFF;--neutral-50: #FAFAF9;--neutral-100: #F4F4F2;--neutral-200: #E8E8E5;--neutral-300: #D4D4D0;--neutral-400: #A8A8A4;--neutral-500: #7A7A76;--neutral-600: #525252;--neutral-700: #3D3D3B;--neutral-800: #262625;--neutral-900: #1A1A19;--neutral-950: #0E0E0D;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-400);--text-on-brand: var(--neutral-0);--text-on-image: var(--neutral-0);--status-success: #2F7D5B;--status-success-bg: #E8F2EC;--status-warning: #B8741A;--status-danger: #9F2F2F;--sponsored-bg: #FFF7E6;--sponsored-pill-bg: var(--neutral-100);--sponsored-pill-text: var(--neutral-700);--sponsored-border: var(--neutral-200);--border-default: var(--neutral-200);--border-strong: var(--neutral-300);--border-brand: var(--brand-primary);--surface-page: var(--neutral-50);--surface-card: var(--neutral-0);--surface-elevated: var(--neutral-0);--surface-overlay: rgba(14, 14, 13, .45);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-none: 0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(26, 26, 25, .04);--shadow-sm: 0 2px 6px rgba(26, 26, 25, .06), 0 1px 2px rgba(26, 26, 25, .04);--shadow-md: 0 4px 12px rgba(26, 26, 25, .08), 0 2px 4px rgba(26, 26, 25, .04);--shadow-lg: 0 8px 24px rgba(26, 26, 25, .1), 0 4px 8px rgba(26, 26, 25, .06);--shadow-xl: 0 16px 40px rgba(26, 26, 25, .12), 0 8px 16px rgba(26, 26, 25, .06);--shadow-header-sticky: 0 1px 0 var(--border-default);--shadow-tabbar-sticky: 0 -1px 0 var(--border-default);--shadow-qr-tab: 0 4px 12px rgba(235, 129, 33, .35);--transition-fast: .1s ease-out;--transition-default: .15s ease-out;--transition-slow: .25s ease-out;--transition-sheet: .25s cubic-bezier(.32, .72, 0, 1);--transition-page: .2s ease-out;--header-height: 56px;--tabbar-height: 68px;--max-content-width: 480px;--page-padding-x: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01";min-height:100%;display:flex;justify-content:center;align-items:flex-start}.app-frame{width:100%;max-width:var(--max-content-width);min-height:100vh;background:var(--surface-page);position:relative;display:flex;flex-direction:column}@media(min-width:640px){body{padding:32px 0;min-height:100vh}.app-frame{min-height:calc(100vh - 64px);border-radius:32px;overflow:hidden;box-shadow:0 24px 80px #1a1a192e,0 8px 24px #1a1a191a}}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}.bottom-tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-content-width);height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));background:var(--neutral-0);border-top:1px solid var(--border-default);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:50;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 0;min-height:56px;position:relative;color:var(--neutral-400);text-decoration:none;transition:color var(--transition-default)}.tab-item.active{color:var(--brand-primary)}.tab-item:hover{color:var(--neutral-700)}.tab-item.active:hover{color:var(--brand-primary)}.tab-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--brand-primary);border-radius:var(--radius-full)}.tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tab-label{font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.01em;font-family:var(--font-body)}.tab-qr{color:var(--brand-primary);padding-top:0}.tab-qr-pill{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--brand-primary);transform:translateY(-12px);box-shadow:var(--shadow-qr-tab);transition:background-color var(--transition-default)}.tab-qr:hover .tab-qr-pill{background:var(--brand-primary-hover)}.tab-qr:active .tab-qr-pill{background:var(--brand-primary-active);transform:translateY(-10px)}.page-content{flex:1;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));overflow-y:auto}.page-content-no-tab{flex:1;overflow-y:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}