:root{--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;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--radius-card: var(--radius-md);--radius-btn: var(--radius-md);--radius-key: var(--radius-md);--border-w: 1px;--numeric: normal;--label-transform: none;--label-tracking: normal;--fs-wordmark: 26px;--fs-display: 34px;--fs-h1: 22px;--fs-h2: 18px;--fs-body: 15px;--fs-sm: 13px;--fs-xs: 11px;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--lh-tight: 1.1;--lh-body: 1.45;--header-h: 56px;--tabbar-h: 64px;--keypad-key: 64px;--maxw-app: 440px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .38s;--dur-celebrate: 2.2s;--font-wordmark: var(--font-body);--font-display: var(--font-body);--font-body: "Inter", system-ui, -apple-system, sans-serif}:root,[data-theme=boardwalk]{--theme-name: "boardwalk";--bg: #FBF3E7;--bg-grad: repeating-conic-gradient(from 168deg at 50% -18%, rgba(255, 196, 120, .1) 0deg 5deg, rgba(255, 196, 120, 0) 5deg 11deg), radial-gradient(120% 80% at 50% -10%, #FFE7CE 0%, #FBF3E7 55%, #F4E7D2 100%);--surface: #FFFDF8;--surface-2: #FFF7EC;--surface-inset: #F6EAD6;--border: #E8D9C2;--border-strong: #D8C2A2;--text: #2C2118;--text-muted: #7A6A55;--text-faint: #A8967E;--text-on-accent: #FFFFFF;--accent: #E8602C;--accent-2: #1F8A8A;--accent-soft: #FBE3D4;--ring: #E8602C;--award: #2F8F5B;--award-soft: #DCEFE3;--dock: #C8442E;--dock-soft: #F7DED7;--redeem: #B5742B;--redeem-soft: #F2E6CF;--quest: #1F8A8A;--quest-soft: #D6ECEC;--shadow-1: 0 1px 2px rgba(60, 40, 20, .08);--shadow-2: 0 6px 18px rgba(60, 40, 20, .12);--shadow-3: 0 18px 48px rgba(60, 40, 20, .18);--shadow-accent: 0 8px 24px rgba(232, 96, 44, .28);--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--font-wordmark: "Pacifico", "Fraunces", cursive;--motif: "strike";--surface-blur: 0px}[data-theme=glass]{--theme-name: "glass";--bg: #ECF1F6;--bg-grad: radial-gradient(42% 32% at 16% 20%, rgba(124, 92, 255, .1) 0%, transparent 70%), radial-gradient(46% 36% at 84% 10%, rgba(46, 125, 246, .12) 0%, transparent 70%), radial-gradient(50% 40% at 70% 88%, rgba(34, 211, 238, .09) 0%, transparent 70%), linear-gradient(165deg, #F3F7FB 0%, #E3EAF2 60%, #DCE6F0 100%);--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .85);--surface-inset: rgba(255, 255, 255, .55);--border: rgba(255, 255, 255, .65);--border-strong: #CBD8E5;--text: #16202B;--text-muted: #5B6B7B;--text-faint: #94A4B4;--text-on-accent: #FFFFFF;--accent: #2E7DF6;--accent-2: #7C5CFF;--accent-soft: #E3ECFB;--ring: #2E7DF6;--award: #1E9E6A;--award-soft: #D7F0E5;--dock: #E0506A;--dock-soft: #FBE0E5;--redeem: #6B7A8B;--redeem-soft: #E4EAF0;--quest: #2E7DF6;--quest-soft: #DCE9FD;--shadow-1: 0 1px 2px rgba(30, 50, 80, .06);--shadow-2: 0 8px 24px rgba(30, 50, 80, .1);--shadow-3: 0 20px 56px rgba(30, 50, 80, .16);--shadow-accent: 0 8px 24px rgba(46, 125, 246, .24);--font-body: "Inter", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--font-wordmark: "Outfit", system-ui, sans-serif;--radius-card: 18px;--radius-key: 16px;--motif: "ring";--surface-blur: 16px}[data-theme=disco]{--theme-name: "disco";--bg: #0B0610;--bg-grad: radial-gradient(circle, rgba(251, 234, 255, .07) 0 1px, transparent 1.6px) 0 0 / 26px 26px repeat, radial-gradient(30% 22% at 18% 12%, rgba(255, 46, 136, .18) 0%, transparent 70%), radial-gradient(35% 25% at 85% 28%, rgba(155, 92, 255, .16) 0%, transparent 70%), radial-gradient(110% 70% at 50% 0%, #2A0E2E 0%, #140A1C 45%, #0B0610 100%);--surface: #1A0F22;--surface-2: #251433;--surface-inset: #2E1840;--border: #3A2348;--border-strong: #56326B;--text: #FBEAFF;--text-muted: #B690C9;--text-faint: #7E5C90;--text-on-accent: #14040F;--accent: #FF2E88;--accent-2: #9B5CFF;--accent-soft: #2A1030;--ring: #FF2E88;--award: #36E0A0;--award-soft: #0E2A22;--dock: #FF4D5E;--dock-soft: #2E1018;--redeem: #FFD23F;--redeem-soft: #2C2410;--quest: #36E0A0;--quest-soft: #0E2A22;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 8px 24px rgba(0, 0, 0, .55);--shadow-3: 0 20px 56px rgba(0, 0, 0, .65);--shadow-accent: 0 0 24px rgba(255, 46, 136, .55);--font-body: "Poppins", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-wordmark: "Monoton", "Space Grotesk", cursive;--motif: "disco";--surface-blur: 0px}[data-theme=teadance]{--theme-name: "teadance";--bg: #FFF4EC;--bg-grad: radial-gradient(circle, rgba(255, 255, 255, .45) 0 1px, transparent 1.8px) 7px 11px / 34px 34px repeat, radial-gradient(circle, rgba(255, 158, 44, .2) 0 1.5px, transparent 2.6px) 19px 27px / 56px 56px repeat, radial-gradient(45% 30% at 50% 0%, rgba(255, 79, 126, .1) 0%, transparent 70%), linear-gradient(170deg, #FFE3D0 0%, #FFD6DC 38%, #FFF4EC 75%, #FFEEDD 100%);--surface: #FFFCF9;--surface-2: #FFF3EA;--surface-inset: #FFE9DC;--border: #F4D7C8;--border-strong: #E8B9A4;--text: #3A2230;--text-muted: #8A5F6E;--text-faint: #BB94A0;--text-on-accent: #FFFFFF;--accent: #FF4F7E;--accent-2: #FF9E2C;--accent-soft: #FFE0E9;--ring: #FF4F7E;--award: #1FA76B;--award-soft: #DCF2E6;--dock: #E0442E;--dock-soft: #FBDFD8;--redeem: #C77F1F;--redeem-soft: #F8E9CF;--quest: #C2429E;--quest-soft: #F7DEF0;--shadow-1: 0 1px 2px rgba(120, 50, 60, .08);--shadow-2: 0 6px 18px rgba(120, 50, 60, .13);--shadow-3: 0 18px 48px rgba(120, 50, 60, .2);--shadow-accent: 0 8px 24px rgba(255, 79, 126, .32);--font-body: "DM Sans", system-ui, sans-serif;--font-display: "Righteous", "DM Sans", sans-serif;--font-wordmark: "Righteous", "DM Sans", cursive;--radius-card: 22px;--radius-btn: var(--radius-pill);--radius-key: 20px;--motif: "toast";--surface-blur: 0px}[data-theme=linen]{--theme-name: "linen";--bg: #F8F6F1;--bg-grad: repeating-linear-gradient(0deg, rgba(31, 58, 95, .028) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(31, 58, 95, .028) 0 1px, transparent 1px 3px), linear-gradient(180deg, #FCFBF8 0%, #F4F1E9 100%);--surface: #FFFFFF;--surface-2: #FAF8F3;--surface-inset: #F1EDE3;--border: #E6E0D2;--border-strong: #CFC6B0;--text: #232A33;--text-muted: #6B7280;--text-faint: #9AA1AC;--text-on-accent: #FFFFFF;--accent: #1F3A5F;--accent-2: #9A7B4F;--accent-soft: #E7EDF5;--ring: #1F3A5F;--award: #2D7D5B;--award-soft: #E0EEE8;--dock: #B0492F;--dock-soft: #F3E0DA;--redeem: #9A7B4F;--redeem-soft: #F0E9DC;--quest: #3E6B8C;--quest-soft: #E2EBF2;--shadow-1: 0 1px 2px rgba(40, 40, 30, .05);--shadow-2: 0 6px 18px rgba(40, 40, 30, .08);--shadow-3: 0 18px 48px rgba(40, 40, 30, .12);--shadow-accent: 0 8px 24px rgba(31, 58, 95, .18);--font-body: "Inter", system-ui, sans-serif;--font-display: "Cormorant Garamond", Georgia, serif;--font-wordmark: "Cormorant Garamond", Georgia, serif;--radius-card: 8px;--radius-btn: 8px;--radius-key: 6px;--label-transform: uppercase;--label-tracking: .09em;--motif: "flourish";--surface-blur: 0px}[data-theme=locker]{--theme-name: "locker";--bg: #101B2E;--bg-grad: radial-gradient(circle, rgba(243, 239, 228, .045) 0 1.2px, transparent 2px) 0 0 / 18px 18px repeat, radial-gradient(circle at 50% 30%, transparent 0 118px, rgba(255, 184, 28, .08) 119px 121px, transparent 122px), radial-gradient(60% 35% at 50% 0%, rgba(243, 239, 228, .05) 0%, transparent 70%), linear-gradient(180deg, #16243C 0%, #101B2E 70%, #0C1524 100%);--surface: #1A2A45;--surface-2: #213251;--surface-inset: #0E1A30;--border: #2C4066;--border-strong: #3D5582;--text: #F3EFE4;--text-muted: #A8B2C6;--text-faint: #71809B;--text-on-accent: #14213A;--accent: #FFB81C;--accent-2: #E84855;--accent-soft: #2F2814;--ring: #FFB81C;--award: #4ADE80;--award-soft: #11301F;--dock: #F4694B;--dock-soft: #331812;--redeem: #FFB81C;--redeem-soft: #332810;--quest: #38BDF8;--quest-soft: #0E2737;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 8px 24px rgba(0, 0, 0, .5);--shadow-3: 0 20px 56px rgba(0, 0, 0, .6);--shadow-accent: 0 8px 24px rgba(255, 184, 28, .35);--font-body: "Inter", system-ui, sans-serif;--font-display: "Archivo Black", "Inter", sans-serif;--font-wordmark: "Archivo Black", "Inter", sans-serif;--radius-card: 10px;--radius-btn: 10px;--radius-key: 10px;--border-w: 2px;--numeric: tabular-nums;--label-transform: uppercase;--label-tracking: .07em;--motif: "chalk";--surface-blur: 0px}[data-theme=meatrack]{--theme-name: "meatrack";--bg: #0A100C;--bg-grad: radial-gradient(40% 30% at 70% 6%, rgba(234, 242, 232, .055) 0%, transparent 60%), radial-gradient(28% 22% at 22% 35%, rgba(0, 0, 0, .34) 0%, transparent 70%), radial-gradient(32% 26% at 78% 62%, rgba(0, 0, 0, .3) 0%, transparent 70%), radial-gradient(24% 18% at 40% 88%, rgba(0, 0, 0, .28) 0%, transparent 70%), radial-gradient(120% 80% at 50% -10%, #14251A 0%, #0E1810 50%, #0A100C 100%);--surface: #131F17;--surface-2: #1A2B1F;--surface-inset: #0D1710;--border: #25392B;--border-strong: #38543F;--text: #EAF2E8;--text-muted: #98B09B;--text-faint: #5F7A64;--text-on-accent: #FFFFFF;--accent: #D7263D;--accent-2: #C98A2D;--accent-soft: #26161A;--ring: #D7263D;--award: #46C28A;--award-soft: #10271C;--dock: #E5484D;--dock-soft: #2B1314;--redeem: #C98A2D;--redeem-soft: #2A2110;--quest: #5BA8A0;--quest-soft: #102624;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 8px 24px rgba(0, 0, 0, .55);--shadow-3: 0 20px 56px rgba(0, 0, 0, .65);--shadow-accent: 0 0 24px rgba(215, 38, 61, .45);--font-body: "Space Grotesk", system-ui, sans-serif;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-wordmark: "Bricolage Grotesque", system-ui, sans-serif;--radius-card: 12px;--radius-btn: 12px;--border-w: 1.5px;--motif: "fireflies";--surface-blur: 0px}[data-theme=darkroom]{--theme-name: "darkroom";--bg: #050505;--bg-grad: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" stitchTiles="stitch"/><feColorMatrix type="matrix" values="0 0 0 0 1  0 0 0 0 0.55  0 0 0 0 0.55  0 0 0 0.05 0"/></filter><rect width="160" height="160" filter="url(%23n)"/></svg>') 0 0 / 160px 160px repeat, radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(0, 0, 0, .55) 100%), radial-gradient(50% 30% at 50% 0%, rgba(255, 31, 61, .16) 0%, transparent 70%), radial-gradient(110% 70% at 50% 0%, #1C0608 0%, #0D0304 50%, #050505 100%);--surface: #120A0B;--surface-2: #1B0E10;--surface-inset: #0C0607;--border: #2E1518;--border-strong: #4A2026;--text: #FFE9E9;--text-muted: #C08A8E;--text-faint: #7E5256;--text-on-accent: #1A0000;--accent: #FF1F3D;--accent-2: #FF7A00;--accent-soft: #2A0C10;--ring: #FF1F3D;--award: #3DDC97;--award-soft: #0B2A1E;--dock: #FF5C5C;--dock-soft: #2E0F0F;--redeem: #FFC53D;--redeem-soft: #2C2208;--quest: #FF7A00;--quest-soft: #2A1604;--shadow-1: 0 1px 2px rgba(0, 0, 0, .6);--shadow-2: 0 8px 24px rgba(0, 0, 0, .65);--shadow-3: 0 20px 56px rgba(0, 0, 0, .75);--shadow-accent: 0 0 28px rgba(255, 31, 61, .55);--font-body: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-wordmark: "Archivo Black", "Space Grotesk", sans-serif;--radius-card: 6px;--radius-btn: 6px;--radius-key: 6px;--label-transform: uppercase;--label-tracking: .1em;--motif: "flash";--surface-blur: 0px}[data-theme=operator]{--theme-name: "operator";--bg: #0E1422;--bg-grad: linear-gradient(180deg, #111A2C 0%, #0E1422 100%);--surface: #18202F;--surface-2: #212B3D;--surface-inset: #0C1320;--border: #2C3850;--border-strong: #3C4A66;--text: #E7ECF3;--text-muted: #93A0B4;--text-faint: #61708A;--text-on-accent: #FFFFFF;--accent: #6366F1;--accent-2: #22D3EE;--accent-soft: #1B2236;--ring: #6366F1;--award: #34D399;--award-soft: #0E2A22;--dock: #F87171;--dock-soft: #2A1414;--redeem: #FBBF24;--redeem-soft: #2A2410;--quest: #22D3EE;--quest-soft: #0C2630;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 8px 24px rgba(0, 0, 0, .45);--shadow-3: 0 20px 56px rgba(0, 0, 0, .55);--shadow-accent: 0 8px 24px rgba(99, 102, 241, .35);--font-body: "Inter", system-ui, sans-serif;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-wordmark: "Bricolage Grotesque", system-ui, sans-serif;--motif: "none";--surface-blur: 0px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg-grad, var(--bg));color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{max-width:var(--maxw-app);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--bg-grad, var(--bg))}.screen{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.scroll{flex:1 1 auto;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(var(--tabbar-h) + var(--space-6))}button{font-family:inherit;cursor:pointer}a{color:var(--accent)}.muted{color:var(--text-muted)}.center{display:grid;place-items:center;text-align:center}.hdr{height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-5);padding-right:var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.hdr .mark{font-size:22px}.hdr .wordmark{font-family:var(--font-wordmark);font-size:var(--fs-wordmark);line-height:1}.hdr .spacer{margin-left:auto}.hdr .signout{background:none;border:none;color:var(--text-muted);font-size:var(--fs-sm)}.btn{border:none;border-radius:var(--radius-btn);padding:var(--space-4);font-size:var(--fs-body);font-weight:var(--fw-bold);width:100%;background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-accent);transition:transform var(--dur-fast) var(--ease-spring),opacity var(--dur-fast)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;box-shadow:none}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.sm{width:auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--fs-sm)}input,textarea{width:100%;font-family:inherit;font-size:var(--fs-body);color:var(--text);background:var(--surface-inset);border:var(--border-w) solid var(--border);border-radius:var(--radius-key);padding:var(--space-3) var(--space-4);outline:none}input:focus,textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 25%,transparent)}.gate{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.gate .bigmark{font-size:72px;line-height:1}.gate .gwordmark{font-family:var(--font-wordmark);font-size:40px}.gate form{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.gate .err{color:var(--dock);font-size:var(--fs-sm);min-height:18px}.names{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.namechip{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);font-size:var(--fs-body);color:var(--text)}.ava{border-radius:var(--radius-pill);display:grid;place-items:center;color:#fff;font-weight:var(--fw-bold);flex:0 0 auto}.hero{text-align:center;padding:var(--space-6) 0 var(--space-5)}.hero .lbl{color:var(--text-muted);font-size:var(--fs-sm);text-transform:var(--label-transform);letter-spacing:var(--label-tracking)}.hero .total{font-family:var(--font-display);font-size:64px;line-height:1;color:var(--accent);margin:var(--space-2) 0;text-shadow:var(--shadow-accent);font-variant-numeric:var(--numeric)}.hero .noun{color:var(--text-muted);font-size:var(--fs-sm);text-transform:var(--label-transform);letter-spacing:var(--label-tracking)}.podium{display:flex;gap:var(--space-3);align-items:flex-end;justify-content:center;padding:var(--space-5) 0}.pod{text-align:center}.pod .nm{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-1);text-transform:var(--label-transform);letter-spacing:var(--label-tracking)}.pod .sc{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:var(--numeric)}.pod.first .sc{font-size:var(--fs-h1)}.rank-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.rank{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-card);padding:var(--space-2) var(--space-3)}.rank .pos{width:22px;color:var(--text-faint);font-weight:var(--fw-bold)}.rank .sc{margin-left:auto;font-family:var(--font-display);font-weight:var(--fw-bold)}.strip{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.stat{flex:1;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-card);padding:var(--space-3) var(--space-2);text-align:center}.stat b{font-family:var(--font-display);font-size:var(--fs-h2);display:block;font-variant-numeric:var(--numeric)}.stat span{color:var(--text-muted);font-size:var(--fs-xs);text-transform:var(--label-transform);letter-spacing:var(--label-tracking)}.stat.up b{color:var(--award)}.stat.dn b{color:var(--dock)}.feed{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;gap:var(--space-3);align-items:flex-start;background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-card);padding:var(--space-3);box-shadow:var(--shadow-1);text-align:left;width:100%}.row.redeem{border-style:dashed;background:var(--redeem-soft)}.row .who{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.row .rsn{color:var(--text-muted);font-size:var(--fs-xs);margin-top:2px}.row .meta{color:var(--text-faint);font-size:var(--fs-xs);margin-top:var(--space-1);display:flex;gap:var(--space-3)}.row .thumb{width:100%;max-height:220px;object-fit:cover;border-radius:var(--radius-sm);margin-top:var(--space-2)}.delta{margin-left:auto;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);flex:0 0 auto;font-variant-numeric:var(--numeric)}.delta.award{color:var(--award)}.delta.dock{color:var(--dock)}.delta.redeem{color:var(--redeem)}.delta.quest{color:var(--quest)}.badge{display:inline-block;font-size:9px;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-pill);margin-top:var(--space-1)}.badge.quest{background:var(--quest-soft);color:var(--quest)}.badge.redeem{background:var(--redeem-soft);color:var(--redeem)}.tabs{flex:0 0 auto;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0;z-index:5}.tab{flex:1;display:grid;place-items:center;gap:2px;font-size:10px;color:var(--text-muted);background:none;border:none}.tab.active{color:var(--accent)}.tab .ic{font-size:18px}.fab{position:fixed;right:max(var(--space-4),calc((100vw - var(--maxw-app)) / 2 + var(--space-4)));bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--space-3));width:56px;height:56px;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);border:none;display:grid;place-items:center;font-size:28px;box-shadow:var(--shadow-accent);z-index:6}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--bg-grad, var(--bg));display:flex;flex-direction:column;max-width:var(--maxw-app);margin:0 auto}.sheet .sheet-hdr{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.sheet .sheet-body{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--fs-sm);color:var(--text)}.pill.on{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.toggle{display:flex;gap:var(--space-2)}.toggle .seg{flex:1;padding:var(--space-3);border-radius:var(--radius-card);border:var(--border-w) solid var(--border);background:var(--surface);font-weight:var(--fw-bold)}.toggle .seg.award.on{background:var(--award);color:#fff;border-color:var(--award)}.toggle .seg.dock.on{background:var(--dock);color:#fff;border-color:var(--dock)}.amount{text-align:center;font-family:var(--font-display);font-size:56px;color:var(--accent);font-variant-numeric:var(--numeric)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.key{height:var(--keypad-key);border-radius:var(--radius-key);border:var(--border-w) solid var(--border);background:var(--surface-inset);font-size:var(--fs-h1);font-family:var(--font-display);color:var(--text);font-variant-numeric:var(--numeric)}.key:active{background:var(--accent-soft)}.detail-photo{width:100%;border-radius:var(--radius-md);margin:var(--space-3) 0}.reacts{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0}.react{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--fs-sm)}.react.mine{background:var(--accent-soft);border-color:var(--accent)}.comment{padding:var(--space-3) 0;border-top:1px solid var(--border)}.comment .who{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.comment .body{font-size:var(--fs-body);margin-top:2px}.replybar{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0}.card{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-card);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-1)}.card.dim{opacity:.45}.card .title{font-weight:var(--fw-bold)}.card .sub{color:var(--text-muted);font-size:var(--fs-xs)}.card .val{margin-left:auto;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);font-variant-numeric:var(--numeric)}.list{display:flex;flex-direction:column;gap:var(--space-3)}.balance{text-align:center;padding:var(--space-5) 0}.balance .n{font-family:var(--font-display);font-size:48px;color:var(--accent);font-variant-numeric:var(--numeric)}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:grid;place-items:center}.celebrate .burst{font-size:96px;animation:pop var(--dur-slow) var(--ease-spring)}.celebrate .ray{position:absolute;width:240px;height:240px;border-radius:50%;border:6px solid var(--accent);opacity:0;animation:ring var(--dur-celebrate) var(--ease-out)}@keyframes pop{0%{transform:scale(.2);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes ring{0%{transform:scale(.3);opacity:.8}to{transform:scale(2.4);opacity:0}}.celebrate .ray.hairline{border-width:1px;border-color:var(--accent-2);animation-duration:calc(var(--dur-celebrate) * 1.1)}.celebrate .bub{position:absolute;bottom:30%;width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 25%,transparent);opacity:0;animation:bubble var(--dur-celebrate) var(--ease-out) forwards}@keyframes bubble{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-45vh) scale(1.1);opacity:0}}.celebrate .stroke{position:absolute;width:5px;height:64px;border-radius:3px;background:var(--accent);opacity:0;animation:strokeburst .7s var(--ease-out) forwards}@keyframes strokeburst{0%{transform:rotate(var(--rot)) translateY(-30px);opacity:1}to{transform:rotate(var(--rot)) translateY(-140px);opacity:0}}.celebrate .fly{position:absolute;bottom:35%;width:7px;height:7px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px 3px color-mix(in srgb,var(--accent-2) 70%,transparent);opacity:0;animation:firefly var(--dur-celebrate) ease-in-out forwards}@keyframes firefly{0%{transform:translate(0);opacity:0}20%{opacity:1}45%{opacity:.25}65%{opacity:1}to{transform:translate(26px,-38vh);opacity:0}}.celebrate .flashpane{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:camflash .9s ease-out forwards}@keyframes camflash{0%{background:#fff;opacity:0}6%{background:#fff;opacity:.8}18%{background:#fff;opacity:.05}32%{background:var(--accent);opacity:.35}to{background:var(--accent);opacity:0}}.op-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.op-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.swatch{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);flex:0 0 auto}.dot{width:10px;height:10px;border-radius:50%;margin-left:auto}.dot.live{background:var(--award)}.dot.idle{background:var(--text-faint)}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium)}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.configure-layout{display:grid;gap:var(--space-5)}@media (min-width: 900px){.configure-layout{grid-template-columns:1fr 320px;align-items:start}}.miniphone{width:280px;height:560px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-3);border:1px solid var(--border);position:sticky;top:var(--space-4)}.landing{min-height:100dvh;background:var(--bg-grad, var(--bg));color:var(--text)}.landing h1,.landing h2{font-family:var(--font-display);margin:0}.landing h3{font-family:var(--font-display);font-size:20px;margin:32px 0 8px}.landing ul{margin:0 0 16px;padding-left:20px;display:grid;gap:8px;font-size:15px}.landing li,.landing p{color:var(--text)}.l-hero{max-width:720px;margin:0 auto;padding:96px 24px 64px;text-align:center}.l-mark{font-size:56px}.l-hero h1{font-family:var(--font-wordmark);font-size:clamp(40px,7vw,64px);color:var(--accent)}.l-tag{font-family:var(--font-display);font-size:clamp(22px,3.4vw,32px);line-height:1.2;margin:20px 0 12px}.l-sub{color:var(--text-muted);font-size:17px;max-width:560px;margin:0 auto 28px}.l-proof{color:var(--text-faint);font-size:13px;margin-top:20px}.l-cta{display:inline-block;background:var(--accent);color:var(--text-on-accent);font-weight:var(--fw-bold);font-size:17px;text-decoration:none;padding:14px 28px;border-radius:var(--radius-pill);box-shadow:var(--shadow-accent)}.l-cta.sm{font-size:14px;padding:10px 20px;box-shadow:none}.l-section{max-width:980px;margin:0 auto;padding:48px 24px}.l-section h2{font-size:clamp(26px,4vw,34px);margin-bottom:8px}.l-section-sub{color:var(--text-muted);margin:0 0 24px;max-width:640px}.l-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.l-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-1)}.l-card-mark{font-size:26px}.l-card h3{margin:8px 0 6px;font-size:17px}.l-card p{margin:0;color:var(--text-muted);font-size:14px}.l-themes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.l-theme{border:1.5px solid;border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:6px}.l-theme strong{text-transform:lowercase;letter-spacing:.04em}.l-theme p{margin:0;font-size:13px;opacity:.8}.l-swatch{width:28px;height:28px;border-radius:50%}.l-steps{max-width:640px;padding-left:22px;display:grid;gap:14px;font-size:16px}.l-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.l-tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-1)}.l-tier.featured{border:2px solid var(--accent);box-shadow:var(--shadow-2)}.l-tier h3{margin:0 0 4px;font-family:var(--font-display);font-size:20px}.l-price{font-size:34px;font-weight:var(--fw-bold);color:var(--accent);margin-bottom:12px}.l-price span{font-size:13px;font-weight:var(--fw-regular);color:var(--text-muted)}.l-tier ul{margin:0 0 18px;padding-left:18px;display:grid;gap:6px;font-size:14px;color:var(--text-muted)}.l-footer{text-align:center;padding:56px 24px 72px}.l-footer p:first-child{font-size:20px;margin-bottom:20px}.l-fine{color:var(--text-faint);font-size:13px;max-width:520px;margin:24px auto 0}