*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;height:100%;overflow:hidden}body{height:100%;overflow:hidden!important;margin-right:0!important;padding-right:0!important;width:100%!important}body,#root{transform:none!important}button,a,input,select,textarea,[role=button],[role=switch],[role=checkbox],[role=radio],[role=tab],[role=menuitem],[role=option]{touch-action:manipulation}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-page);text-rendering:optimizeLegibility;overflow-wrap:break-word;-webkit-overflow-scrolling:touch}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus{outline:none}:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-400.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-500.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-600.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-700.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-800.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kanit-latin-700.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/kanit-latin-800.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/kanit-latin-900.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/kanit-latin-700-italic.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/kanit-latin-800-italic.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/kanit-latin-900-italic.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: "Kanit", "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-callout: var(--font-family-display);--font-family-arcade: var(--font-family-display);--font-family-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-tiny: .625rem;--font-size-caption: .6875rem;--font-size-label: .75rem;--font-size-body: .8125rem;--font-size-body-small: .8125rem;--font-size-body-large: .875rem;--font-size-subheading: .9375rem;--font-size-cta: 1rem;--font-size-heading-small: 1.0625rem;--font-size-heading: 1.1875rem;--font-size-h2: 1.25rem;--font-size-title: 1.375rem;--font-size-h1: 1.625rem;--font-size-display: 2.125rem;--font-size-hero: 2.375rem;--font-size-jumbo: 2.75rem;--font-size-avatar-micro: .5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-display: 1.05;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .06em;--letter-spacing-wider: .08em;--letter-spacing-widest: .12em;--space-pixel: 1px;--space-micro: 2px;--space-small: 3px;--space-hairline: 4px;--space-tight: 8px;--space-snug: 10px;--space-default: 14px;--space-comfortable: 18px;--space-loose: 22px;--space-roomy: 28px;--space-spacious: 36px;--space-airy: 44px;--space-generous: 60px;--radius-sharp: 2px;--radius-subtle: 3px;--radius-default: 4px;--radius-rounded: 6px;--radius-large: 8px;--radius-card: 14px;--radius-pill: 9999px;--progress-height-thin: 4px;--progress-height-default: 6px;--progress-height-thick: 10px;--segment-width: 28px;--segment-height: 10px;--segment-gap: 3px;--button-height-compact: 26px;--button-height-default: 34px;--button-height-large: 42px;--control-height-compact: 30px;--control-height-default: 38px;--control-height-large: 48px;--toggle-width: 48px;--toggle-height: 26px;--toggle-thumb-size: 18px;--toggle-thumb-inset: 4px;--checkbox-size: 20px;--radio-size: 18px;--radio-dot-size: 8px;--toast-icon-badge-size: 22px;--toast-icon-size: 12px;--badge-height: 17px;--badge-padding-y: 2px;--badge-padding-x: 6px;--badge-line-height: 14px;--activity-legend-cell-size: 12px;--icon-size-tiny: 12px;--icon-size-small: 14px;--icon-size-default: 15px;--icon-size-medium: 17px;--icon-size-large: 18px;--icon-size-xlarge: 22px;--icon-size-jumbo: 30px;--play-button-size-default: 60px;--play-button-size-featured: 76px;--play-button-size-compact: 44px;--play-button-icon-default: 26px;--play-button-icon-featured: 34px;--play-button-icon-compact: 18px;--play-button-icon-offset: 3px;--action-button-size-default: 34px;--action-button-size-compact: 26px;--leaderboard-rank-width: 32px;--leaderboard-trend-width: 20px;--leaderboard-arrow-size: 5px;--leaderboard-arrow-height: 6px;--leaderboard-dash-width: 10px;--leaderboard-dash-height: 2px;--item-icon-container-size: 52px;--item-emoji-size: 34px;--rank-icon-container-size: 80px;--rank-card-max-width: 480px;--mmr-display-min-width: 420px;--mmr-display-min-width-compact: 320px;--avatar-size-micro: 20px;--avatar-size-tiny: 24px;--avatar-size-compact: 28px;--avatar-size-default: 34px;--avatar-size-large: 44px;--avatar-size-display: 68px;--avatar-overlap-default: -8px;--avatar-overlap-compact: -6px;--status-dot-size-small: 5px;--status-dot-size: 6px;--bottom-nav-height: 54px;--game-bar-height: 50px;--layout-max-width-narrow: 400px;--layout-max-width-medium: 540px;--layout-max-width-default: 740px;--layout-max-width-wide: 1600px;--card-image-height: 168px;--activity-cell-size: 20px;--activity-gap: 2px;--viewport-phone-max: 639px;--viewport-tablet-min: 640px;--viewport-tablet-max: 1023px;--viewport-desktop-min: 1024px;--idv-native-safe-top: 0px;--idv-native-safe-right: 0px;--idv-native-safe-bottom: 0px;--idv-native-safe-left: 0px;--idv-native-viewport-width: 0px;--idv-native-viewport-height: 0px;--safe-area-inset-top: max(env(safe-area-inset-top, 0px), var(--idv-native-safe-top));--safe-area-inset-right: max(env(safe-area-inset-right, 0px), var(--idv-native-safe-right));--safe-area-inset-bottom: max(env(safe-area-inset-bottom, 0px), var(--idv-native-safe-bottom));--safe-area-inset-left: max(env(safe-area-inset-left, 0px), var(--idv-native-safe-left));--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-out-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: 50ms;--duration-fast: .1s;--duration-default: .18s;--duration-slow: .3s;--duration-pop: .25s;--z-dropdown: 100;--z-overlay: 150;--z-modal: 200;--z-popover: 250;--z-toast: 300;--border-width: 1px;--border-width-thick: 2px;--outline-width: 2px;--outline-offset: 2px;--toast-border-width: 3px;--opacity-disabled: .5;--opacity-hover: .9;--dialog-max-width: 28rem;--drawer-max-height: 96vh;--drawer-content-max-width: 480px;--focus-ring-width: 2px;--focus-ring-offset: 4px;--shadow-color: rgb(0 0 0 / .06);--dm-hi-base: rgba(255, 255, 255, .02);--dm-hi-mid: rgba(255, 255, 255, .05);--dm-hi-high: rgba(255, 255, 255, .08);--dm-hi-peak: rgba(255, 255, 255, .11);--dm-ring-base: rgba(255, 255, 255, .02);--dm-ring-mid: rgba(255, 255, 255, .04);--dm-ring-high: rgba(255, 255, 255, .06);--dm-drop: rgba(0, 0, 0, .18);--dm-outline-3: rgba(0, 0, 0, .12);--dm-outline-4: rgba(0, 0, 0, .14);--dm-outline-5: rgba(0, 0, 0, .16);--dm-outline-6: rgba(0, 0, 0, .18);--dm-outline-7: rgba(0, 0, 0, .2);--shadow-light-elevation-0: 0px 0px 0px 1px var(--shadow-color);--shadow-light-elevation-1: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color);--shadow-light-elevation-2: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color);--shadow-light-elevation-3: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color);--shadow-light-elevation-4: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color);--shadow-light-elevation-5: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color), 0px 24px 24px -12px var(--shadow-color);--shadow-light-elevation-6: 0px 0px 0px 1px var(--shadow-color), 0px 1px 1px -.5px var(--shadow-color), 0px 3px 3px -1.5px var(--shadow-color), 0px 6px 6px -3px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color), 0px 24px 24px -12px var(--shadow-color), 0px 48px 48px -24px var(--shadow-color);--shadow-dark-elevation-0: none;--shadow-dark-elevation-1: inset 0 0 0 1px var(--dm-ring-base);--shadow-dark-elevation-2: inset 0 1px 0 0 var(--dm-hi-base), inset 0 0 0 1px var(--dm-ring-base), 0 1px 1px -.5px var(--dm-drop);--shadow-dark-elevation-3: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-base), 0 0 0 1px var(--dm-outline-3), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop);--shadow-dark-elevation-4: inset 0 1px 0 0 var(--dm-hi-mid), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px var(--dm-outline-4), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop);--shadow-dark-elevation-5: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-mid), 0 0 0 1px var(--dm-outline-5), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop);--shadow-dark-elevation-6: inset 0 1px 0 0 var(--dm-hi-high), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px var(--dm-outline-6), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop);--shadow-dark-elevation-7: inset 0 1px 0 0 var(--dm-hi-peak), inset 0 0 0 1px var(--dm-ring-high), 0 0 0 1px var(--dm-outline-7), 0 1px 1px -.5px var(--dm-drop), 0 3px 3px -1.5px var(--dm-drop), 0 6px 6px -3px var(--dm-drop), 0 12px 12px -6px var(--dm-drop), 0 24px 24px -12px var(--dm-drop), 0 48px 48px -24px var(--dm-drop);--shadow-sunken: var(--shadow-light-elevation-0);--shadow-elevation-0: var(--shadow-light-elevation-0);--shadow-elevation-1: var(--shadow-light-elevation-1);--shadow-elevation-2: var(--shadow-light-elevation-2);--shadow-elevation-3: var(--shadow-light-elevation-3);--shadow-elevation-4: var(--shadow-light-elevation-4);--shadow-elevation-5: var(--shadow-light-elevation-5);--shadow-elevation-6: var(--shadow-light-elevation-6);--color-white: #ffffff;--color-black: #000000;--color-brand-blue-100: #c4dcff;--color-brand-blue-300: #5ba2f7;--color-brand-blue-400: #3b8ff2;--color-brand-blue-500: #2a7ad8;--color-surface-bright: var(--color-brand-blue-400);--color-surface-paper: #ffffff}[data-theme=dark]{--color-background-page: #141414;--color-background-inset: #181818;--color-background-card: #1c1c1c;--color-background-raised: #232323;--color-background-surface: #2a2a2a;--color-background-surface-alt: #303030;--color-background-hover: #353535;--color-background-floating: #3d3d3d;--color-text-primary: #ededed;--color-text-secondary: #949494;--color-text-tertiary: #5c5c5c;--color-text-disabled: #3a3a3a;--color-text-inverse: #141414;--color-accent: #e8e4d9;--color-accent-light: #f0ede3;--color-accent-muted: #c9c5b8;--color-accent-dim: rgba(232, 228, 217, .08);--color-accent-glow: rgba(232, 228, 217, .3);--color-cream: #e8e4d9;--color-cream-glow: rgba(232, 228, 217, .4);--color-cream-dim: rgba(232, 228, 217, .15);--color-brand-blue: var(--color-brand-blue-400);--color-brand-blue-hover: var(--color-brand-blue-500);--color-brand-blue-deep: var(--color-brand-blue-500);--color-brand-blue-soft: rgba(59, 143, 242, .55);--color-brand-blue-glow: rgba(59, 143, 242, .35);--color-brand-blue-muted: rgba(59, 143, 242, .18);--color-brand-sky-light: var(--color-brand-blue-300);--color-interaction-primary: var(--color-brand-blue-400);--color-interaction-primary-pressed: var(--color-brand-blue-500);--color-interaction-primary-text: var(--color-white);--color-interaction-primary-tint: rgba(59, 143, 242, .18);--color-interaction-primary-glow: rgba(59, 143, 242, .35);--color-interaction-primary-border: rgba(59, 143, 242, .32);--color-brand-primary: var(--color-interaction-primary);--color-brand-primary-pressed: var(--color-interaction-primary-pressed);--color-brand-primary-text: var(--color-interaction-primary-text);--color-brand-primary-tint: var(--color-interaction-primary-tint);--color-brand-primary-glow: var(--color-interaction-primary-glow);--color-brand-primary-border: var(--color-interaction-primary-border);--color-teal: #53d2bb;--color-teal-light: #6dd9c5;--color-teal-hover: #45c0aa;--color-teal-muted: rgba(83, 210, 187, .18);--color-teal-dim: rgba(83, 210, 187, .1);--color-teal-glow: rgba(83, 210, 187, .3);--color-teal-glow-strong: rgba(83, 210, 187, .5);--color-teal-border: rgba(83, 210, 187, .2);--color-interaction-primary-intensity-1: rgba(59, 143, 242, .22);--color-interaction-primary-intensity-2: rgba(59, 143, 242, .44);--color-interaction-primary-intensity-3: rgba(59, 143, 242, .65);--color-teal-intensity-1: var(--color-interaction-primary-intensity-1);--color-teal-intensity-2: var(--color-interaction-primary-intensity-2);--color-teal-intensity-3: var(--color-interaction-primary-intensity-3);--color-green: #31c667;--color-green-dim: rgba(49, 198, 103, .12);--color-green-glow: rgba(49, 198, 103, .32);--color-green-glow-strong: rgba(49, 198, 103, .5);--color-green-border: rgba(49, 198, 103, .22);--color-red: #f87171;--color-red-light: #ff8a8a;--color-red-dark: #e05858;--color-red-dim: rgba(248, 113, 113, .1);--color-red-glow: rgba(248, 113, 113, .3);--color-red-glow-strong: rgba(248, 113, 113, .5);--color-red-border: rgba(248, 113, 113, .15);--color-amber: #ffb547;--color-amber-dim: rgba(255, 181, 71, .12);--color-amber-glow: rgba(255, 181, 71, .32);--color-amber-glow-strong: rgba(255, 181, 71, .5);--color-amber-border: rgba(255, 181, 71, .2);--color-blue: #60a5fa;--color-blue-dim: rgba(96, 165, 250, .1);--color-blue-glow: rgba(96, 165, 250, .3);--color-purple: #a78bfa;--color-purple-dim: rgba(167, 139, 250, .1);--color-purple-glow: rgba(167, 139, 250, .3);--color-pink: #f472b6;--color-pink-dim: rgba(244, 114, 182, .12);--color-pink-glow: rgba(244, 114, 182, .32);--color-pink-border: rgba(244, 114, 182, .2);--color-coral: #ff6b5b;--color-coral-dim: rgba(255, 107, 91, .12);--color-coral-glow: rgba(255, 107, 91, .32);--color-coral-glow-strong: rgba(255, 107, 91, .5);--color-coral-border: rgba(255, 107, 91, .2);--color-rank-gold: #d4a656;--color-rank-silver: #a8a8a8;--color-rank-bronze: #b87333;--color-tier-bronze: #b87333;--color-tier-silver: #a8a8a8;--color-tier-gold: #d4a656;--color-tier-platinum: #5eead4;--color-tier-plat: #5eead4;--color-tier-diamond: #a855f7;--color-rarity-legendary: #d4a656;--color-rarity-epic: #a855f7;--color-rarity-rare: #3b82f6;--color-rarity-common: #5c5c63;--color-rarity-legendary-border: rgba(212, 166, 86, .3);--color-rarity-epic-border: rgba(168, 85, 247, .3);--color-rarity-rare-border: rgba(59, 130, 246, .3);--color-rarity-common-border: rgba(92, 92, 99, .3);--color-rarity-legendary-dim: rgba(212, 166, 86, .15);--color-rarity-epic-dim: rgba(168, 85, 247, .15);--color-rarity-rare-dim: rgba(59, 130, 246, .15);--color-rarity-common-dim: rgba(92, 92, 99, .15);--color-border-subtle: rgba(255, 255, 255, .03);--color-border-default: rgba(255, 255, 255, .06);--color-border-emphasis: rgba(255, 255, 255, .09);--color-border-focus: #c9c5b8;--shadow-highlight-subtle: rgba(255, 255, 255, .06);--shadow-highlight-default: rgba(255, 255, 255, .12);--shadow-highlight-medium: rgba(255, 255, 255, .15);--shadow-highlight-strong: rgba(255, 255, 255, .2);--shadow-highlight-intense: rgba(255, 255, 255, .25);--shadow-highlight-max: rgba(255, 255, 255, .3);--shadow-drop-subtle: rgba(0, 0, 0, .2);--shadow-drop-default: rgba(0, 0, 0, .3);--shadow-sunken: var(--shadow-dark-elevation-1);--shadow-elevation-0: var(--shadow-dark-elevation-0);--shadow-elevation-1: var(--shadow-dark-elevation-2);--shadow-elevation-2: var(--shadow-dark-elevation-3);--shadow-elevation-3: var(--shadow-dark-elevation-4);--shadow-elevation-4: var(--shadow-dark-elevation-5);--shadow-elevation-5: var(--shadow-dark-elevation-6);--shadow-elevation-6: var(--shadow-dark-elevation-7);--shadow-card: var(--shadow-elevation-2);--shadow-card-elevated: var(--shadow-elevation-3);--shadow-button-depth: var(--shadow-elevation-2);--shadow-button-inner: 0 0 0 0 transparent;--shadow-button-rim: 0 0 0 0 transparent;--focus-ring: 0 0 0 2px var(--color-accent-muted);--focus-ring-teal: 0 0 0 2px var(--color-teal-dim);--focus-ring-error: 0 0 0 2px var(--color-red-dim);--color-overlay-light: rgba(17, 17, 19, .2);--color-overlay-medium: rgba(17, 17, 19, .5);--color-overlay-heavy: rgba(17, 17, 19, .7);--hatch-pattern: repeating-linear-gradient( -45deg, #2a2a2a 0px, #2a2a2a 3px, #303030 3px, #303030 6px )}[data-theme=light]{--color-background-page: #f4f5f7;--color-background-inset: #e9ebef;--color-background-card: #ffffff;--color-background-raised: #ffffff;--color-background-surface: #f9fafb;--color-background-surface-alt: #f0f1f4;--color-background-hover: #ebeef2;--color-background-floating: #ffffff;--color-text-primary: #0f1419;--color-text-secondary: #4a4f57;--color-text-tertiary: #6e737b;--color-text-disabled: #a5aab3;--color-text-inverse: #ffffff;--color-accent: #2d3139;--color-accent-light: #3d424c;--color-accent-muted: #454b55;--color-accent-dim: rgba(45, 49, 57, .08);--color-accent-glow: rgba(45, 49, 57, .12);--color-accent-gradient-start: #3d434d;--color-accent-gradient-hover: #4d535d;--color-cream: #1a1d21;--color-cream-glow: rgba(45, 122, 90, .3);--color-cream-dim: rgba(45, 122, 90, .15);--color-brand-blue: var(--color-brand-blue-400);--color-brand-blue-hover: var(--color-brand-blue-500);--color-brand-blue-deep: var(--color-brand-blue-500);--color-brand-blue-soft: rgba(59, 143, 242, .55);--color-brand-blue-glow: rgba(59, 143, 242, .3);--color-brand-blue-muted: rgba(59, 143, 242, .12);--color-brand-sky-light: var(--color-brand-blue-300);--color-interaction-primary: var(--color-brand-blue-400);--color-interaction-primary-pressed: var(--color-brand-blue-500);--color-interaction-primary-text: var(--color-white);--color-interaction-primary-tint: rgba(59, 143, 242, .12);--color-interaction-primary-glow: rgba(59, 143, 242, .25);--color-interaction-primary-border: rgba(59, 143, 242, .28);--color-brand-primary: var(--color-interaction-primary);--color-brand-primary-pressed: var(--color-interaction-primary-pressed);--color-brand-primary-text: var(--color-interaction-primary-text);--color-brand-primary-tint: var(--color-interaction-primary-tint);--color-brand-primary-glow: var(--color-interaction-primary-glow);--color-brand-primary-border: var(--color-interaction-primary-border);--color-teal: #2d7a5a;--color-teal-light: #3d8a6a;--color-teal-hover: #1d6a4a;--color-teal-muted: rgba(45, 122, 90, .15);--color-teal-dim: rgba(45, 122, 90, .12);--color-teal-glow: rgba(45, 122, 90, .2);--color-teal-glow-strong: rgba(45, 122, 90, .35);--color-teal-border: rgba(45, 122, 90, .2);--color-teal-gradient-start: #3d9a72;--color-teal-gradient-hover: #4daa82;--color-interaction-primary-intensity-1: rgba(59, 143, 242, .16);--color-interaction-primary-intensity-2: rgba(59, 143, 242, .34);--color-interaction-primary-intensity-3: rgba(59, 143, 242, .55);--color-teal-intensity-1: var(--color-interaction-primary-intensity-1);--color-teal-intensity-2: var(--color-interaction-primary-intensity-2);--color-teal-intensity-3: var(--color-interaction-primary-intensity-3);--color-green: #31c667;--color-green-dim: rgba(49, 198, 103, .12);--color-green-glow: rgba(49, 198, 103, .28);--color-green-glow-strong: rgba(49, 198, 103, .42);--color-green-border: rgba(49, 198, 103, .22);--color-red: #dc2626;--color-red-light: #ef4444;--color-red-dark: #b91c1c;--color-red-dim: rgba(220, 38, 38, .1);--color-red-glow: rgba(220, 38, 38, .2);--color-red-glow-strong: rgba(220, 38, 38, .35);--color-red-border: rgba(220, 38, 38, .15);--color-amber: #d97706;--color-amber-dim: rgba(217, 119, 6, .1);--color-amber-glow: rgba(217, 119, 6, .2);--color-amber-glow-strong: rgba(217, 119, 6, .35);--color-amber-border: rgba(217, 119, 6, .15);--color-blue: #2563eb;--color-blue-dim: rgba(37, 99, 235, .1);--color-blue-glow: rgba(37, 99, 235, .2);--color-purple: #7c3aed;--color-purple-dim: rgba(124, 58, 237, .1);--color-purple-glow: rgba(124, 58, 237, .2);--color-pink: #db2777;--color-pink-dim: rgba(219, 39, 119, .1);--color-pink-glow: rgba(219, 39, 119, .2);--color-pink-border: rgba(219, 39, 119, .22);--color-coral: #d24234;--color-coral-dim: rgba(210, 66, 52, .1);--color-coral-glow: rgba(210, 66, 52, .22);--color-coral-glow-strong: rgba(210, 66, 52, .35);--color-coral-border: rgba(210, 66, 52, .2);--color-rank-gold: #b8860b;--color-rank-silver: #64748b;--color-rank-bronze: #92400e;--color-tier-bronze: #92400e;--color-tier-silver: #64748b;--color-tier-gold: #b8860b;--color-tier-platinum: #2d7a5a;--color-tier-plat: #2d7a5a;--color-tier-diamond: #7c3aed;--color-rarity-legendary: #b8860b;--color-rarity-epic: #7c3aed;--color-rarity-rare: #2563eb;--color-rarity-common: #64748b;--color-rarity-legendary-border: rgba(184, 134, 11, .3);--color-rarity-epic-border: rgba(124, 58, 237, .3);--color-rarity-rare-border: rgba(37, 99, 235, .3);--color-rarity-common-border: rgba(100, 116, 139, .3);--color-rarity-legendary-dim: rgba(184, 134, 11, .15);--color-rarity-epic-dim: rgba(124, 58, 237, .15);--color-rarity-rare-dim: rgba(37, 99, 235, .15);--color-rarity-common-dim: rgba(100, 116, 139, .15);--color-border-subtle: rgba(15, 20, 25, .06);--color-border-default: rgba(15, 20, 25, .1);--color-border-emphasis: rgba(15, 20, 25, .14);--color-border-focus: rgba(45, 122, 90, .4);--shadow-highlight-subtle: rgba(255, 255, 255, .4);--shadow-highlight-default: rgba(255, 255, 255, .55);--shadow-highlight-medium: rgba(255, 255, 255, .65);--shadow-highlight-strong: rgba(255, 255, 255, .75);--shadow-highlight-intense: rgba(255, 255, 255, .85);--shadow-highlight-max: rgba(255, 255, 255, .95);--shadow-drop-subtle: rgba(0, 0, 0, .08);--shadow-drop-default: rgba(0, 0, 0, .15);--shadow-sunken: var(--shadow-light-elevation-0);--shadow-elevation-0: var(--shadow-light-elevation-0);--shadow-elevation-1: var(--shadow-light-elevation-1);--shadow-elevation-2: var(--shadow-light-elevation-2);--shadow-elevation-3: var(--shadow-light-elevation-3);--shadow-elevation-4: var(--shadow-light-elevation-4);--shadow-elevation-5: var(--shadow-light-elevation-5);--shadow-elevation-6: var(--shadow-light-elevation-6);--shadow-card: var(--shadow-elevation-2);--shadow-card-elevated: var(--shadow-elevation-3);--shadow-button-depth: var(--shadow-elevation-2);--shadow-button-inner: 0 0 0 0 transparent;--shadow-button-rim: 0 0 0 0 transparent;--focus-ring: 0 0 0 2px var(--color-accent-muted);--focus-ring-teal: 0 0 0 2px var(--color-teal-dim);--focus-ring-error: 0 0 0 2px var(--color-red-dim);--color-overlay-light: rgba(15, 20, 25, .25);--color-overlay-medium: rgba(15, 20, 25, .55);--color-overlay-heavy: rgba(15, 20, 25, .8);--hatch-pattern: repeating-linear-gradient( -45deg, #f9fafb 0px, #f9fafb 3px, #f0f1f4 3px, #f0f1f4 6px )}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);text-wrap:balance}h1{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold)}h4{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold)}h5{font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}h6{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}p{margin-bottom:var(--space-default)}p:last-child{margin-bottom:0}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-body)}code{font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-interaction-primary);background-color:var(--color-background-card);padding:.125em .25em;border-radius:var(--radius-subtle)}pre code{display:block;padding:var(--space-default);overflow-x:auto}.typography--display{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-tight)}.typography--h1{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.typography--h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--h3{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.typography--cta{font-family:var(--font-family);font-size:var(--font-size-cta);font-weight:var(--font-weight-semibold);line-height:1;letter-spacing:var(--letter-spacing-normal)}.typography--body{font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.typography--body-sm{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--caps{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--number{font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;line-height:1}.typography--display-hero{font-family:var(--font-family-display);font-size:var(--font-size-display);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--title{font-family:var(--font-family);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--heading{font-family:var(--font-family);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.typography--subheading{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.typography--callout{font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight)}.typography--caption{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.typography--label{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-tertiary)}.typography--stat{font-family:var(--font-family-mono);font-size:var(--font-size-display);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.typography--stat-large{font-family:var(--font-family-mono);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-medium);line-height:1;font-variant-numeric:tabular-nums}.typography--code{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-interaction-primary)}.design-system{flex:1;overflow-y:auto;overflow-x:hidden}.design-system__inner{max-width:var(--layout-max-width-wide);margin:0 auto;padding:var(--space-loose);padding-bottom:calc(var(--bottom-nav-height) + var(--space-airy))}@media(min-width:1024px){.design-system__inner{padding-left:calc(220px + var(--space-spacious))}.design-system__content{min-width:0}}.design-system__header{margin-bottom:var(--space-airy)}.design-system__header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);flex-wrap:wrap}.design-system__theme-switcher-wrapper{position:sticky;top:0;z-index:var(--z-sticky);display:flex;justify-content:flex-end;pointer-events:none;margin-bottom:calc(-1 * var(--space-roomy))}.design-system__theme-switcher-wrapper .theme-switcher{pointer-events:auto;margin-top:var(--space-tight);margin-right:var(--space-tight)}.design-system__title{font-family:var(--font-family-display);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;margin-bottom:var(--space-tight)}.design-system__subtitle{font-size:var(--font-size-body-large);color:var(--color-text-secondary)}.design-system__section{margin-bottom:var(--space-airy)}.design-system__section-title{font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--space-default)}.design-system__section .collapsible__trigger{padding:0;background:transparent}.design-system__section .collapsible__trigger:hover{background:transparent}.design-system__section .collapsible__trigger-text{font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest)}.design-system__section .collapsible__chevron{color:var(--color-text-disabled)}.design-system__section.collapsible.is-open .collapsible__chevron{color:var(--color-interaction-primary)}.design-system__section{scroll-margin-top:var(--space-loose)}.design-system__demo-hint{font-size:var(--font-size-body-small);color:var(--color-text-tertiary);margin-bottom:var(--space-snug)}.design-system__subsection{margin-bottom:var(--space-default)}.design-system__subsection:last-child{margin-bottom:0}.design-system__subsection-title{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-snug)}.design-system__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-default)}.design-system__swatch{display:flex;flex-direction:column;gap:var(--space-tight)}.design-system__swatch-color{width:100%;height:64px;border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-default)}.design-system__swatch-label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.design-system__swatch-value{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.design-system__typography{display:flex;flex-direction:column;gap:var(--space-default)}.design-system__type-specimen{display:flex;flex-direction:column;gap:var(--space-hairline)}.design-system__type-label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.design-system__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-snug)}.design-system__row--gap-hairline{gap:var(--space-hairline)}.design-system__row--gap-tight{gap:var(--space-tight)}.design-system__row--gap-snug{gap:var(--space-snug)}.design-system__row--gap-default{gap:var(--space-default)}.design-system__row--gap-loose{gap:var(--space-loose)}.design-system__row--vertical{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-default)}.design-system__row--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:var(--space-default)}.design-system__toast-stack{display:flex;flex-direction:column;gap:var(--space-default);max-width:var(--layout-max-width-narrow)}.design-system__progress-demos{display:flex;flex-direction:column;gap:var(--space-default);max-width:300px}.design-system__controls{display:flex;flex-direction:column;gap:var(--space-default)}.design-system__surface{background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-default)}.design-system__demo-label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--space-snug)}.design-system__demo-label--flush{margin-bottom:0}.design-system__demo-hint--tight{margin-bottom:var(--space-tight)}.design-system__demo-hint--hairline-top{margin-top:var(--space-hairline)}.design-system__demo-divider{height:var(--border-width);background-color:var(--color-border-subtle);margin:var(--space-default) 0}.design-system__demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-snug);min-width:0}.design-system__demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-default);min-width:0}.design-system__demo-sublabel{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);margin-bottom:var(--space-tight)}.design-system__demo-sublabel--top-snug{margin-top:var(--space-snug)}.design-system__demo-caption{font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-top:var(--space-tight)}.design-system__demo-note{margin-top:var(--space-default);color:var(--color-text-secondary);font-size:var(--font-size-body);margin-bottom:0}.design-system__tabs-panel-text{color:var(--color-text-secondary);padding:var(--space-default) 0;margin:0}.design-system__demo-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-tight);margin-top:var(--space-default)}.design-system__demo-controls--tight{margin-top:var(--space-tight)}.design-system__demo-controls--bottom{margin-top:0;margin-bottom:var(--space-default)}.design-system__demo-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);flex-wrap:wrap;margin-bottom:var(--space-tight)}.design-system__demo-grid-two{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-default);margin-top:var(--space-default);min-width:0}.design-system__full-bleed{margin:0 calc(-1 * var(--space-default))}.design-system__text-secondary{color:var(--color-text-secondary)}.design-system__text-tertiary{color:var(--color-text-tertiary)}.design-system__text-center{text-align:center}.design-system__inline-target{all:unset;display:block;cursor:pointer;width:100%}.design-system__stat-demo{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-hairline);min-width:140px}.design-system__stat-label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.design-system__shortcuts{display:flex;flex-direction:column;gap:var(--space-tight)}.design-system__shortcut{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-tight) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.design-system__shortcut:last-child{border-bottom:none}.design-system__shortcut-keys{display:flex;align-items:center;gap:var(--space-hairline);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}.design-system__shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-roomy);padding:var(--space-hairline) var(--space-tight);font-family:var(--font-family-mono);font-size:var(--font-size-caption);background-color:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-subtle)}.design-system__shortcut-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}.design-system__column{display:flex;flex-direction:column;gap:var(--space-loose)}.design-system__column--dense{display:flex;flex-direction:column;gap:var(--space-tight)}.design-system__column--tight,.design-system__skeleton-demo{display:flex;flex-direction:column;gap:var(--space-snug)}.design-system__skeleton-demo-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.design-system__skeleton-row{display:flex;align-items:center;gap:var(--space-snug)}.design-system__skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-default)}.design-system__skeleton-constrained{max-width:360px}.design-system__dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-default)}@media(min-width:640px){.design-system__dashboard-grid{grid-template-columns:1fr 1fr}}.design-system__dashboard-grid--full-width{grid-column:1 / -1}.design-system__progress-row{display:flex;align-items:center;gap:var(--space-default)}.design-system__progress-row-label{width:80px;color:var(--color-text-primary)}.design-system__progress-row-value{font-family:var(--font-family-mono);color:var(--color-text-secondary)}.design-system__tooltip-rich{text-align:center}.design-system__tooltip-title{font-weight:var(--font-weight-semibold)}.design-system__tooltip-subtitle{color:var(--color-text-secondary);margin-top:2px}.design-system__popover-stats{display:flex;gap:var(--space-default);margin-top:var(--space-tight)}.design-system__popover-stat{text-align:center}.design-system__popover-stat-value{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.design-system__popover-stat-value--teal{color:var(--color-interaction-primary)}.design-system__popover-stat-value--amber{color:var(--color-amber)}.design-system__popover-stat-value--primary{color:var(--color-text-primary)}.design-system__popover-stat-label{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.design-system__popover-menu{display:flex;flex-direction:column;gap:var(--space-hairline)}.design-system__popover-menu-button{justify-content:flex-start;width:100%}.design-system__popover-menu-button--danger{color:var(--color-red)}.design-system__popover-body-text{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.design-system__data-table-expanded{display:flex;flex-direction:column;gap:var(--space-tight)}.design-system__data-table-expanded-title{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.design-system__data-table-expanded-meta{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-label)}.design-system__empty-state{padding:var(--space-roomy);text-align:center}.design-system__empty-state--compact{padding:var(--space-loose)}.design-system__empty-state-text{color:var(--color-text-tertiary)}.design-system__empty-state-text--flush{margin:0}.design-system__selection-notice{margin-top:var(--space-tight);padding:var(--space-snug) var(--space-default);background-color:var(--color-interaction-primary-tint);border-radius:var(--radius-subtle);font-size:var(--font-size-label);color:var(--color-text-secondary)}.design-system__constrained{width:100%}.design-system__constrained--wide{max-width:540px}.design-system__constrained--medium{max-width:400px}.achievement{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);background-color:var(--color-background-card);border-radius:0;border:var(--border-width) solid var(--color-border-default);position:relative;box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle)}.achievement__icon-container{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-background-raised);border-radius:0;border:var(--border-width-thick) solid var(--color-border-emphasis)}.achievement__emoji{font-size:24px;line-height:1}.achievement__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.achievement__content{display:flex;flex-direction:column;gap:var(--space-micro);flex:1;min-width:0}.achievement__rarity{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.achievement__name{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.achievement__description{font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-default)}.achievement__progress-container{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-tight)}.achievement__progress{flex:1}.achievement__progress-label{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.achievement--common .achievement__rarity{color:var(--color-rarity-common)}.achievement--common .achievement__icon-container{border-color:var(--color-rarity-common-border)}.achievement--rare .achievement__rarity{color:var(--color-rarity-rare)}.achievement--rare .achievement__icon-container{border-color:var(--color-rarity-rare)}.achievement--epic .achievement__rarity{color:var(--color-rarity-epic)}.achievement--epic .achievement__icon-container{border-color:var(--color-rarity-epic)}.achievement--epic:not(.achievement--locked) .achievement__icon-container{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 8px var(--color-rarity-epic-dim)}.achievement--legendary .achievement__rarity{color:var(--color-rarity-legendary)}.achievement--legendary .achievement__icon-container{border-color:var(--color-rarity-legendary)}.achievement--legendary .achievement__name{color:var(--color-rarity-legendary)}.achievement--legendary:not(.achievement--locked) .achievement__icon-container{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 12px var(--color-rarity-legendary-dim),0 0 24px var(--color-rarity-legendary-dim)}.achievement--locked{opacity:.75;border-color:var(--color-border-subtle)}.achievement--locked .achievement__icon-container{background-color:var(--color-background-inset);background-image:var(--hatch-pattern);border-color:var(--color-text-disabled);box-shadow:inset 0 2px 4px var(--shadow-drop-subtle)}.achievement--locked .achievement__emoji,.achievement--locked .achievement__icon{opacity:var(--opacity-disabled);filter:grayscale(1)}.achievement--locked .achievement__name{color:var(--color-text-muted)}.achievement--locked .achievement__rarity,.achievement--locked .achievement__description{color:var(--color-text-disabled)}.achievement--compact{padding:var(--space-snug);gap:var(--space-snug)}.achievement--compact .achievement__icon-container{width:36px;height:36px}.achievement--compact .achievement__emoji{font-size:18px}.achievement--compact .achievement__name{font-size:var(--font-size-body)}.achievement--compact .achievement__rarity{font-size:10px}.achievement.is-animating{z-index:10}@keyframes achievement-unlock-glow{0%{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 0 0 transparent,0 0 0 0 transparent}10%{box-shadow:inset 0 1px 0 var(--shadow-highlight-max),0 0 60px 15px var(--glow-color),0 0 120px 30px var(--glow-color)}25%{box-shadow:inset 0 1px 0 var(--shadow-highlight-strong),0 0 50px 12px var(--glow-color),0 0 100px 25px var(--glow-color)}50%{box-shadow:inset 0 1px 0 var(--shadow-highlight-medium),0 0 30px 8px var(--glow-color),0 0 60px 15px var(--glow-color)}to{box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 0 0 0 transparent,0 0 0 0 transparent}}@keyframes achievement-unlock-scale{0%{transform:scale(1)}15%{transform:scale(1.08)}40%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes achievement-unlock-flash{0%{opacity:0}8%{opacity:.4}to{opacity:0}}.achievement.is-animating:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 50%,transparent 100%);pointer-events:none;animation:achievement-unlock-flash .6s ease-out forwards}.achievement--common.is-animating{--glow-color: var(--color-rarity-common);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--rare.is-animating{--glow-color: var(--color-rarity-rare);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--epic.is-animating{--glow-color: var(--color-rarity-epic);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}.achievement--legendary.is-animating{--glow-color: var(--color-rarity-legendary);animation:achievement-unlock-glow 1s ease-out forwards,achievement-unlock-scale .6s var(--ease-out) forwards}@keyframes achievement-icon-glow{0%{box-shadow:none}15%{box-shadow:0 0 30px 8px var(--glow-color),0 0 60px 15px var(--glow-color),inset 0 0 20px 5px var(--glow-color)}50%{box-shadow:0 0 20px 5px var(--glow-color),0 0 40px 10px var(--glow-color)}to{box-shadow:none}}.achievement.is-animating .achievement__icon-container{animation:achievement-icon-glow .8s ease-out forwards}.achievement-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-default)}@media(hover:hover){.achievement:not(.achievement--locked){transition:border-color var(--duration-fast) var(--ease-default)}.achievement--common:not(.achievement--locked):hover{border-color:var(--color-rarity-common)}.achievement--rare:not(.achievement--locked):hover{border-color:var(--color-rarity-rare)}.achievement--epic:not(.achievement--locked):hover{border-color:var(--color-rarity-epic)}.achievement--legendary:not(.achievement--locked):hover{border-color:var(--color-rarity-legendary)}}@media(prefers-reduced-motion:reduce){.achievement{transition:none}.achievement.is-animating{animation:none!important}.achievement.is-animating:after{animation:none!important;opacity:0}.achievement.is-animating .achievement__icon-container{animation:none!important}}.action-sheet__overlay{position:fixed;inset:0;z-index:var(--z-overlay);background-color:var(--color-overlay-heavy)}.action-sheet__content{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:var(--drawer-max-height);background-color:var(--color-background-surface);border-top-left-radius:var(--radius-large);border-top-right-radius:var(--radius-large);padding-bottom:var(--safe-area-inset-bottom)}.action-sheet__handle-container{display:flex;justify-content:center;padding:var(--space-snug) 0}.action-sheet__handle{width:var(--space-spacious);height:var(--space-hairline);background-color:var(--color-border-emphasis);border-radius:var(--radius-pill)}.action-sheet__inner{display:flex;flex-direction:column;width:100%;max-width:var(--drawer-content-max-width);margin-left:auto;margin-right:auto;padding:0 var(--space-default) var(--space-default)}.action-sheet__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding:var(--space-tight) var(--space-tight) var(--space-default);text-align:center;border-bottom:var(--border-width) solid var(--color-border-subtle);margin-bottom:var(--space-tight)}.action-sheet__title{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.action-sheet__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.action-sheet__group{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-rounded);overflow:hidden}.action-sheet__group+.action-sheet__group{margin-top:var(--space-tight)}.action-sheet__item{display:flex;align-items:center;gap:var(--space-snug);width:100%;min-height:var(--control-height-large);padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);color:var(--color-text-primary);background-color:transparent;border:none;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}.action-sheet__item+.action-sheet__item{border-top:var(--border-width) solid var(--color-border-subtle)}@media(hover:hover){.action-sheet__item:hover{background-color:var(--color-background-hover)}}.action-sheet__item:active{background-color:var(--color-background-hover)}.action-sheet__item:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__item.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.action-sheet__item--destructive,.action-sheet__item--destructive .action-sheet__item-icon{color:var(--color-red)}.action-sheet__item-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-interaction-primary);flex-shrink:0}.action-sheet__item-icon>svg{width:var(--icon-size-large);height:var(--icon-size-large)}.action-sheet__item-content{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;flex:1}.action-sheet__item-label{font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.action-sheet__item-description{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.action-sheet__item--destructive .action-sheet__item-description{color:var(--color-red-light)}.action-sheet__separator{height:var(--space-tight);background-color:transparent}.action-sheet__cancel{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--control-height-large);margin-top:var(--space-tight);padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);background-color:var(--color-background-card);border:none;border-radius:var(--radius-rounded);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent}@media(hover:hover){.action-sheet__cancel:hover{background-color:var(--color-background-hover)}}.action-sheet__cancel:active{background-color:var(--color-background-hover)}.action-sheet__cancel:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-interaction-primary-tint)}.action-sheet__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);padding:0 var(--space-tight) var(--space-default)}.action-sheet__bar-close,.action-sheet__bar-help{display:flex;align-items:center;justify-content:center;width:var(--button-height-large);height:var(--button-height-large);padding:0;background-color:var(--color-background-card);border:none;border-radius:var(--radius-pill);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;flex-shrink:0}.action-sheet__bar-close>svg,.action-sheet__bar-help>svg{width:var(--icon-size-large);height:var(--icon-size-large)}@media(hover:hover){.action-sheet__bar-close:hover,.action-sheet__bar-help:hover{background-color:var(--color-background-hover)}}.action-sheet__bar-close:active,.action-sheet__bar-help:active{background-color:var(--color-background-hover)}.action-sheet__bar-close:focus-visible,.action-sheet__bar-help:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__bar-title{flex:1;font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight)}.action-sheet__bar-spacer{width:var(--button-height-large);flex-shrink:0}.action-sheet__notice{padding:0 var(--space-default) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.action-sheet__preview{margin:0 var(--space-default) var(--space-default);padding:var(--space-default);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-subtle);overflow:hidden}.action-sheet__preview-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle);margin-top:var(--space-snug)}.action-sheet__preview-meta-content{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;flex:1}.action-sheet__preview-meta-title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-sheet__preview-meta-subtitle{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.action-sheet__preview-meta-more{display:flex;align-items:center;justify-content:center;width:var(--action-button-size-default);height:var(--action-button-size-default);padding:0;background-color:transparent;border:none;border-radius:var(--radius-default);color:var(--color-text-tertiary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default);-webkit-tap-highlight-color:transparent;flex-shrink:0}@media(hover:hover){.action-sheet__preview-meta-more:hover{background-color:var(--color-background-hover);color:var(--color-text-secondary)}}.action-sheet__preview-meta-more:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-accent-muted)}.action-sheet__action{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);width:calc(100% - var(--space-default) * 2);min-height:var(--control-height-large);margin:var(--space-tight) var(--space-default) var(--space-default);padding:var(--space-snug) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-interaction-primary);border:none;border-radius:var(--radius-rounded);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}@media(hover:hover){.action-sheet__action:hover{background-color:var(--color-interaction-primary-pressed)}}.action-sheet__action:active{transform:scale(.97)}.action-sheet__action:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-background-page),0 0 0 var(--focus-ring-offset) var(--color-interaction-primary)}.action-sheet__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.action-sheet__action-icon{display:flex;align-items:center;justify-content:center}.action-sheet__action-icon>svg{width:var(--icon-size-large);height:var(--icon-size-large)}.action-sheet__action--secondary{color:var(--color-text-primary);background-color:var(--color-background-card)}@media(hover:hover){.action-sheet__action--secondary:hover{background-color:var(--color-background-hover)}}.action-sheet__action--danger{background-color:var(--color-red)}@media(hover:hover){.action-sheet__action--danger:hover{background-color:var(--color-red-dark)}}[data-theme=light] .action-sheet__content{background-color:var(--color-background-raised)}[data-theme=light] .action-sheet__group,[data-theme=light] .action-sheet__cancel{background-color:var(--color-background-floating)}[data-theme=light] .action-sheet__bar-close,[data-theme=light] .action-sheet__bar-help,[data-theme=light] .action-sheet__preview,[data-theme=light] .action-sheet__action--secondary{background-color:var(--color-background-surface)}@media(prefers-reduced-motion:reduce){.action-sheet__content,.action-sheet__overlay,.action-sheet__item,.action-sheet__cancel,.action-sheet__bar-close,.action-sheet__bar-help,.action-sheet__action{transition:none}}.activity-grid{display:flex;flex-direction:column;gap:var(--space-tight)}.activity-grid__row{display:flex;gap:var(--activity-gap)}.activity-grid__cell{width:var(--activity-cell-size);height:var(--activity-cell-size);border-radius:var(--radius-default);background-color:var(--color-background-raised);transition:background-color var(--duration-fast) var(--ease-default)}.activity-grid__cell--intensity-0{background-color:var(--color-background-raised)}.activity-grid__cell--intensity-1{background-color:var(--color-interaction-primary-intensity-1)}.activity-grid__cell--intensity-2{background-color:var(--color-interaction-primary-intensity-2)}.activity-grid__cell--intensity-3{background-color:var(--color-interaction-primary-intensity-3)}.activity-grid__cell--intensity-4{background-color:var(--color-interaction-primary)}button.activity-grid__cell{border:none;padding:0;cursor:pointer;font:inherit;color:inherit}@media(hover:hover){.activity-grid__cell:hover{outline:2px solid var(--color-interaction-primary);outline-offset:-1px}}button.activity-grid__cell:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.activity-grid__cell{transition:none}button.activity-grid__cell:active{transform:none}}.activity-grid__labels{display:flex;gap:var(--activity-gap)}.activity-grid__label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);width:var(--activity-cell-size);text-align:center}.activity-grid__row-label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);width:var(--activity-cell-size);display:flex;align-items:center;justify-content:center}.activity-grid__legend{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-tight)}.activity-grid__legend-label{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.activity-grid__legend-cells{display:flex;gap:var(--activity-gap)}.activity-grid__legend-cell{width:var(--activity-legend-cell-size);height:var(--activity-legend-cell-size);border-radius:var(--radius-subtle)}.activity-grid--compact .activity-grid__cell{width:var(--activity-cell-size);height:var(--activity-cell-size)}.activity-grid--compact .activity-grid__row-label,.activity-grid--compact .activity-grid__label{width:var(--activity-cell-size);font-size:var(--font-size-tiny)}.animated-number{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;display:inline-block}.animated-number--display{font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.animated-number--compact{font-size:var(--font-size-body)}.animated-number--large{font-size:var(--font-size-title)}.animated-number--hero{font-size:var(--font-size-hero);font-weight:var(--font-weight-bold)}.animated-number--positive{color:var(--color-green)}.animated-number--negative{color:var(--color-red)}.animated-number--accent{color:var(--color-accent)}.animated-number--teal{color:var(--color-interaction-primary)}@media(prefers-reduced-motion:reduce){.animated-number{transition:none}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size-default);height:var(--avatar-size-default);border-radius:var(--radius-pill);background-color:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);overflow:hidden;flex-shrink:0}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{font-family:var(--font-family);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase}.avatar--micro{width:var(--avatar-size-micro);height:var(--avatar-size-micro)}.avatar--micro .avatar__initials{font-size:8px}.avatar--compact{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.avatar--compact .avatar__initials{font-size:var(--font-size-caption)}.avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large)}.avatar--large .avatar__initials{font-size:var(--font-size-subheading)}.avatar--display{width:var(--avatar-size-display);height:var(--avatar-size-display)}.avatar--display .avatar__initials{font-size:var(--font-size-heading)}.avatar--tone-teal{background-color:var(--color-interaction-primary-tint)}.avatar--tone-teal .avatar__initials{color:var(--color-interaction-primary)}.avatar--tone-green{background-color:var(--color-green-dim)}.avatar--tone-green .avatar__initials{color:var(--color-green)}.avatar--tone-amber{background-color:var(--color-amber-dim)}.avatar--tone-amber .avatar__initials{color:var(--color-amber)}.avatar--tone-blue{background-color:var(--color-blue-dim)}.avatar--tone-blue .avatar__initials{color:var(--color-blue)}.avatar--tone-purple{background-color:var(--color-purple-dim)}.avatar--tone-purple .avatar__initials{color:var(--color-purple)}.avatar--tone-pink{background-color:var(--color-pink-dim)}.avatar--tone-pink .avatar__initials{color:var(--color-pink)}.avatar--tone-red{background-color:var(--color-red-dim)}.avatar--tone-red .avatar__initials{color:var(--color-red)}.avatar--active{border-color:var(--color-interaction-primary);border-width:var(--border-width-thick)}.avatar--borderless{border:none}.avatar--square{border-radius:var(--radius-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-hairline);height:var(--badge-height);padding:var(--badge-padding-y) var(--badge-padding-x);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none}.badge__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.9em;height:.9em}.badge--primary-arc,.badge--featured,.badge--new{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--live{background-color:var(--color-coral);color:var(--color-white)}.badge--live:before{content:"";display:inline-block;width:var(--status-dot-size);height:var(--status-dot-size);background-color:currentColor;border-radius:var(--radius-pill);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.badge--beta,.badge--teal{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--green{background-color:var(--color-green-dim);color:var(--color-green)}.badge--red{background-color:var(--color-red-dim);color:var(--color-red)}.badge--amber{background-color:var(--color-amber-dim);color:var(--color-amber)}.badge--coral{background-color:var(--color-coral-dim);color:var(--color-coral)}.badge--pink{background-color:var(--color-pink-dim);color:var(--color-pink)}.badge--brand{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.badge--legendary{background-color:var(--color-rarity-legendary-dim);color:var(--color-rarity-legendary)}.badge--epic{background-color:var(--color-rarity-epic-dim);color:var(--color-rarity-epic)}.badge--rare{background-color:var(--color-rarity-rare-dim);color:var(--color-rarity-rare)}.badge--common{background-color:var(--color-rarity-common-dim);color:var(--color-rarity-common)}[data-theme=light] .badge--featured,[data-theme=light] .badge--new,[data-theme=light] .badge--primary-arc,[data-theme=light] .badge--brand{color:var(--color-interaction-primary-pressed)}[data-theme=light] .badge--live{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.badge--live:before{animation:none}}.bar-chart{width:100%;position:relative}.bar-chart__plot{width:100%;height:100%;position:relative;isolation:isolate}.bar-chart__plot>figure{position:relative;z-index:0}.bar-chart__plot svg{display:block;width:100%;height:100%}.bar-chart__plot svg>text[text-anchor=end]{display:none}.bar-chart__plot [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.bar-chart__plot [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-regular)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.bar-chart__plot text:not([aria-label=x-axis] text):not([aria-label=y-axis] text){fill:var(--color-text-tertiary)!important;font-variant-numeric:tabular-nums}.bar-chart__plot [aria-label=x-axis]>line,.bar-chart__plot [aria-label=y-axis]>line{display:none}.bar-chart__plot [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.bar-chart__plot rect{transition:filter var(--duration-fast) var(--ease-default)}.bar-chart--empty{display:flex;align-items:center;justify-content:center}.bar-chart__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.bar-chart__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.bar-chart__ref-line--visible{opacity:1}.bar-chart__plot rect{cursor:pointer}.bar-chart__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));z-index:1;transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.bar-chart__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.bar-chart__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin-right:var(--space-tight)}.bar-chart__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.bar-chart[onclick]{cursor:pointer}@media(hover:hover)and (pointer:fine){.bar-chart[onclick] rect:hover{filter:brightness(1.15)}}[data-theme=light] .bar-chart__plot [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .bar-chart__plot [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .bar-chart__plot text[text-anchor=middle]:not([aria-label] text){fill:var(--color-text-primary)}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bar-chart__plot rect.is-animating{transform-box:fill-box;transform-origin:50% 100%;animation:bar-grow var(--duration-pop) var(--ease-out-spring) both}@media(prefers-reduced-motion:reduce){.bar-chart__plot rect{transition:none}.bar-chart__plot rect.is-animating{animation:none;transform:scaleY(1)}.bar-chart__ref-line,.bar-chart__tip{transition:none}}.battle-pass{display:flex;flex-direction:column;gap:var(--space-loose);padding:var(--space-loose);background:linear-gradient(180deg,var(--color-background-card) 0%,var(--color-background-inset) 100%);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default)}.battle-pass__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.battle-pass__title-group{display:flex;align-items:baseline;gap:var(--space-tight)}.battle-pass__label{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.battle-pass__tier{font-family:var(--font-family-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.battle-pass__xp-group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-tight);min-width:120px}.battle-pass__xp{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.battle-pass__xp-current{color:var(--color-interaction-primary);font-weight:var(--font-weight-medium)}.battle-pass__progress{width:100%}.battle-pass__track{display:flex;flex-direction:column;gap:var(--space-tight);overflow:visible;overflow-x:auto;padding:var(--space-default) 0;scrollbar-width:none}.battle-pass__track::-webkit-scrollbar{display:none}.battle-pass__nodes{display:flex;align-items:center;padding:var(--space-default) 0}.battle-pass__labels{display:flex;align-items:flex-start}.battle-pass__reward{display:flex;align-items:center;flex-shrink:0}.battle-pass__connector{width:var(--space-airy);height:var(--progress-height-thick);background-color:var(--color-interaction-primary);flex-shrink:0;transform-origin:left center}.battle-pass__connector--locked{background-color:var(--color-background-raised);background-image:var(--hatch-pattern)}.battle-pass__reward-node{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-generous);height:var(--space-generous);background-color:var(--color-background-card);border-radius:var(--radius-pill);border:var(--border-width-thick) solid var(--color-border-emphasis);flex-shrink:0;transition:border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out);cursor:default}.battle-pass__reward-node svg{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-tertiary)}.battle-pass__reward-node .battle-pass__emoji{font-size:var(--font-size-title);line-height:1}.battle-pass__premium-icon{position:absolute;top:-4px;right:-4px;width:var(--icon-size-compact)!important;height:var(--icon-size-compact)!important;color:var(--color-amber)!important;filter:drop-shadow(0 0 4px var(--color-amber))}.battle-pass__tier-label{width:var(--space-generous);text-align:center;font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-tertiary);flex-shrink:0}.battle-pass__label-spacer{width:var(--space-airy);flex-shrink:0}.battle-pass__tier-label--current{width:calc(var(--space-generous) + var(--space-default));color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.battle-pass__reward--claimed .battle-pass__reward-node{border-color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-background-raised) 0%,var(--color-background-inset) 100%)}.battle-pass__reward--claimed .battle-pass__reward-node svg{color:var(--color-interaction-primary)}.battle-pass__reward--claimed .battle-pass__emoji{opacity:.8}.battle-pass__tier-label--claimed{color:var(--color-interaction-primary)}.battle-pass__reward--claimed.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber)}.battle-pass__reward--claimed.battle-pass__reward--premium .battle-pass__reward-node svg{color:var(--color-amber)}@keyframes battle-pass-pulse{0%,to{box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}50%{box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 16px 2px var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}}@keyframes battle-pass-pulse-premium{0%,to{box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a}50%{box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 16px 2px var(--color-amber-glow),inset 0 1px #ffffff1a}}.battle-pass__reward--current .battle-pass__reward-node{width:calc(var(--space-generous) + var(--space-default));height:calc(var(--space-generous) + var(--space-default));border-width:var(--border-width-thick);border-color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-background-surface) 0%,var(--color-background-card) 100%);box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a;cursor:pointer;animation:battle-pass-pulse 2.5s ease-in-out infinite}.battle-pass__reward--current .battle-pass__reward-node svg{width:var(--space-roomy);height:var(--space-roomy);color:var(--color-interaction-primary)}.battle-pass__reward--current .battle-pass__reward-node .battle-pass__emoji{font-size:var(--font-size-display)}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber);box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a;animation:battle-pass-pulse-premium 2.5s ease-in-out infinite}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node svg{color:var(--color-amber)}.battle-pass__reward--locked .battle-pass__reward-node{border-color:var(--color-text-disabled);background-color:var(--color-background-inset)}.battle-pass__reward--locked .battle-pass__reward-node svg{color:var(--color-text-disabled);opacity:var(--opacity-disabled)}.battle-pass__tier-label--locked{color:var(--color-text-disabled)}.battle-pass__reward--premium .battle-pass__reward-node{border-color:var(--color-amber);background:linear-gradient(135deg,var(--color-background-card) 0%,rgba(251,191,36,.05) 100%)}.battle-pass__reward--premium:not(.battle-pass__reward--locked) .battle-pass__reward-node{box-shadow:0 0 var(--space-default) 0 var(--color-amber-glow)}.battle-pass__tier-label--premium{color:var(--color-amber);font-weight:var(--font-weight-medium)}@media(hover:hover){.battle-pass__reward--current .battle-pass__reward-node:hover{animation-play-state:paused;box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 20px 2px var(--color-interaction-primary-glow),inset 0 1px #ffffff26}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node:hover{animation-play-state:paused;box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 20px 2px var(--color-amber-glow),inset 0 1px #ffffff26}}@media(prefers-reduced-motion:reduce){.battle-pass__reward-node{transition:none;animation:none}.battle-pass__reward--current .battle-pass__reward-node{animation:none;box-shadow:0 0 0 var(--space-hairline) var(--color-interaction-primary-tint),0 0 12px 0 var(--color-interaction-primary-glow),inset 0 1px #ffffff1a}.battle-pass__reward--current.battle-pass__reward--premium .battle-pass__reward-node{animation:none;box-shadow:0 0 0 var(--space-hairline) var(--color-amber-dim),0 0 12px 0 var(--color-amber-glow),inset 0 1px #ffffff1a}}.border-trail{position:relative;border-radius:inherit}.border-trail__overlay{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.border-trail__content{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.border-trail__glow{display:none}}.button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-large);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default);position:relative;-webkit-user-select:none;user-select:none}.button:before{content:"";position:absolute;inset:-4px;pointer-events:none;border-radius:calc(var(--radius-large) + 3px);border:1px solid var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.button:focus-visible{outline:none}.button:focus-visible:before{opacity:1}.button:disabled,.button--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.button--pill{border-radius:var(--radius-pill);padding:0 var(--space-loose)}.button--pill:before{border-radius:var(--radius-pill)}.button--primary{background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--primary:hover{background-color:var(--color-interaction-primary-pressed)}}.button--primary:active{background-color:var(--color-interaction-primary-pressed);box-shadow:inset 0 1px 2px #0003}.button--on-bright{background-color:var(--color-surface-paper);color:var(--color-interaction-primary);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--on-bright:hover{background-color:var(--color-brand-blue-100)}}.button--on-bright:active{background-color:var(--color-brand-blue-100);box-shadow:inset 0 1px 2px #0000000f}.button--ghost-bright{background-color:transparent;color:var(--color-surface-paper);box-shadow:inset 0 0 0 1.5px #fff6}@media(hover:hover){.button--ghost-bright:hover{background-color:#ffffff1a;box-shadow:inset 0 0 0 1.5px #fff9}}.button--ghost-bright:active{background-color:#ffffff29}.button--secondary{background-color:var(--color-background-raised);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default),var(--shadow-elevation-2)}@media(hover:hover){.button--secondary:hover{background-color:var(--color-background-hover);box-shadow:inset 0 0 0 1px var(--color-border-emphasis),var(--shadow-elevation-3)}}.button--secondary:active{background-color:var(--color-background-card);box-shadow:inset 0 0 0 1px var(--color-border-default),inset 0 1px 2px #0003}.button--outline{background-color:transparent;color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px var(--color-border-emphasis)}@media(hover:hover){.button--outline:hover{background-color:var(--color-background-card);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default)}}.button--outline:active{background-color:var(--color-background-raised)}.button--ghost{background-color:transparent;color:var(--color-text-tertiary);box-shadow:none}@media(hover:hover){.button--ghost:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}.button--ghost:active{background-color:var(--color-background-raised)}.button--teal{background-color:var(--color-interaction-primary);color:var(--color-background-page);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--teal:hover{background-color:var(--color-interaction-primary-pressed)}}.button--teal:active{background-color:var(--color-interaction-primary-pressed);box-shadow:inset 0 1px 2px #00000029}.button--green{background-color:var(--color-green);color:var(--color-white);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--green:hover{filter:brightness(1.08)}}.button--green:active{filter:brightness(.92);box-shadow:inset 0 1px 2px #00000029}.button--teal-outline{background-color:transparent;color:var(--color-interaction-primary);box-shadow:inset 0 0 0 1px var(--color-interaction-primary)}@media(hover:hover){.button--teal-outline:hover{background-color:var(--color-interaction-primary-tint)}}.button--teal-outline:active{background-color:var(--color-interaction-primary-tint)}.button--danger{background-color:var(--color-red);color:var(--color-white);box-shadow:var(--shadow-elevation-2)}@media(hover:hover){.button--danger:hover{background-color:var(--color-red-dark)}}.button--danger:active{background-color:var(--color-red-dark);box-shadow:inset 0 1px 2px #00000038}.button--compact{height:var(--button-height-compact);padding:0 var(--space-snug);font-size:var(--font-size-body)}.button--large{height:var(--button-height-large);padding:0 var(--space-loose);font-size:var(--font-size-cta)}.button--pill.button--compact{padding:0 var(--space-default)}.button--pill.button--large{padding:0 var(--space-spacious)}.button--icon{width:var(--button-height-default);padding:0}.button--icon.button--compact{width:var(--button-height-compact)}.button--icon.button--large{width:var(--button-height-large)}.button__icon{width:var(--icon-size-default);height:var(--icon-size-default);flex-shrink:0}.button--compact .button__icon{width:var(--icon-size-small);height:var(--icon-size-small)}.button--large .button__icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.button--full{width:100%}[data-theme=light] .button--secondary{background-color:var(--color-background-card);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-default),var(--shadow-elevation-2)}@media(hover:hover){[data-theme=light] .button--secondary:hover{background-color:var(--color-background-surface);box-shadow:inset 0 0 0 1px var(--color-border-emphasis),var(--shadow-elevation-3)}}[data-theme=light] .button--secondary:active{background-color:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-default),inset 0 1px 2px #00000014}[data-theme=light] .button--teal,[data-theme=light] .button--danger{color:var(--color-white)}@media(prefers-reduced-motion:reduce){.button{transition:none}}.card{background-color:var(--color-background-card);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card--elevated{background-color:var(--color-background-raised);box-shadow:var(--shadow-card-elevated)}.card--interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.card--interactive:hover{box-shadow:var(--shadow-card-elevated)}}.card__header{padding:var(--space-default) var(--space-default) 0}.card__title{font-family:var(--font-family);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.card__description{margin-top:var(--space-hairline);font-size:var(--font-size-body);color:var(--color-text-secondary)}.card__content{padding:var(--space-default)}.card__footer{padding:0 var(--space-default) var(--space-default);display:flex;align-items:center;gap:var(--space-tight)}.card__footer--border{padding-top:var(--space-default);border-top:var(--border-width) solid var(--color-border-subtle)}.card--compact .card__header{padding:var(--space-tight) var(--space-tight) 0}.card--compact .card__content{padding:var(--space-tight)}.card--compact .card__footer{padding:0 var(--space-tight) var(--space-tight)}.card--borderless{box-shadow:none}.card--accent-teal{border-left:var(--toast-border-width) solid var(--color-interaction-primary)}.card--accent-green{border-left:var(--toast-border-width) solid var(--color-green)}.card--accent-red{border-left:var(--toast-border-width) solid var(--color-red)}.card--accent-amber{border-left:var(--toast-border-width) solid var(--color-amber)}.card--accent-coral{border-left:var(--toast-border-width) solid var(--color-coral)}.card--accent-brand{border-left:var(--toast-border-width) solid var(--color-interaction-primary)}@media(prefers-reduced-motion:reduce){.card--interactive{transition:none}}.carousel{position:relative;overflow:hidden;width:100%;height:100%}.carousel__content{display:flex;width:100%;height:100%}.carousel__content--draggable{cursor:grab;touch-action:pan-y}.carousel__content--draggable:active{cursor:grabbing}.carousel__item{flex:0 0 100%;min-width:0;width:100%;height:100%}.carousel__indicator{display:flex;justify-content:center;align-items:center;gap:var(--space-tight);padding:var(--space-snug) 0}.carousel__dot{width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-text-tertiary);border:none;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-default) ease}@media(hover:hover){.carousel__dot:hover{background-color:var(--color-text-secondary)}.carousel__dot--active:hover{background-color:var(--color-accent)}}.carousel__dot--active{background-color:var(--color-accent)}.carousel__navigation{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 var(--space-snug);pointer-events:none}.carousel__nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:opacity var(--duration-default) ease,background-color var(--duration-fast) ease}@media(hover:hover){.carousel__nav-button:hover:not(:disabled){background-color:var(--color-surface-hover)}.carousel:hover .carousel__nav-button--auto-hide:not(:disabled){opacity:1}.carousel:hover .carousel__nav-button--auto-hide:disabled{opacity:.4}}.carousel__nav-button:disabled{opacity:.4;cursor:not-allowed}.carousel__nav-button--auto-hide{opacity:0}@media(prefers-reduced-motion:reduce){.carousel__dot,.carousel__nav-button{transition:none}}.catalog-continue{display:flex;flex-direction:column;gap:var(--space-tight)}.catalog-continue__scroll{display:flex;gap:var(--space-snug);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:var(--space-hairline) 0;margin:0 calc(-1 * var(--space-default));padding-left:var(--space-default);padding-right:var(--space-default)}.catalog-continue__scroll::-webkit-scrollbar{display:none}.catalog-continue__item{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-large);overflow:hidden;cursor:pointer;scroll-snap-align:start;position:relative;background:var(--color-background-surface);border:var(--border-width) solid var(--color-border-subtle);padding:0;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.catalog-continue__item:hover{transform:scale(1.08);box-shadow:0 4px 12px #0006;border-color:var(--color-border-emphasis)}}.catalog-continue__item:focus-visible{outline:none;box-shadow:var(--focus-ring-teal);border-color:var(--color-interaction-primary)}.catalog-continue__item:active{transform:scale(.95)}.catalog-continue__icon{width:100%;height:100%;object-fit:cover}.catalog-continue__label{position:absolute;bottom:calc(100% + var(--space-tight));left:50%;transform:translate(-50%);background:var(--color-background-floating);padding:var(--space-hairline) var(--space-tight);border-radius:var(--radius-subtle);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out);box-shadow:0 4px 12px #0000004d;z-index:10}@media(hover:hover){.catalog-continue__item:hover .catalog-continue__label{opacity:1}}.catalog-continue__item:focus-visible .catalog-continue__label{opacity:1}@media(min-width:640px){.catalog-continue__item{width:72px;height:72px}.catalog-continue__scroll{gap:var(--space-default)}}@media(min-width:1024px){.catalog-continue__item{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.catalog-continue__item,.catalog-continue__label{transition:none}}@keyframes catalog-hero-live-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes catalog-hero-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.catalog-hero{position:relative;width:calc(100% + var(--space-default) * 2);margin-left:calc(-1 * var(--space-default));margin-right:calc(-1 * var(--space-default));margin-top:calc(-1 * var(--space-default));height:45vh;max-height:400px;min-height:280px;overflow:hidden}.catalog-hero__viewport{height:100%}.catalog-hero__slide{width:100%;height:100%;position:relative;cursor:pointer}.catalog-hero__slide:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--color-accent)}.catalog-hero__media{position:absolute;inset:0}.catalog-hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.catalog-hero__gradient{position:absolute;inset:0}.catalog-hero__glow{position:absolute;inset:0;pointer-events:none}.catalog-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,var(--color-overlay-medium) 50%,var(--color-overlay-heavy) 75%,var(--color-background-page) 100%);pointer-events:none}.catalog-hero__top-meta{position:absolute;top:0;left:var(--space-default);right:var(--space-default);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-snug);z-index:3}.catalog-hero__category{display:inline-flex;background:var(--color-background-surface);border-radius:var(--radius-pill);padding:var(--space-hairline) var(--space-tight);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0000004d}.catalog-hero__personalization{position:absolute;top:var(--space-snug);left:50%;transform:translate(-50%);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap}.catalog-hero__live{display:inline-flex;align-items:center;gap:var(--space-hairline);background:var(--color-background-surface);border-radius:var(--radius-pill);padding:var(--space-hairline) var(--space-tight);box-shadow:0 2px 8px #0000004d}.catalog-hero__live-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background:var(--color-green);animation:catalog-hero-live-pulse 1.5s ease-in-out infinite}.catalog-hero__live-count{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-green);font-variant-numeric:tabular-nums}.catalog-hero__content{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-tight) var(--space-default);padding-bottom:60px;z-index:2}.catalog-hero__title{font-family:var(--font-family-callout);font-size:var(--font-size-display);font-weight:800;letter-spacing:-.015em;color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0 0 var(--space-hairline);text-shadow:0 2px 8px rgba(0,0,0,.5);max-width:600px}.catalog-hero__tags{margin-bottom:var(--space-snug);justify-content:center}.catalog-hero__tags .chip:nth-child(n+3){display:none}.catalog-hero__sentiment{display:flex;justify-content:center;margin-bottom:var(--space-snug);text-shadow:0 1px 4px rgba(0,0,0,.5)}.catalog-hero__social-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-snug);margin-bottom:var(--space-snug)}.catalog-hero__social{display:flex;align-items:center}.catalog-hero__friends{display:flex;align-items:center;gap:var(--space-tight)}.catalog-hero__friends-avatars{display:flex;flex-shrink:0}.catalog-hero__friends-avatar{display:flex;align-items:center;justify-content:center;width:var(--avatar-size-micro);height:var(--avatar-size-micro);border-radius:var(--radius-pill);background:var(--color-background-elevated);border:2px solid var(--color-background-page);font-size:var(--font-size-avatar-micro);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-left:-6px;position:relative}.catalog-hero__friends-avatar:first-child{margin-left:0}.catalog-hero__friends-avatar--online:after{content:"";position:absolute;bottom:-1px;right:-1px;width:var(--status-dot-size-small);height:var(--status-dot-size-small);border-radius:var(--radius-pill);background:var(--color-green);border:1px solid var(--color-background-page)}.catalog-hero__friends-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.catalog-hero__friends-status{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-green)}.catalog-hero__friends-ranks{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.catalog-hero__friends-rank{margin-right:var(--space-tight)}.catalog-hero__friends-rank:last-child{margin-right:0}.catalog-hero__friends-rank-name{color:var(--color-text-secondary)}.catalog-hero__friends-rank-pos{font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary)}.catalog-hero__friends-rank-pos--gold{color:var(--color-amber)}.catalog-hero__rank-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline);margin-left:var(--space-default)}.catalog-hero__rank-label{font-size:9px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.catalog-hero__rank{display:flex;align-items:center;justify-content:center;background:var(--color-background-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug)}.catalog-hero__rank-pos{font-size:var(--font-size-body-small);font-weight:var(--font-weight-bold);color:var(--color-interaction-primary)}.catalog-hero__cta-row{display:flex;justify-content:center;margin-top:var(--space-tight)}.catalog-hero__cta{display:inline-flex;align-items:center;gap:var(--space-tight);padding-left:var(--space-loose);padding-right:var(--space-loose)}.catalog-hero__cta-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.catalog-hero__pagination{position:absolute;bottom:var(--space-default);left:50%;transform:translate(-50%);display:flex;gap:var(--space-tight);z-index:3}.catalog-hero__dot{position:relative;width:8px;height:8px;border-radius:var(--radius-pill);background:#ffffff40;border:none;padding:0;cursor:pointer;overflow:hidden}.catalog-hero__dot--active{width:32px;background:#ffffff26}.catalog-hero__dot-progress{position:absolute;inset:0;background:var(--color-interaction-primary);border-radius:var(--radius-pill);transform-origin:left center;transform:scaleX(0);animation:catalog-hero-progress-fill linear forwards}@media(hover:hover){.catalog-hero__dot:hover{transform:scale(1.15)}.catalog-hero__dot--active:hover{transform:scale(1)}}@media(min-width:640px){.catalog-hero{height:40vh}.catalog-hero__top-meta{padding:var(--space-loose)}.catalog-hero__content{padding:var(--space-default) var(--space-loose);padding-bottom:60px}.catalog-hero__title{font-size:var(--font-size-hero);margin-bottom:var(--space-hairline)}.catalog-hero__tags .chip:nth-child(n+3){display:inline-flex}.catalog-hero__tags .chip:nth-child(n+4){display:none}.catalog-hero__social-row{gap:var(--space-default)}.catalog-hero__friends-avatar{width:var(--avatar-size-tiny);height:var(--avatar-size-tiny);font-size:var(--font-size-caption)}}@media(min-width:1024px){.catalog-hero{height:38vh}.catalog-hero__top-meta{padding:var(--space-spacious)}.catalog-hero__category{font-size:var(--font-size-body-small);padding:var(--space-hairline) var(--space-snug)}.catalog-hero__live{padding:var(--space-hairline) var(--space-snug)}.catalog-hero__live-count{font-size:var(--font-size-body-small)}.catalog-hero__content{padding:var(--space-loose) var(--space-spacious);padding-bottom:60px}.catalog-hero__friends-avatar{width:var(--avatar-size-compact);height:var(--avatar-size-compact);font-size:var(--font-size-body-small)}}[data-theme=light] .catalog-hero__overlay{background:linear-gradient(180deg,transparent 0%,transparent 28%,rgba(244,245,247,.45) 40%,rgba(244,245,247,.88) 55%,rgba(244,245,247,.98) 70%,var(--color-background-page) 82%)}[data-theme=light] .catalog-hero__title{text-shadow:0 1px 2px rgba(255,255,255,.95),0 2px 12px rgba(255,255,255,.8)}[data-theme=light] .catalog-hero__sentiment{text-shadow:0 1px 2px rgba(255,255,255,.9)}[data-theme=light] .catalog-hero__category,[data-theme=light] .catalog-hero__live,[data-theme=light] .catalog-hero__rank{background:#ffffffe6;box-shadow:0 2px 8px #00000026}[data-theme=light] .catalog-hero__personalization{color:var(--color-text-secondary);text-shadow:0 1px 4px rgba(255,255,255,.6)}[data-theme=light] .catalog-hero__friends-avatar{border-color:#ffffffe6}@media(prefers-reduced-motion:reduce){.catalog-hero__dot{transition:none}.catalog-hero__dot-progress{animation:none;transform:scaleX(1)}.catalog-hero__live-dot{animation:none}}.catalog-list-item{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug) var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.catalog-list-item:last-child{border-bottom:none}@media(hover:hover){.catalog-list-item:hover{background-color:var(--color-background-hover)}}.catalog-list-item__rank{min-width:28px;font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-align:right;flex-shrink:0}.catalog-list-item:nth-child(1) .catalog-list-item__rank,.catalog-list-item:nth-child(2) .catalog-list-item__rank,.catalog-list-item:nth-child(3) .catalog-list-item__rank{color:var(--color-interaction-primary)}.catalog-list-item__icon{width:56px;height:56px;border-radius:var(--radius-rounded);flex-shrink:0;object-fit:cover;background-color:var(--color-background-surface)}.catalog-list-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.catalog-list-item__title{font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.catalog-list-item__subtitle{font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.catalog-list-item__tags{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--color-text-tertiary);margin-top:2px}.catalog-list-item__tag{white-space:nowrap}.catalog-list-item__tag--primary{color:var(--color-text-secondary)}.catalog-list-item__tag-sep{color:var(--color-text-disabled)}.catalog-list-item__sentiment{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-top:2px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:1.3}.catalog-list-item__sentiment-icons{display:inline-flex;align-items:center;position:relative;flex-shrink:0}.catalog-list-item__sentiment-icon{width:13px;height:13px;flex-shrink:0}.catalog-list-item__sentiment-icon--echo{position:absolute;left:5px;opacity:.45}.catalog-list-item__sentiment-icons--double{padding-right:5px}.catalog-list-item__sentiment-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.catalog-list-item__sentiment-sep{color:var(--color-text-disabled);font-weight:var(--font-weight-normal);flex-shrink:0}.catalog-list-item__sentiment-count{color:var(--color-text-tertiary);font-weight:var(--font-weight-normal);flex-shrink:0}.catalog-list-item__sentiment--top{color:var(--color-amber)}.catalog-list-item__sentiment--positive{color:var(--color-green)}.catalog-list-item__sentiment--mixed{color:var(--color-amber)}.catalog-list-item__sentiment--negative{color:var(--color-red)}.catalog-list-item__bookmark-count{display:inline-flex;align-items:center;gap:6px;min-width:0;margin-top:2px;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:1.3}.catalog-list-item__bookmark-icon{width:13px;height:13px;flex:0 0 auto;color:var(--color-interaction-primary)}.catalog-list-item__bookmark-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-list-item__meta{display:flex;align-items:center;gap:var(--space-tight);min-width:0}.catalog-list-item__action{flex-shrink:0;min-width:80px}@media(min-width:640px){.catalog-list-item__icon{width:64px;height:64px}.catalog-list-item__rank{min-width:32px;font-size:var(--font-size-body-large)}}@media(prefers-reduced-motion:reduce){.catalog-list-item{transition:none}}.catalog-section{display:flex;flex-direction:column;gap:var(--space-snug)}.catalog-section--compact{gap:var(--space-tight)}.catalog-section__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-default) var(--space-tight);border-bottom:1px solid var(--color-border-emphasis)}.catalog-section__title{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.catalog-section--compact .catalog-section__title{font-size:var(--font-size-body-large)}.catalog-section__title-link{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.catalog-section__title-link:focus-visible{outline:none;box-shadow:var(--focus-ring-teal);border-radius:var(--radius-subtle)}@media(hover:hover){.catalog-section__title-link:hover{color:var(--color-interaction-primary-pressed)}}.catalog-section__see-all{display:inline-flex;align-items:center;gap:var(--space-micro);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.catalog-section__see-all-icon{width:var(--icon-size-small);height:var(--icon-size-small);transition:transform var(--duration-fast) var(--ease-out)}@media(hover:hover){.catalog-section__see-all:hover{color:var(--color-interaction-primary-pressed)}.catalog-section__see-all:hover .catalog-section__see-all-icon{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.catalog-section__see-all,.catalog-section__see-all-icon{transition:none}}.catalog-tag{display:flex;flex-direction:column;gap:var(--space-loose)}.catalog-tag__header{display:flex;flex-direction:column;gap:var(--space-snug)}.catalog-tag__title-row{display:flex;align-items:center;gap:var(--space-tight)}.catalog-tag__back{flex-shrink:0;margin-left:calc(-1 * var(--space-tight))}.catalog-tag__title{font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.catalog-tag__game-count{margin-left:auto;font-size:var(--font-size-body-small);color:var(--color-text-tertiary);opacity:.6;white-space:nowrap;flex-shrink:0}.catalog-tag__podium{display:flex;gap:var(--space-default);list-style:none;margin:0;padding:0}.catalog-tag__podium-player{position:relative;display:flex;align-items:flex-start;flex:1;min-width:0}.catalog-tag__podium-rank{position:absolute;top:0;left:0;z-index:0;pointer-events:none;font-family:var(--font-family-callout);font-size:clamp(96px,24vw,144px);font-weight:900;line-height:.85;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:3px var(--color-text-tertiary);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.catalog-tag__podium-rank--gold{-webkit-text-stroke-color:var(--color-rank-gold)}.catalog-tag__podium-rank--silver{-webkit-text-stroke-color:var(--color-rank-silver)}.catalog-tag__podium-rank--bronze{-webkit-text-stroke-color:var(--color-rank-bronze)}@supports not ((-webkit-text-stroke: 1px currentColor) or (text-stroke: 1px currentColor)){.catalog-tag__podium-rank{color:var(--color-text-tertiary)}.catalog-tag__podium-rank--gold{color:var(--color-rank-gold)}.catalog-tag__podium-rank--silver{color:var(--color-rank-silver)}.catalog-tag__podium-rank--bronze{color:var(--color-rank-bronze)}}.catalog-tag__podium-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-tight);flex:1;min-width:0;width:100%}.catalog-tag__podium-card--button{padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}.catalog-tag__podium-card--button:active{transform:scale(.97)}.catalog-tag__podium-card--button:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.catalog-tag__podium-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight);overflow-wrap:break-word;word-break:normal;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-tag__podium-score{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-align:center}.catalog-tile{position:relative;aspect-ratio:3 / 2;border-radius:var(--radius-rounded);overflow:hidden;background:var(--color-background-card);cursor:pointer;transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out)}@media(hover:hover){.catalog-tile:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000080}}.catalog-tile:focus-visible{outline:none;box-shadow:var(--focus-ring-teal)}.catalog-tile__media{position:absolute;inset:0}.catalog-tile__image{width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform var(--duration-slow) var(--ease-out)}@media(hover:hover){.catalog-tile:hover .catalog-tile__image{transform:scale(1.05)}}.catalog-tile__gradient{position:absolute;inset:0}.catalog-tile__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,var(--color-overlay-medium) 65%,var(--color-overlay-heavy) 100%);pointer-events:none}.catalog-tile__rating{position:absolute;top:var(--space-tight);right:var(--space-tight);z-index:2;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-pill)}.catalog-tile__rating-icons{display:flex;align-items:center;position:relative}.catalog-tile__rating-icon{width:10px;height:10px;flex-shrink:0}.catalog-tile__rating-icon--echo{position:absolute;left:4px;opacity:.45}.catalog-tile__rating-icons--double{padding-right:4px}.catalog-tile__rating--top{color:var(--color-amber)}.catalog-tile__rating--positive{color:var(--color-green)}.catalog-tile__rating--mixed{color:var(--color-amber)}.catalog-tile__rating--negative{color:var(--color-red)}.catalog-tile__rating-count{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.catalog-tile__signals{position:absolute;top:var(--space-tight);left:var(--space-tight);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.catalog-tile__audience,.catalog-tile__bookmark-count{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-pill);color:var(--color-text-primary)}.catalog-tile__audience-icon,.catalog-tile__bookmark-count-icon{width:10px;height:10px;flex-shrink:0;opacity:.9}.catalog-tile__audience-count,.catalog-tile__bookmark-count-value{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:1}.catalog-tile__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-snug);z-index:1}.catalog-tile__title{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-tight);margin:0;text-shadow:0 1px 4px rgba(0,0,0,.7)}.catalog-tile__play-count{display:block;margin-top:3px;color:#ffffff9e;font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;line-height:var(--line-height-tight);text-shadow:0 1px 3px rgba(0,0,0,.8)}.catalog-tile__tags{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:4px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);line-height:1.3;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.8)}.catalog-tile__tag{white-space:nowrap}.catalog-tile__tag--primary{color:var(--color-text-secondary)}.catalog-tile__tag-sep{color:var(--color-text-disabled)}.catalog-tiles-row{display:flex;gap:var(--space-default);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-default));padding:0 var(--space-default);padding-bottom:var(--space-tight)}.catalog-tiles-row::-webkit-scrollbar{display:none}.catalog-tiles-row>*{flex-shrink:0;width:calc((100vw - var(--space-default) * 3) / 2.5);min-width:140px;scroll-snap-align:start}@media(min-width:640px){.catalog-tiles-row>*{width:calc((100vw - var(--space-default) * 4) / 3.2);min-width:180px}}@media(min-width:1024px){.catalog-tiles-row>*{width:calc((100vw - var(--space-default) * 5) / 4.2);max-width:320px}}@media(min-width:640px){.catalog-tile__content{padding:var(--space-default)}.catalog-tile__title{font-size:var(--font-size-body-large)}}@media(prefers-reduced-motion:reduce){.catalog-tile,.catalog-tile__image{transition:none}}.celebration-burst{position:fixed;z-index:var(--z-toast);pointer-events:none}.celebration-burst__card{position:relative;display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug) var(--space-default);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:0 4px 16px #0006,inset 0 1px 0 var(--shadow-highlight-subtle);pointer-events:auto;cursor:pointer;overflow:hidden;max-width:calc(100vw - var(--space-default) * 2);width:max-content}.celebration-burst__glow{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit;overflow:hidden}.celebration-burst__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;font-size:var(--font-size-title);line-height:1}.celebration-burst__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.celebration-burst__title{font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);white-space:nowrap}.celebration-burst__subtitle{font-family:var(--font-family-mono);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;font-variant-numeric:tabular-nums}.celebration-burst--high-score .celebration-burst__card{border-color:var(--color-interaction-primary-border)}.celebration-burst--high-score .celebration-burst__title{color:var(--color-interaction-primary)}.celebration-burst--rank-up .celebration-burst__card{border-color:var(--color-rarity-legendary-border);box-shadow:0 4px 24px #00000080,0 0 12px var(--color-amber-glow),inset 0 1px 0 var(--shadow-highlight-default)}.celebration-burst--rank-up .celebration-burst__title{color:var(--color-rarity-legendary)}@keyframes celebration-burst-flash{0%{opacity:0}8%{opacity:.35}to{opacity:0}}.celebration-burst--rank-up .celebration-burst__card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.2) 50%,transparent 100%);pointer-events:none;border-radius:inherit;opacity:0}.celebration-burst--rank-up.is-entering .celebration-burst__card:after{animation:celebration-burst-flash .6s ease-out forwards}@keyframes celebration-burst-ring-expand{0%{box-shadow:0 0 0 0 var(--ring-color),0 0 0 0 var(--ring-color-dim);opacity:.8}50%{box-shadow:0 0 20px 15px var(--ring-color),0 0 40px 30px var(--ring-color-dim);opacity:.5}to{box-shadow:0 0 30px 25px transparent,0 0 60px 45px transparent;opacity:0}}.celebration-burst__ring{position:fixed;width:8px;height:8px;border-radius:var(--radius-full);pointer-events:none;z-index:var(--z-toast);animation:celebration-burst-ring-expand .6s ease-out forwards}.celebration-burst__ring--high-score{--ring-color: var(--color-interaction-primary-glow);--ring-color-dim: var(--color-interaction-primary-glow)}.celebration-burst__ring--rank-up{--ring-color: var(--color-amber-glow-strong);--ring-color-dim: var(--color-amber-glow)}@keyframes celebration-burst-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.celebration-burst__timer{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 var(--radius-default) var(--radius-default);transform-origin:left center;animation:celebration-burst-countdown var(--celebration-duration) linear forwards;pointer-events:none;z-index:2}.celebration-burst--high-score .celebration-burst__timer{background-color:var(--color-interaction-primary-glow)}.celebration-burst--rank-up .celebration-burst__timer{background-color:var(--color-amber-glow-strong)}[data-theme=light] .celebration-burst__card{box-shadow:0 4px 16px #00000026,inset 0 1px 0 var(--shadow-highlight-subtle)}[data-theme=light] .celebration-burst--rank-up .celebration-burst__card{box-shadow:0 4px 24px #0003,0 0 12px var(--color-amber-glow),inset 0 1px 0 var(--shadow-highlight-default)}@media(prefers-reduced-motion:reduce){.celebration-burst--rank-up.is-entering .celebration-burst__card:after{animation:none;opacity:0}.celebration-burst__ring{animation:none;opacity:0}.celebration-burst__timer{animation:none;transform:scaleX(0)}}@keyframes checkbox-pop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:1}75%{transform:scale(.9) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes checkbox-pop-out{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(45deg);opacity:0}}.checkbox{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__box{position:relative;display:grid;place-items:center;width:var(--checkbox-size);height:var(--checkbox-size);background-color:transparent;border:var(--border-width-thick) solid var(--color-border-default);border-radius:0;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.checkbox:active:not(.checkbox--disabled) .checkbox__box{transform:scale(.97)}.checkbox__check{transform:scale(0);width:14px;height:14px;color:var(--color-interaction-primary-text);opacity:0;pointer-events:none}.checkbox__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.checkbox--checked .checkbox__box{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary)}.checkbox--checked .checkbox__check{transform:scale(1);opacity:1;animation:checkbox-pop .3s var(--ease-out) forwards}.checkbox:not(.checkbox--checked) .checkbox__check{animation:checkbox-pop-out .15s var(--ease-out) forwards}.checkbox--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.checkbox:focus-visible .checkbox__box{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .checkbox__check{color:var(--color-interaction-primary-text)}@media(prefers-reduced-motion:reduce){.checkbox__box,.checkbox__check{transition:none;animation:none}.checkbox:active:not(.checkbox--disabled) .checkbox__box{transform:none}.checkbox--checked .checkbox__check,.checkbox:not(.checkbox--checked) .checkbox__check{animation:none}.checkbox--checked .checkbox__check{opacity:1;transform:scale(1)}.checkbox:not(.checkbox--checked) .checkbox__check{opacity:0;transform:scale(0)}}.chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-tight);height:var(--button-height-compact);padding:0 var(--space-snug);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-default) var(--ease-out)}.chip.is-interactive{cursor:pointer}.chip.is-interactive:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.chip.is-disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.chip.is-loading{pointer-events:none}.chip.is-loading .chip__label{background:linear-gradient(90deg,var(--color-background-surface) 25%,var(--color-background-hover) 50%,var(--color-background-surface) 75%);background-size:200% 100%;border-radius:var(--radius-subtle);animation:chip-shimmer 1.5s infinite ease-in-out}@keyframes chip-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chip__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:currentColor}.chip__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.chip__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-hairline);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1;font-variant-numeric:tabular-nums;background-color:var(--shadow-highlight-subtle);border-radius:var(--radius-pill)}.chip__remove{display:flex;align-items:center;justify-content:center;width:var(--icon-size-default);height:var(--icon-size-default);margin-right:calc(-1 * var(--space-hairline));padding:0;background:transparent;border:none;border-radius:var(--radius-pill);color:inherit;opacity:.6;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.chip__remove:hover{opacity:1;background-color:var(--shadow-highlight-subtle)}}.chip__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 transparent}.chip--default{background-color:var(--color-background-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}.chip--default.is-selected{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary-border);color:var(--color-interaction-primary);box-shadow:0 0 12px var(--color-interaction-primary-tint)}.chip--default.is-selected .chip__glow{box-shadow:inset 0 0 8px var(--color-interaction-primary-tint)}@media(hover:hover){.chip--default.is-interactive:hover{border-color:var(--color-border-default);color:var(--color-text-primary)}.chip--default.is-selected.is-interactive:hover{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary);box-shadow:0 0 16px var(--color-interaction-primary-tint)}}.chip--teal{background-color:var(--color-interaction-primary-tint);border:1px solid var(--color-interaction-primary-border);color:var(--color-interaction-primary)}.chip--teal.is-selected{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary);color:var(--color-background-page);box-shadow:0 0 16px var(--color-interaction-primary-glow)}.chip--teal.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-interaction-primary-glow)}.chip--teal .chip__count{background-color:var(--color-interaction-primary-border)}.chip--teal.is-selected .chip__count{background-color:var(--color-interaction-primary-glow);color:var(--color-background-page)}@media(hover:hover){.chip--teal.is-interactive:hover{background-color:var(--color-interaction-primary-tint)}.chip--teal.is-selected.is-interactive:hover{background-color:var(--color-interaction-primary-pressed);box-shadow:0 0 20px var(--color-interaction-primary-glow)}}.chip--green{background-color:var(--color-green-dim);border:1px solid var(--color-green-border);color:var(--color-green)}.chip--green.is-selected{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-background-page);box-shadow:0 0 16px var(--color-green-glow)}.chip--green.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-green-glow)}.chip--green .chip__count{background-color:var(--color-green-border)}.chip--green.is-selected .chip__count{background-color:var(--color-green-glow);color:var(--color-background-page)}@media(hover:hover){.chip--green.is-interactive:hover{background-color:var(--color-green-glow)}.chip--green.is-selected.is-interactive:hover{background-color:var(--color-green-glow-strong);box-shadow:0 0 20px var(--color-green-glow-strong)}}.chip--red{background-color:var(--color-red-dim);border:1px solid var(--color-red-border);color:var(--color-red)}.chip--red.is-selected{background-color:var(--color-red);border-color:var(--color-red);color:var(--color-white);box-shadow:0 0 16px var(--color-red-glow)}.chip--red.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-red-glow)}.chip--red .chip__count{background-color:var(--color-red-border)}.chip--red.is-selected .chip__count{background-color:var(--color-red-glow);color:var(--color-white)}@media(hover:hover){.chip--red.is-interactive:hover{background-color:var(--color-red-glow)}.chip--red.is-selected.is-interactive:hover{background-color:var(--color-red-glow-strong);box-shadow:0 0 20px var(--color-red-glow-strong)}}.chip--amber{background-color:var(--color-amber-dim);border:1px solid var(--color-amber-border);color:var(--color-amber)}.chip--amber.is-selected{background-color:var(--color-amber);border-color:var(--color-amber);color:var(--color-background-page);box-shadow:0 0 16px var(--color-amber-glow)}.chip--amber.is-selected .chip__glow{box-shadow:inset 0 0 12px var(--color-amber-glow)}.chip--amber .chip__count{background-color:var(--color-amber-border)}.chip--amber.is-selected .chip__count{background-color:var(--color-amber-glow);color:var(--color-background-page)}@media(hover:hover){.chip--amber.is-interactive:hover{background-color:var(--color-amber-glow)}.chip--amber.is-selected.is-interactive:hover{background-color:var(--color-amber-glow-strong);box-shadow:0 0 20px var(--color-amber-glow-strong)}}.chip--compact{height:var(--badge-height);padding:0 var(--space-tight);font-size:var(--font-size-caption);gap:var(--space-hairline)}.chip--compact .chip__remove{width:var(--icon-size-tiny);height:var(--icon-size-tiny)}.chip--compact .chip__count{min-width:14px;height:14px;font-size:var(--font-size-tiny)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-tight)}[data-theme=light] .chip--default{background-color:var(--color-background-card)}[data-theme=light] .chip--default.is-selected{background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-tint)}[data-theme=light] .chip.is-loading .chip__label{background:linear-gradient(90deg,var(--color-background-card) 25%,var(--color-background-surface) 50%,var(--color-background-card) 75%);background-size:200% 100%}[data-theme=light] .chip.is-selected{box-shadow:0 0 8px var(--color-interaction-primary-tint)}[data-theme=light] .chip.is-selected .chip__glow{box-shadow:inset 0 0 4px var(--color-interaction-primary-tint)}@media(prefers-reduced-motion:reduce){.chip,.chip__remove{transition:none}.chip.is-loading .chip__label{animation:none;background:var(--color-background-surface)}.chip.is-selected{box-shadow:none}.chip__glow{display:none}}.collapsible{display:flex;flex-direction:column}.collapsible__trigger{display:flex;align-items:center;gap:var(--space-tight);width:100%;padding:var(--space-snug) var(--space-tight);background:transparent;border:none;border-radius:var(--radius-subtle);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.collapsible__trigger:hover{background-color:var(--color-background-hover)}}.collapsible__trigger:focus-visible{outline:none;background-color:var(--color-background-hover);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.collapsible__trigger:active{background-color:var(--color-background-raised)}.collapsible__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.collapsible.is-open .collapsible__chevron{color:var(--color-interaction-primary)}.collapsible__trigger-text{flex:1}.collapsible__content{overflow:hidden}.collapsible__content-inner{padding:var(--space-tight) 0}.collapsible--bordered{border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default)}.collapsible--bordered .collapsible__trigger{padding:var(--space-default);border-radius:var(--radius-default)}.collapsible--bordered.is-open .collapsible__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.collapsible--bordered .collapsible__content-inner{padding:var(--space-default)}.collapsible--compact .collapsible__trigger{padding:var(--space-tight) var(--space-tight);font-size:var(--font-size-body-small)}.collapsible--compact .collapsible__content-inner{padding:var(--space-tight) 0}.collapsible--section .collapsible__trigger{padding:var(--space-default) 0;font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);border-radius:0}.collapsible--section .collapsible__trigger:hover{background:transparent}.collapsible--section .collapsible__content-inner{padding:var(--space-default) 0}@media(prefers-reduced-motion:reduce){.collapsible__trigger,.collapsible__chevron{transition:none}}.create-prompt{position:relative;min-height:100dvh}.create-prompt__background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 0%,var(--color-interaction-primary-tint),transparent 32%),radial-gradient(circle at 90% 8%,var(--color-pink-dim),transparent 28%),linear-gradient(180deg,var(--color-background-inset),var(--color-background-page))}.create-prompt__content{position:relative;z-index:1;width:min(100%,var(--layout-max-width-narrow));margin:0 auto;padding:calc(var(--safe-area-inset-top) + var(--space-loose)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-loose));display:flex;flex-direction:column;gap:var(--space-comfortable)}.create-prompt__hero{display:flex;flex-direction:column;gap:var(--space-tight)}.create-prompt__title{max-width:20ch;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal)}.create-prompt__subtitle{max-width:34ch;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.create-prompt__composer{position:relative;padding:var(--space-default);display:flex;flex-direction:column;gap:var(--space-snug);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-elevation-2)}.create-prompt__composer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-snug)}.create-prompt__label{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__counter{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}.create-prompt__counter--error{color:var(--color-red)}.create-prompt__textarea{min-height:calc(var(--control-height-default) * 3);border-radius:var(--radius-large);font-size:var(--font-size-body-large);line-height:var(--line-height-normal)}.create-prompt__textarea::placeholder{color:var(--color-text-tertiary)}.create-prompt__chips{display:flex;align-items:center;gap:var(--space-tight);overflow-x:auto;scrollbar-width:none}.create-prompt__chips::-webkit-scrollbar{display:none}.create-prompt__chip{flex:0 0 auto;min-height:var(--button-height-compact);padding:0 var(--space-tight);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);cursor:pointer;touch-action:manipulation;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.create-prompt__chip:active{transform:scale(.97)}.create-prompt__chip--selected{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary);box-shadow:none}.create-prompt__actions{display:flex}.create-prompt__submit{min-width:0}.create-prompt__submit svg{animation:create-prompt-spin .8s linear infinite}.create-prompt__error{margin:0;color:var(--color-red);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.create-prompt__stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-tight)}.create-prompt__stage{min-width:0;padding:var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-inset)}.create-prompt__stage--prompt .create-prompt__stage-icon,.create-prompt__stage--waitlist .create-prompt__stage-icon,.create-prompt__stage--build .create-prompt__stage-icon{color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.create-prompt__stage-icon{width:var(--control-height-compact);height:var(--control-height-compact);margin-bottom:var(--space-snug);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-large);box-shadow:inset 0 0 0 var(--border-width) var(--color-interaction-primary-border)}.create-prompt__stage-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__stage-subtitle{margin:var(--space-micro) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-tight)}.create-prompt__ideas{display:flex;flex-direction:column;gap:var(--space-snug)}.create-prompt__ideas-header{display:flex;flex-direction:column;gap:var(--space-hairline)}.create-prompt__ideas-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal)}.create-prompt__ideas-subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.create-prompt__ideas-status{display:inline-flex;align-items:center;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.create-prompt__ideas-status svg{animation:create-prompt-spin .8s linear infinite}.create-prompt__empty,.create-prompt__idea{display:flex;align-items:flex-start;gap:var(--space-snug);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.create-prompt__empty-icon,.create-prompt__idea-icon{flex:0 0 auto;width:var(--control-height-compact);height:var(--control-height-compact);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-large);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);box-shadow:inset 0 0 0 var(--border-width) var(--color-interaction-primary-border)}.create-prompt__empty-copy,.create-prompt__idea-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-hairline)}.create-prompt__empty-title,.create-prompt__idea-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.create-prompt__empty-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}.create-prompt__idea-list{display:flex;flex-direction:column;gap:var(--space-tight)}.create-prompt__idea{border-color:var(--color-border-default)}.create-prompt__idea-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.create-prompt__idea-meta,.create-prompt__idea-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-tight)}.create-prompt__idea-meta{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.create-prompt__idea-tag{padding:var(--space-small) var(--space-tight);border-radius:var(--radius-rounded);background:var(--color-background-surface);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}@keyframes create-prompt-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.create-prompt__submit svg,.create-prompt__ideas-status svg{animation:none}.create-prompt__chip{transition:none}}.data-table{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);overflow:hidden}.data-table__table{width:100%;border-collapse:collapse;border-spacing:0}.data-table__head{background-color:var(--color-background-inset)}.data-table__header-row{border-bottom:var(--border-width) solid var(--color-border-default)}.data-table__header-cell{padding:var(--space-snug) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table__header-cell--right{text-align:right}.data-table__header-cell--center{text-align:center}.data-table__header-cell--expand,.data-table__header-cell--select{width:var(--space-roomy);padding-left:var(--space-snug);padding-right:0}.data-table__header-cell--sortable{cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.data-table__header-cell--sortable:hover{color:var(--color-text-primary)}}.data-table__header-cell--sortable:focus-visible{outline:none;color:var(--color-interaction-primary)}.data-table__header-cell--sorted{color:var(--color-interaction-primary)}.data-table__header-content{display:inline-flex;align-items:center;gap:var(--space-hairline)}.data-table__header-label{display:inline-block}.data-table__sort-indicator{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-small);height:var(--icon-size-small)}.data-table__sort-icon{color:var(--color-interaction-primary)}.data-table__sort-icon--inactive{color:var(--color-text-disabled)}.data-table__body{position:relative}.data-table__row{border-bottom:var(--border-width) solid var(--color-border-subtle);content-visibility:auto;contain-intrinsic-size:auto 48px;transition:background-color var(--duration-fast) var(--ease-out)}.data-table__row:last-child{border-bottom:none}.data-table__row--interactive{cursor:pointer}@media(hover:hover){.data-table__row--interactive:hover{background-color:var(--color-background-raised)}}.data-table__row--interactive:focus-visible{outline:none;background-color:var(--color-background-raised);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.data-table__row.is-expanded{background-color:var(--color-background-raised)}.data-table__cell{padding:var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);vertical-align:middle}.data-table__cell--right{text-align:right}.data-table__cell--center{text-align:center}.data-table__cell--expand,.data-table__cell--select{width:var(--space-roomy);padding-left:var(--space-snug);padding-right:0}.data-table__select-checkbox--indeterminate .checkbox__box{background-color:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary)}.data-table__row.is-selected,.data-table__row.is-selected:hover{background-color:var(--color-interaction-primary-tint)}.data-table__expand-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.data-table__row.is-expanded .data-table__expand-icon{color:var(--color-interaction-primary)}.data-table__expanded-row{background-color:var(--color-background-inset);border-bottom:var(--border-width) solid var(--color-border-subtle)}.data-table__expanded-cell{padding:0;overflow:hidden}.data-table__expanded-content{padding:var(--space-default) var(--space-loose);border-top:var(--border-width) solid var(--color-border-subtle)}.data-table__empty-cell{padding:var(--space-spacious) var(--space-default);text-align:center}.data-table__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.data-table__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.data-table__row--skeleton{pointer-events:none}.data-table__skeleton{display:inline-block;height:1em;min-width:40%;background:linear-gradient(90deg,var(--color-background-surface) 0%,var(--color-background-surface-alt) 50%,var(--color-background-surface) 100%);background-size:200% 100%;border-radius:var(--radius-subtle);animation:data-table-skeleton-pulse 1.5s ease-in-out infinite}.data-table__skeleton--icon{width:var(--icon-size-default);height:var(--icon-size-default);min-width:var(--icon-size-default);border-radius:var(--radius-subtle)}.data-table__skeleton--checkbox{width:18px;height:18px;min-width:18px;border-radius:var(--radius-subtle)}.data-table__skeleton--right{margin-left:auto}@keyframes data-table-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.data-table__delta{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.data-table__delta--positive{color:var(--color-green)}.data-table__delta--negative{color:var(--color-red)}.data-table__delta--zero{color:var(--color-text-tertiary)}.data-table__result{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:var(--space-micro) var(--space-tight);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-subtle)}.data-table__result--win{color:var(--color-green);background-color:var(--color-green-dim)}.data-table__result--loss{color:var(--color-red);background-color:var(--color-red-dim)}.data-table__result--draw{color:var(--color-text-secondary);background-color:var(--color-background-surface)}.data-table__date{font-size:var(--font-size-body);color:var(--color-text-secondary)}.data-table__duration{font-family:var(--font-family-mono);font-size:var(--font-size-body);color:var(--color-text-secondary)}.data-table__game-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-hairline);align-items:center}.data-table__game-tag{display:inline-flex;align-items:center;height:var(--badge-height);border-radius:var(--radius-sharp);overflow:hidden;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--badge-line-height);white-space:nowrap}.data-table__game-tag-count{display:inline-flex;align-items:center;justify-content:center;padding:var(--badge-padding-y) var(--space-hairline);background-color:var(--color-background-surface);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;min-width:20px;text-align:center}.data-table__game-tag-label{display:inline-flex;align-items:center;padding:var(--badge-padding-y) var(--badge-padding-x);background-color:var(--color-background-inset);color:var(--color-text-secondary);font-family:var(--font-family)}.data-table__game-bar{max-width:none;gap:var(--space-hairline)}.data-table--compact .data-table__header-cell{padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-caption)}.data-table--compact .data-table__cell{padding:var(--space-snug);font-size:var(--font-size-body)}.data-table--compact .data-table__expanded-content{padding:var(--space-snug) var(--space-default)}.data-table--striped .data-table__row:nth-child(2n){background-color:var(--color-background-inset)}.data-table--striped .data-table__row:nth-child(2n).is-expanded{background-color:var(--color-background-raised)}.data-table--sticky-header .data-table__head{position:sticky;top:0;z-index:1;background-color:var(--color-background-inset);box-shadow:0 1px 0 var(--color-border-default)}.data-table.is-loading{opacity:var(--opacity-hover)}[data-theme=light] .data-table__skeleton{background:linear-gradient(90deg,var(--color-background-surface) 0%,var(--color-background-hover) 50%,var(--color-background-surface) 100%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.data-table__row,.data-table__header-cell--sortable,.data-table__expand-icon{transition:none}.data-table__skeleton{animation:none;background:var(--color-background-surface)}}.date-range-picker__trigger{all:unset;display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);background:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.date-range-picker__trigger-icon{width:16px;height:16px;color:var(--color-text-tertiary);flex-shrink:0}.date-range-picker__trigger-text{white-space:nowrap}.date-range-picker__trigger--disabled{opacity:.5;cursor:not-allowed}@media(hover:hover){.date-range-picker__trigger:not(.date-range-picker__trigger--disabled):hover{border-color:var(--color-border-hover);background:var(--color-background-hover)}}.date-range-picker__trigger:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.date-range-picker__content{z-index:var(--z-popover);max-width:calc(100vw - var(--space-loose));transform-origin:var(--radix-popover-content-transform-origin)}.date-range-picker__panel{display:flex;flex-direction:row;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating);overflow:hidden}.date-range-picker__content[data-state=closed] .date-range-picker__panel{animation:date-range-picker-exit var(--duration-fast) var(--ease-out) forwards}@keyframes date-range-picker-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.date-range-picker__preset-list{display:flex;flex-direction:column;padding:var(--space-tight);border-right:var(--border-width) solid var(--color-border-subtle);min-width:140px}.date-range-picker__preset{all:unset;padding:var(--space-tight) var(--space-snug);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);border-radius:var(--radius-subtle);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__preset--active{background:var(--color-background-surface);color:var(--color-interaction-primary);font-weight:var(--font-weight-medium)}@media(hover:hover){.date-range-picker__preset:not(.date-range-picker__preset--active):hover{background:var(--color-background-hover);color:var(--color-text-primary)}}.date-range-picker__custom{padding:var(--space-default);display:flex;flex-direction:column;gap:var(--space-snug)}.date-range-picker__nav{display:flex;align-items:center;justify-content:space-between}.date-range-picker__nav-button{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-subtle);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__nav-button svg{width:18px;height:18px}@media(hover:hover){.date-range-picker__nav-button:hover{background:var(--color-background-hover);color:var(--color-text-primary)}}.date-range-picker__nav-button:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.date-range-picker__month-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.date-range-picker__calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-picker__weekday{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-disabled);text-align:center;height:var(--space-spacious);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em}.date-range-picker__day-empty{height:var(--space-spacious)}.date-range-picker__day{all:unset;display:flex;align-items:center;justify-content:center;width:var(--space-spacious);height:var(--space-spacious);font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-variant-numeric:tabular-nums;color:var(--color-text-primary);border-radius:var(--radius-default);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.date-range-picker__day--selected{background:var(--color-interaction-primary);color:var(--color-background-page);font-weight:var(--font-weight-semibold)}.date-range-picker__day--in-range{background:var(--color-interaction-primary-tint)}.date-range-picker__day--today{box-shadow:inset 0 0 0 1px var(--color-text-tertiary)}.date-range-picker__day--today.date-range-picker__day--selected{box-shadow:none}.date-range-picker__day--disabled{color:var(--color-text-disabled);cursor:not-allowed}@media(hover:hover){.date-range-picker__day:not(.date-range-picker__day--selected):not(.date-range-picker__day--disabled):hover{background:var(--color-background-hover)}}.date-range-picker__day:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.date-range-picker__footer{display:flex;justify-content:center;padding-top:var(--space-tight);border-top:var(--border-width) solid var(--color-border-subtle)}.date-range-picker__footer-range{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-tertiary)}@media(max-width:480px){.date-range-picker__panel{flex-direction:column}.date-range-picker__preset-list{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:var(--border-width) solid var(--color-border-subtle);min-width:unset;gap:var(--space-hairline)}}[data-theme=light] .date-range-picker__day--selected{color:var(--color-background-page)}[data-theme=light] .date-range-picker__day--in-range{background:#3b8ff226}@media(prefers-reduced-motion:reduce){.date-range-picker__trigger,.date-range-picker__preset,.date-range-picker__nav-button,.date-range-picker__day{transition:none}.date-range-picker__content[data-state=closed] .date-range-picker__panel{animation:none}}.design-system-nav{display:none;flex-shrink:0;width:220px}@media(min-width:1024px){.design-system-nav{display:block}}.design-system-nav__sticky{position:fixed;top:var(--space-loose);left:max(var(--space-loose),calc(50vw - 800px + var(--space-loose)));width:220px;max-height:calc(100vh - var(--space-loose) - var(--bottom-nav-height) - var(--space-loose));overflow-y:auto;padding-right:var(--space-tight);padding-bottom:var(--space-default)}.design-system-nav__sticky::-webkit-scrollbar{width:4px}.design-system-nav__sticky::-webkit-scrollbar-track{background:transparent}.design-system-nav__sticky::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-pill)}.design-system-nav__actions{display:flex;gap:var(--space-tight);padding:var(--space-tight) 0;margin-bottom:var(--space-snug);border-bottom:var(--border-width) solid var(--color-border-subtle)}.design-system-nav__action{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);background:transparent;border:none;border-radius:var(--radius-subtle);font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.design-system-nav__action:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}}.design-system-nav__action:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.design-system-nav__categories{display:flex;flex-direction:column;gap:var(--space-hairline)}.design-system-nav__category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-tight) var(--space-tight);background:transparent;border:none;border-radius:var(--radius-subtle);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.design-system-nav__category-header:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}}.design-system-nav__category-header:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.design-system-nav__category-label{flex:1}.design-system-nav__category-chevron{display:inline-flex;align-items:center;color:var(--color-text-disabled)}.design-system-nav__section-list{list-style:none;margin:0;padding:0;overflow:hidden}.design-system-nav__section-link{display:block;width:100%;padding:var(--space-hairline) var(--space-tight);padding-left:var(--space-loose);background:transparent;border:none;border-radius:var(--radius-subtle);font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-tertiary);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.design-system-nav__section-link:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}}.design-system-nav__section-link:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:inset 0 0 0 2px var(--color-interaction-primary-tint)}.design-system-nav__section-link.is-active{color:var(--color-interaction-primary);background-color:var(--color-interaction-primary-tint);font-weight:var(--font-weight-medium)}.design-system-nav__mobile-trigger{position:fixed;bottom:var(--space-loose);right:var(--space-loose);z-index:var(--z-dropdown)}@media(min-width:1024px){.design-system-nav__mobile-trigger{display:none}}@media(prefers-reduced-motion:reduce){.design-system-nav__action,.design-system-nav__category-header,.design-system-nav__section-link{transition:none}}.detail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-snug) var(--space-default);margin:0;padding:0}.detail-list__item{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.detail-list--dividers{display:flex;flex-direction:column;gap:0}.detail-list--dividers .detail-list__item{padding:var(--space-tight) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.detail-list--dividers .detail-list__item:first-child{padding-top:0}.detail-list--dividers .detail-list__item:last-child{padding-bottom:0;border-bottom:none}.detail-list__label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);margin:0}.detail-list__value{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;min-width:0}.detail-list__value--mono{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-secondary)}.detail-list__value--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-list__value-content{display:inline-flex;align-items:center;gap:var(--space-tight)}.detail-list__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0}.detail-list__copy{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-hairline);border:none;border-radius:var(--radius-subtle);background:transparent;color:var(--color-text-disabled);cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-default);flex-shrink:0}.detail-list__copy.is-copied{color:var(--color-green);opacity:1}@media(hover:hover){.detail-list__item:hover .detail-list__copy{opacity:1}.detail-list__copy:hover{color:var(--color-text-secondary);background-color:var(--color-background-hover)}}.detail-list__copy:focus-visible{opacity:1;outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.detail-list--compact{gap:var(--space-tight) var(--space-snug)}.detail-list--compact .detail-list__item{gap:var(--space-pixel)}.detail-list--compact .detail-list__value{font-size:var(--font-size-label)}.detail-list--striped .detail-list__item:nth-child(odd){background-color:var(--color-background-inset);padding:var(--space-tight)}.detail-list--striped .detail-list__item:nth-child(2n){padding:var(--space-tight)}.detail-list--columns-2{grid-template-columns:repeat(2,1fr)}.detail-list--columns-3{grid-template-columns:repeat(3,1fr)}.detail-list--columns-4{grid-template-columns:repeat(4,1fr)}@media(max-width:639px){.detail-list--columns-3,.detail-list--columns-4{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.detail-list__copy{transition:none}}.dev-data-source{display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background:var(--color-background-card);color:var(--color-text-primary);box-shadow:var(--shadow-subtle)}.dev-data-source--strip{align-self:center;width:min(calc(100% - (var(--space-default) * 2)),var(--layout-max-width-wide));margin-top:var(--space-snug)}.dev-data-source--settings{margin-bottom:var(--space-loose)}.dev-data-source__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-snug)}.dev-data-source__eyebrow{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-amber);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dev-data-source__title{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dev-data-source__segmented{display:flex;gap:var(--space-micro);padding:var(--space-micro);border-radius:var(--radius-default);background:var(--color-background-inset)}.dev-data-source__option{flex:1 1 0;min-height:var(--button-height-compact);padding:var(--space-tight) var(--space-snug);border:none;border-radius:var(--radius-subtle);background:transparent;color:var(--color-text-tertiary);font:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.dev-data-source__option.is-active{background:var(--color-interaction-primary);color:var(--color-background-page)}.dev-data-source__fields{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--space-snug)}.dev-data-source__field{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.dev-data-source__label{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dev-data-source__select,.dev-data-source__input{width:100%;min-height:var(--button-height-compact);padding:var(--space-tight) var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default);background:var(--color-background-inset);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-label)}.dev-data-source__status{margin:0;color:var(--color-teal);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.dev-data-source__error{margin:0;color:var(--color-coral);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.dev-data-source__actions{display:flex;gap:var(--space-tight)}.dev-data-source__button{min-height:var(--button-height-compact);padding:0 var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-background-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.dev-data-source__button--apply{border-color:var(--color-brand-blue);background:var(--color-brand-blue);color:var(--color-white)}.dev-data-source__button:disabled{cursor:not-allowed;opacity:.52}@media(hover:hover){.dev-data-source__option:not(.is-active):hover,.dev-data-source__button:not(:disabled):hover{transform:translateY(-1px)}.dev-data-source__option:not(.is-active):hover{color:var(--color-text-primary);background:var(--color-background-surface)}}@media(max-width:640px){.dev-data-source__fields{grid-template-columns:1fr}.dev-data-source__actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.dev-data-source__option,.dev-data-source__button{transition:none}}.dialog__overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background-color:var(--color-overlay-heavy);cursor:pointer}.dialog__content{position:fixed;inset:0;z-index:calc(var(--z-modal) + 2)}.dialog__backdrop{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-loose);cursor:default}.dialog__panel{display:flex;cursor:auto;flex-direction:column;width:100%;max-width:var(--dialog-max-width);max-height:calc(100vh - var(--space-loose) * 2);padding:var(--space-loose);background-color:var(--color-background-surface);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);box-shadow:var(--shadow-floating);position:relative}.dialog__close{position:absolute;top:var(--space-default);right:var(--space-default);display:flex;align-items:center;justify-content:center;width:var(--space-roomy);height:var(--space-roomy);padding:0;background-color:transparent;border:none;border-radius:var(--radius-subtle);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){.dialog__close:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}.dialog__close:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-background-page),0 0 0 var(--focus-ring-offset) var(--color-accent)}.dialog__close-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.dialog__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding-right:var(--space-roomy)}.dialog__title{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.dialog__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.dialog__body{flex:1;overflow-y:auto;margin-top:var(--space-default)}.dialog__footer{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space-tight);margin-top:var(--space-loose)}.dialog__footer--stacked{flex-direction:column}@media(prefers-reduced-motion:reduce){.dialog__overlay,.dialog__content,.dialog__close{transition:none}}.drawer__overlay{position:fixed;inset:0;z-index:var(--z-overlay);background-color:var(--color-overlay-heavy)}.drawer__content{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);display:flex;flex-direction:column;max-height:var(--drawer-max-height);background-color:var(--color-background-surface);border-top-left-radius:var(--radius-rounded);border-top-right-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);border-bottom:none}.drawer__handle-container{display:flex;justify-content:center;padding:var(--space-snug) 0}.drawer__handle{width:var(--space-generous);height:var(--space-hairline);background-color:var(--color-border-emphasis);border-radius:var(--radius-full)}.drawer__header,.drawer__body,.drawer__footer{width:100%;max-width:var(--drawer-content-max-width);margin-left:auto;margin-right:auto}.drawer__header{display:flex;flex-direction:column;gap:var(--space-hairline);padding:0 var(--space-loose) var(--space-default);text-align:center}.drawer__title{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.drawer__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-default) var(--space-loose)}.drawer__footer{display:flex;flex-direction:row-reverse;gap:var(--space-snug);padding:var(--space-default) var(--space-loose) var(--space-loose);border-top:var(--border-width) solid var(--color-border-subtle)}.drawer__footer>*{flex:1}@media(prefers-reduced-motion:reduce){.drawer__content,.drawer__overlay{transition:none}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-airy) var(--space-loose)}.empty-state__icon{color:var(--color-text-disabled);margin-bottom:var(--space-default)}.empty-state__icon svg{width:var(--space-roomy);height:var(--space-roomy)}.empty-state__title{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin:0}.empty-state__description{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary);line-height:var(--line-height-normal);margin:var(--space-tight) 0 0;max-width:320px}.empty-state__action{margin-top:var(--space-loose)}.empty-state--compact{padding:var(--space-loose) var(--space-default)}.empty-state--compact .empty-state__icon svg{width:var(--space-spacious);height:var(--space-spacious)}.empty-state--compact .empty-state__title{font-size:var(--font-size-body)}.empty-state--compact .empty-state__description{font-size:var(--font-size-body-small)}.empty-state--compact .empty-state__action{margin-top:var(--space-default)}.event-timeline{--tl-dot: 6px;--tl-line: 2px;--tl-center: 11px;--tl-offset: 24px;display:flex;flex-direction:column;gap:var(--space-default)}.event-timeline__header{display:flex;align-items:center;gap:var(--space-tight)}.event-timeline__header-title{font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);line-height:var(--line-height-tight)}.event-timeline__header-count{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);background-color:var(--color-background-surface);padding:var(--space-micro) var(--space-tight);border-radius:var(--radius-pill);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.event-timeline__group{display:flex;flex-direction:column}.event-timeline__group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-hairline) 0;border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-hairline)}.event-timeline__group-label{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight)}.event-timeline__group-count{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-disabled);font-variant-numeric:tabular-nums}.event-timeline__group-items{display:flex;flex-direction:column;position:relative;padding-left:var(--tl-offset)}.event-timeline__group-items:before{content:"";position:absolute;left:calc(var(--tl-center) - var(--tl-line) / 2);top:var(--space-snug);bottom:var(--space-snug);width:var(--tl-line);background-color:var(--color-text-disabled);opacity:.5}.event-timeline__item{position:relative;padding:var(--space-tight) 0;transition:background-color var(--duration-fast) var(--ease-default)}.event-timeline__item+.event-timeline__item{border-top:var(--border-width) solid var(--color-border-subtle)}.event-timeline__dot{position:absolute;left:calc(var(--tl-center) - var(--tl-dot) / 2 - var(--tl-offset));top:50%;transform:translateY(-50%);width:var(--tl-dot);height:var(--tl-dot);border-radius:var(--radius-pill);background-color:var(--color-text-disabled);z-index:1}.event-timeline__item-content{display:flex;flex-direction:column;gap:var(--space-pixel);min-width:0;padding:var(--space-hairline) var(--space-tight)}.event-timeline__item-header{display:flex;align-items:center;gap:var(--space-tight);min-height:var(--space-comfortable)}.event-timeline__title{flex:1;min-width:0;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight)}.event-timeline__title--link{background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-default)}@media(hover:hover){.event-timeline__title--link:hover{color:var(--color-interaction-primary-pressed);text-decoration:underline}}.event-timeline__score{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:var(--space-micro)}.event-timeline__score-detail{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);color:var(--color-text-tertiary);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.event-timeline__item-meta{display:flex;align-items:center;gap:var(--space-tight);line-height:var(--line-height-tight)}.event-timeline__subtitle{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.event-timeline__time{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.event-timeline__meta-sep{color:var(--color-text-disabled);font-size:var(--font-size-caption);line-height:1}.event-timeline__actions{display:flex;align-items:center;gap:var(--space-micro);flex-shrink:0;margin-left:auto}.event-timeline__load-more{display:flex;justify-content:center;padding:var(--space-snug) 0}.event-timeline__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-spacious) var(--space-default)}.event-timeline__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}.event-timeline__item--highlighted{background:linear-gradient(90deg,var(--color-interaction-primary-tint) 0%,transparent 50%);border-radius:var(--radius-subtle)}.event-timeline__item--highlighted .event-timeline__dot{background-color:var(--color-interaction-primary);box-shadow:0 0 0 var(--space-micro) var(--color-interaction-primary-tint)}.event-timeline--compact .event-timeline__group-header{padding:var(--space-micro) 0}.event-timeline--compact .event-timeline__item{padding:var(--space-hairline) 0}@media(hover:hover){.event-timeline__item:hover{background-color:var(--color-background-raised);border-radius:var(--radius-subtle)}}@media(prefers-reduced-motion:reduce){.event-timeline__item{transition:none}}.explore-storefront{display:flex;flex-direction:column;gap:var(--space-loose)}.explore-storefront__topbar{display:flex;align-items:center;gap:var(--space-tight);min-width:0;margin-inline:calc(-1 * var(--space-default));padding-inline:var(--space-default)}.explore-storefront__filters{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-tight);min-width:0;overflow-x:auto;padding-block:var(--space-pixel);scrollbar-width:none}.explore-storefront__filters::-webkit-scrollbar{display:none}.explore-storefront__filter{display:inline-flex;min-height:var(--control-height-compact);flex:0 0 auto;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug) var(--space-hairline) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-tight);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.explore-storefront__filter:active{transform:scale(.97)}.explore-storefront__filter--active{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint);color:var(--color-text-primary)}.explore-storefront__filter--tag{max-width:128px}.explore-storefront__filter-icon{width:var(--badge-height);height:var(--badge-height);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-interaction-primary) 24%,transparent);color:var(--color-interaction-primary)}.explore-storefront__filter-svg{width:var(--icon-size-tiny);height:var(--icon-size-tiny)}.explore-storefront__filter-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis}.explore-storefront__search-button{width:var(--control-height-compact);height:var(--control-height-compact);display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-raised);color:var(--color-text-primary);cursor:pointer}.explore-storefront__search-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.explore-storefront__section{display:flex;flex-direction:column;gap:var(--space-tight)}.explore-storefront__section-header{display:flex;flex-direction:column;gap:var(--space-micro)}.explore-storefront__section-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);text-transform:uppercase}.explore-storefront__section-link{display:inline-flex;align-items:center;gap:var(--space-hairline);color:inherit;text-decoration:none}.explore-storefront__section-link:focus-visible{outline:none;border-radius:var(--radius-subtle);box-shadow:var(--focus-ring-teal)}.explore-storefront__section-link-icon{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-secondary)}.explore-storefront__section-subtitle{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.explore-storefront__ranked-rail,.explore-storefront__tile-rail{display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--space-default));padding-inline:var(--space-default)}.explore-storefront__ranked-rail::-webkit-scrollbar,.explore-storefront__tile-rail::-webkit-scrollbar{display:none}.explore-storefront__ranked-rail{gap:var(--space-snug)}.explore-storefront__ranked-column{width:292px;display:flex;flex:0 0 292px;flex-direction:column;gap:var(--space-hairline)}.explore-storefront__ranked-item{display:flex;min-height:54px;align-items:center;gap:var(--space-hairline)}.explore-storefront__ranked-main{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-tight);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.explore-storefront__ranked-rank{min-width:24px;flex:0 0 24px;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:1;text-align:center}.explore-storefront__ranked-media{width:52px;height:52px;position:relative;display:block;flex:0 0 52px;overflow:hidden;border-radius:var(--radius-large);background:var(--color-background-raised)}.explore-storefront__ranked-image{width:100%;height:100%;display:block;object-fit:cover}.explore-storefront__ranked-pattern,.explore-storefront__tile-pattern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 28%,var(--color-background-card)) 0 10px,color-mix(in srgb,var(--color-background-page) 86%,var(--color-amber)) 10px 22px)}.explore-storefront__ranked-glyph,.explore-storefront__tile-glyph{color:var(--color-text-primary);font-family:var(--font-family-display);font-weight:var(--font-weight-bold);text-shadow:0 var(--space-pixel) var(--space-hairline) rgba(0,0,0,.5)}.explore-storefront__ranked-glyph{font-size:var(--font-size-body-large)}.explore-storefront__ranked-copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-micro)}.explore-storefront__ranked-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.explore-storefront__ranked-metadata,.explore-storefront__ranked-meta,.explore-storefront__ranked-count,.explore-storefront__ranked-source{overflow:hidden;font-size:var(--font-size-caption);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__ranked-metadata{display:flex;min-width:0;align-items:center;gap:var(--space-hairline)}.explore-storefront__ranked-meta{min-width:0;color:var(--color-text-secondary)}.explore-storefront__ranked-count{flex:0 0 auto;color:var(--color-teal);font-family:var(--font-family-display);font-weight:var(--font-weight-bold)}.explore-storefront__ranked-source{color:var(--color-text-tertiary);font-size:var(--font-size-tiny)}.explore-storefront__ranked-save{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;padding:0;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background-raised) 76%,transparent);color:var(--color-text-secondary);cursor:pointer}.explore-storefront__ranked-save.is-saved,.explore-storefront__tile-save.is-saved{color:var(--color-interaction-primary);border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary-tint)}.explore-storefront__ranked-save:disabled,.explore-storefront__tile-save:disabled{cursor:wait;opacity:var(--opacity-disabled)}.explore-storefront__ranked-main:focus-visible,.explore-storefront__ranked-save:focus-visible,.explore-storefront__tile-main:focus-visible,.explore-storefront__tile-save:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.explore-storefront__ranked-save-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.explore-storefront__tile-rail{gap:var(--space-tight);padding-bottom:var(--space-hairline)}.explore-storefront__tile{width:124px;position:relative;display:flex;flex:0 0 124px;flex-direction:column;gap:var(--space-micro);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.explore-storefront__tile-main{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.explore-storefront__tile-main:active,.explore-storefront__ranked-main:active{transform:scale(.98)}.explore-storefront__tile-media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius-large);background:var(--color-background-raised)}.explore-storefront__tile-media:after{position:absolute;right:0;bottom:0;left:0;height:42%;content:"";background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.62) 100%);pointer-events:none}.explore-storefront__tile-image{width:100%;height:100%;display:block;object-fit:cover}.explore-storefront__tile-badge{position:absolute;top:var(--space-hairline);left:var(--space-hairline);display:inline-flex;max-width:calc(100% - var(--space-roomy));align-items:center;gap:var(--space-hairline);padding:var(--space-small) var(--space-hairline);border-radius:var(--radius-pill);background:#0000009e;color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.explore-storefront__tile-badge-dot{width:var(--status-dot-size);height:var(--status-dot-size);flex:0 0 auto;border-radius:var(--radius-pill);background:var(--color-teal);box-shadow:0 0 var(--space-hairline) var(--color-teal)}.explore-storefront__tile-badge-text{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__tile-save{position:absolute;top:var(--space-hairline);right:var(--space-hairline);width:var(--avatar-size-tiny);height:var(--avatar-size-tiny);display:inline-flex;align-items:center;justify-content:center;padding:0;border:var(--border-width) solid color-mix(in srgb,var(--color-white) 14%,transparent);border-radius:var(--radius-large);background:#00000085;color:var(--color-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2}.explore-storefront__tile-save-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.explore-storefront__tile-title{overflow:hidden;margin-top:var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.explore-storefront__tile-subtitle{overflow:hidden;color:var(--color-text-tertiary);font-size:var(--font-size-caption);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__tile-play-count{position:absolute;right:var(--space-hairline);bottom:var(--space-hairline);left:var(--space-hairline);z-index:2;overflow:hidden;color:color-mix(in srgb,var(--color-white) 64%,transparent);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-shadow:0 1px 3px rgba(0,0,0,.8);text-overflow:ellipsis;white-space:nowrap}.explore-storefront__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-snug)}.explore-storefront__tile--grid{width:auto;flex-basis:auto}.explore-storefront__tile--grid .explore-storefront__tile-media{border-radius:var(--radius-card)}.explore-storefront__tile--grid .explore-storefront__tile-title{font-size:var(--font-size-body)}.explore-storefront__footer{display:flex;align-items:center;gap:var(--space-tight);padding-top:var(--space-tight)}.explore-storefront__status{display:flex;min-height:var(--space-generous);flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-tight);padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-raised)}.explore-storefront__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-interaction-primary);animation:launcher-spin var(--duration-slow) linear infinite}.explore-storefront__status-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.explore-storefront__status-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal)}@media(hover:hover){.explore-storefront__filter:hover,.explore-storefront__search-button:hover{border-color:var(--color-border-emphasis);background:var(--color-background-hover);color:var(--color-text-primary)}.explore-storefront__section-link:hover{color:var(--color-interaction-primary-pressed)}}@media(min-width:640px){.explore-storefront__ranked-column{width:312px;flex-basis:312px}.explore-storefront__tile{width:140px;flex-basis:140px}}@media(prefers-reduced-motion:reduce){.explore-storefront__filter,.explore-storefront__tile,.explore-storefront__ranked-main{transition:none}.explore-storefront__status-icon{animation:none}}@keyframes feature-card-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.feature-card{background:linear-gradient(180deg,var(--color-background-raised) 0%,var(--color-background-card) 100%);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);overflow:hidden;position:relative;transition:border-color var(--duration-default) var(--ease-default),transform var(--duration-default) var(--ease-default),box-shadow var(--duration-default) var(--ease-default)}.feature-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);pointer-events:none}@media(hover:hover){.feature-card:hover{border-color:var(--color-border-emphasis);transform:translateY(-6px);box-shadow:0 20px 40px -12px #0009,0 0 0 1px var(--color-border-default)}}.feature-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--color-background-card)}.feature-card__media-inner{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform var(--duration-slow) var(--ease-out);will-change:transform;backface-visibility:hidden}@media(hover:hover){.feature-card:hover .feature-card__media-inner{transform:scale(1.08)}}.feature-card__gradient{position:absolute;inset:0}.feature-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--color-overlay-light) 40%,var(--color-overlay-heavy) 70%,var(--color-background-card) 100%);z-index:1}.feature-card__glow{position:absolute;inset:0;opacity:0;transition:opacity var(--duration-default) var(--ease-out);z-index:2;pointer-events:none}@media(hover:hover){.feature-card:hover .feature-card__glow{opacity:1}}.feature-card__media:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px #0000004d;z-index:1;pointer-events:none}.feature-card__badges{position:absolute;top:var(--space-snug);left:var(--space-snug);display:flex;gap:var(--space-tight);z-index:3}.feature-card__live{position:absolute;top:var(--space-snug);right:var(--space-snug);display:flex;align-items:center;gap:var(--space-tight);z-index:3}.feature-card__live-dot{width:var(--space-tight);height:var(--space-tight);background:var(--color-green);border-radius:var(--radius-pill);box-shadow:0 0 8px var(--color-green);animation:feature-card-live-pulse 1.5s ease-in-out infinite}.feature-card__live-count{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.8)}.feature-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);width:var(--play-button-size-default);height:var(--play-button-size-default);display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thick) solid var(--shadow-highlight-medium);border-radius:var(--radius-pill);color:var(--color-text-primary);opacity:0;will-change:transform,opacity;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out);z-index:3;cursor:pointer}.feature-card__play-icon{width:var(--play-button-icon-default);height:var(--play-button-icon-default);margin-left:var(--play-button-icon-offset);filter:drop-shadow(0 2px 4px var(--shadow-drop-default))}@media(hover:hover){.feature-card:hover .feature-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.feature-card__play:hover{background:var(--color-accent);color:var(--color-background-page);border-color:var(--color-accent);box-shadow:0 0 24px var(--color-accent-glow);transform:translate(-50%,-50%) scale(1.05)}}.feature-card__body{padding:var(--space-default);position:relative;z-index:2;background:var(--color-background-card);margin-top:-2px;padding-top:calc(var(--space-default) + 2px)}.feature-card__eyebrow{display:inline-block;font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-background-page);background:var(--color-interaction-primary);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--radius-sharp);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-tight)}.feature-card__title{font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-white);line-height:var(--line-height-tight);margin-bottom:var(--space-tight);text-shadow:0 2px 6px rgba(0,0,0,.5)}.feature-card__desc{font-size:var(--font-size-body);color:#ffffffbf;line-height:var(--line-height-normal);margin-bottom:var(--space-default);text-shadow:0 1px 4px rgba(0,0,0,.5)}.feature-card__stats{display:flex;gap:var(--space-default);padding:var(--space-snug) 0;margin-bottom:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle);border-bottom:var(--border-width) solid var(--color-border-subtle)}.feature-card__stat{display:flex;flex-direction:column;gap:var(--space-micro)}.feature-card__stat-value{font-family:var(--font-family-mono);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.feature-card__stat-value--live{color:var(--color-green);text-shadow:0 0 8px var(--color-green-glow)}.feature-card__stat-label{font-size:var(--font-size-tiny);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.feature-card__footer{display:flex;align-items:center;justify-content:space-between}.feature-card__social{display:flex;align-items:center;gap:var(--space-snug);min-width:0;flex:1}.feature-card__friends{display:flex;align-items:center;min-width:0}.feature-card__friends-avatars{display:flex;flex-shrink:0}.feature-card__friends-avatar{width:var(--avatar-size-tiny);height:var(--avatar-size-tiny);border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-background-hover),var(--color-background-surface));border:var(--border-width-thick) solid var(--color-background-card);margin-left:var(--avatar-overlap-default);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);position:relative}.feature-card__friends-avatar:first-child{margin-left:0}.feature-card__friends-avatar--online:after{content:"";position:absolute;bottom:-1px;right:-1px;width:var(--space-tight);height:var(--space-tight);background:var(--color-green);border:var(--border-width-thick) solid var(--color-background-card);border-radius:var(--radius-pill)}.feature-card__friends-info{margin-left:var(--space-tight);min-width:0;display:flex;flex-direction:column;gap:var(--space-pixel)}.feature-card__friends-status{font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-card__friends-status--live{display:flex;align-items:center;gap:var(--space-hairline);color:var(--color-green)}.feature-card__friends-status--live:before{content:"";width:var(--status-dot-size-small);height:var(--status-dot-size-small);background:var(--color-green);border-radius:var(--radius-pill);animation:feature-card-live-pulse 2s ease-in-out infinite}.feature-card__friends-ranks{display:flex;align-items:center;gap:var(--space-tight);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.feature-card__friends-rank{display:inline-flex;align-items:center;gap:var(--space-micro)}.feature-card__friends-rank-name{color:var(--color-text-secondary)}.feature-card__friends-rank-pos{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold)}.feature-card__friends-rank-pos.feature-card__rank--gold{color:var(--color-rank-gold)}.feature-card__friends-rank-pos.feature-card__rank--silver{color:var(--color-rank-silver)}.feature-card__friends-rank-pos.feature-card__rank--top{color:var(--color-interaction-primary)}.feature-card__your-rank{display:flex;align-items:center;gap:var(--space-tight);padding:var(--space-hairline) var(--space-snug);background:var(--color-background-surface);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-subtle);flex-shrink:0}.feature-card__your-rank-icon{font-size:var(--font-size-label)}.feature-card__your-rank-pos{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.feature-card__your-rank.feature-card__rank--gold{border-color:var(--color-rarity-legendary-border);background:var(--color-rarity-legendary-dim)}.feature-card__your-rank.feature-card__rank--gold .feature-card__your-rank-pos{color:var(--color-rank-gold)}.feature-card__your-rank.feature-card__rank--silver .feature-card__your-rank-pos{color:var(--color-rank-silver)}.feature-card__your-rank--unranked{background:transparent;border:var(--border-width) dashed var(--color-border-default)}.feature-card__your-rank--unranked .feature-card__your-rank-pos{color:var(--color-text-disabled);font-weight:var(--font-weight-medium)}.feature-card__actions{display:flex;gap:var(--space-tight)}.feature-card__action{width:var(--action-button-size-default);height:var(--action-button-size-default);display:flex;align-items:center;justify-content:center;background:var(--color-background-surface);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-subtle);color:var(--color-text-tertiary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.feature-card__action svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}@media(hover:hover){.feature-card__action:hover{background:var(--color-background-hover);border-color:var(--color-border-default);color:var(--color-text-primary);transform:translateY(-1px)}}.feature-card__action--active{background:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary);color:var(--color-interaction-primary)}.feature-card--featured{background:linear-gradient(135deg,var(--color-background-raised) 0%,var(--color-background-card) 50%,var(--color-background-inset) 100%)}.feature-card--featured .feature-card__media{aspect-ratio:21 / 9}.feature-card--featured .feature-card__title{font-size:var(--font-size-title);margin-bottom:var(--space-snug)}.feature-card--featured .feature-card__desc{font-size:var(--font-size-body-large);max-width:var(--layout-max-width-medium)}.feature-card--featured .feature-card__play{width:var(--play-button-size-featured);height:var(--play-button-size-featured)}.feature-card--featured .feature-card__play-icon{width:var(--play-button-icon-featured);height:var(--play-button-icon-featured)}.feature-card--standard .feature-card__media{aspect-ratio:4 / 3}.feature-card--standard .feature-card__body{padding:var(--space-snug);padding-top:calc(var(--space-snug) + 2px)}.feature-card--standard .feature-card__eyebrow{font-size:var(--font-size-tiny);padding:var(--badge-padding-y) var(--badge-padding-x);margin-bottom:var(--space-tight)}.feature-card--standard .feature-card__title{font-size:var(--font-size-body-large);margin-bottom:var(--space-tight)}.feature-card--standard .feature-card__footer{flex-wrap:wrap;gap:var(--space-tight)}.feature-card--standard .feature-card__friends-avatar{width:var(--avatar-size-micro);height:var(--avatar-size-micro);font-size:var(--font-size-avatar-micro);margin-left:var(--avatar-overlap-compact)}.feature-card--standard .feature-card__friends-avatar:first-child{margin-left:0}.feature-card--standard .feature-card__friends-avatar--online:after{width:var(--status-dot-size);height:var(--status-dot-size)}.feature-card--standard .feature-card__friends-info{margin-left:var(--status-dot-size)}.feature-card--standard .feature-card__friends-status,.feature-card--standard .feature-card__friends-ranks{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__your-rank{padding:var(--space-small) var(--space-tight)}.feature-card--standard .feature-card__your-rank-icon,.feature-card--standard .feature-card__your-rank-pos{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__action{width:var(--action-button-size-compact);height:var(--action-button-size-compact)}.feature-card--standard .feature-card__action svg{width:var(--icon-size-small);height:var(--icon-size-small)}.feature-card--standard .feature-card__play{width:var(--play-button-size-compact);height:var(--play-button-size-compact)}.feature-card--standard .feature-card__play-icon{width:var(--play-button-icon-compact);height:var(--play-button-icon-compact)}.feature-card--standard .feature-card__live-count{font-size:var(--font-size-tiny)}.feature-card--standard .feature-card__live-dot{width:var(--status-dot-size);height:var(--status-dot-size)}.feature-card__tags{margin-bottom:var(--space-snug)}.feature-card--standard .feature-card__tags{margin-bottom:var(--space-tight)}.feature-card__sentiment{margin-bottom:var(--space-snug)}.feature-card--standard .feature-card__sentiment{margin-bottom:var(--space-tight)}[data-theme=light] .feature-card__live-count{color:var(--color-white);text-shadow:0 1px 3px rgba(0,0,0,.6)}[data-theme=light] .feature-card__play{background:#ffffffe6;border-color:#ffffff80;color:var(--color-accent)}@media(hover:hover){[data-theme=light] .feature-card__play:hover{background:var(--color-white);color:var(--color-interaction-primary);border-color:var(--color-white);box-shadow:0 4px 20px #0000004d}}[data-theme=light] .feature-card__badges .badge--featured,[data-theme=light] .feature-card__badges .badge--new{background-color:#ffffffe6;color:var(--color-accent);box-shadow:0 2px 8px #0003}[data-theme=light] .feature-card__badges .badge--live{box-shadow:0 2px 8px #0003}@media(max-width:639px){.feature-card--featured .feature-card__media{aspect-ratio:16 / 9}.feature-card--featured .feature-card__body{padding:var(--space-snug);padding-top:calc(var(--space-snug) + 2px)}.feature-card--featured .feature-card__eyebrow{font-size:var(--font-size-tiny);margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__title{font-size:var(--font-size-heading);margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__tags{margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__desc{font-size:var(--font-size-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-snug)}.feature-card--featured .feature-card__sentiment{margin-bottom:var(--space-tight)}.feature-card--featured .feature-card__stats{padding:var(--space-tight) 0;margin-bottom:var(--space-tight);gap:var(--space-snug)}.feature-card--featured .feature-card__stat-value{font-size:var(--font-size-body-large)}.feature-card--featured .feature-card__stat-label{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__play{width:var(--play-button-size-default);height:var(--play-button-size-default)}.feature-card--featured .feature-card__play-icon{width:var(--play-button-icon-default);height:var(--play-button-icon-default)}.feature-card--featured .feature-card__footer{gap:var(--space-tight)}.feature-card--featured .feature-card__friends-avatar{width:var(--avatar-size-micro);height:var(--avatar-size-micro);font-size:var(--font-size-avatar-micro)}.feature-card--featured .feature-card__friends-status,.feature-card--featured .feature-card__friends-ranks{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__your-rank{padding:var(--space-small) var(--space-tight)}.feature-card--featured .feature-card__your-rank-icon,.feature-card--featured .feature-card__your-rank-pos{font-size:var(--font-size-tiny)}.feature-card--featured .feature-card__action{width:var(--action-button-size-compact);height:var(--action-button-size-compact)}.feature-card--featured .feature-card__action svg{width:var(--icon-size-small);height:var(--icon-size-small)}}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card__media-inner,.feature-card__glow,.feature-card__play,.feature-card__action{transition:none}.feature-card__live-dot,.feature-card__friends-status--live:before{animation:none}}.friends-lobby__top{display:flex;flex-direction:column;gap:var(--space-loose);margin-top:0;padding-block:calc(var(--safe-area-inset-top) + var(--space-tight)) var(--space-tight)}.friends-lobby__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.friends-lobby__invite-button{flex-shrink:0}.friends-lobby__action-icons{display:flex;align-items:center;gap:var(--space-tight)}.friends-lobby__icon-button{-webkit-appearance:none;appearance:none;position:relative;display:inline-flex;width:var(--control-height-default);height:var(--control-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-rounded);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default)}.friends-lobby__icon{width:var(--icon-size-default);height:var(--icon-size-default)}.friends-lobby__badge{position:absolute;top:calc(-1 * var(--space-hairline));right:calc(-1 * var(--space-hairline));display:inline-flex;min-width:var(--space-loose);height:var(--space-loose);align-items:center;justify-content:center;padding-inline:var(--space-hairline);border:var(--border-width-thick) solid var(--color-background-page);border-radius:var(--radius-pill);background:var(--color-coral);color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:1}.friends-lobby__segment{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-hairline);padding:var(--space-small);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:color-mix(in srgb,var(--color-background-card) 78%,var(--color-black))}.friends-lobby__segment-button{-webkit-appearance:none;appearance:none;display:inline-flex;min-width:0;min-height:var(--control-height-compact);align-items:center;justify-content:center;gap:var(--space-tight);border:0;border-radius:var(--radius-default);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.friends-lobby__segment-button--active{background:var(--color-surface-paper);color:var(--color-black)}.friends-lobby__segment-count{display:inline-flex;min-width:var(--space-loose);height:var(--space-loose);align-items:center;justify-content:center;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-black) 10%,transparent);font-size:var(--font-size-label)}.friends-lobby__suggestions,.friends-lobby__people{display:flex;flex-direction:column;gap:var(--space-default)}.friends-lobby__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.friends-lobby__section-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.friends-lobby__text-link{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--space-hairline);border:0;background:transparent;color:var(--color-amber);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.friends-lobby__text-link-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.friends-lobby__suggestion-rail{display:grid;grid-auto-columns:minmax(150px,42vw);grid-auto-flow:column;gap:var(--space-default);margin-inline:calc(-1 * var(--space-default));overflow-x:auto;padding:0 var(--space-default) var(--space-hairline);scroll-snap-type:x proximity}.friends-lobby__suggestion-card{display:flex;min-height:164px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);scroll-snap-align:start;padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:var(--color-background-card);text-align:center}.friends-lobby__suggestion-card--discover{border-style:dashed;background:color-mix(in srgb,var(--color-amber) 8%,var(--color-background-card))}.friends-lobby__suggestion-profile{display:flex;width:100%;min-width:0;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:center}.friends-lobby__avatar{position:relative;display:inline-flex;width:var(--avatar-size-default);height:var(--avatar-size-default);flex:0 0 auto}.friends-lobby__avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large)}.friends-lobby__avatar .avatar{width:100%;height:100%;border:none}.friends-lobby__online-dot{position:absolute;right:0;bottom:0;width:var(--space-default);height:var(--space-default);border:var(--border-width-thick) solid var(--color-background-card);border-radius:var(--radius-pill);background:var(--color-green)}.friends-lobby__suggestion-name,.friends-lobby__people-name{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-transform:uppercase}.friends-lobby__suggestion-meta,.friends-lobby__people-meta{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.friends-lobby__suggestion-common,.friends-lobby__people-common{display:flex;min-width:0;align-items:center;justify-content:center;gap:var(--space-tight);margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.friends-lobby__game-stack{display:inline-flex;flex:0 0 auto;align-items:center}.friends-lobby__game-token{display:inline-flex;width:var(--space-loose);height:var(--space-loose);align-items:center;justify-content:center;margin-left:calc(-1 * var(--space-tight));border:var(--border-width) solid var(--color-background-page);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-teal) 20%,var(--color-background-inset));font-size:var(--font-size-body)}.friends-lobby__game-token:first-child{margin-left:0}.friends-lobby__follow-button{-webkit-appearance:none;appearance:none;display:inline-flex;min-height:var(--control-height-compact);align-items:center;justify-content:center;padding:0 var(--space-loose);border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 58%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-amber) 13%,transparent);color:var(--color-amber);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default)}.friends-lobby__follow-button:disabled{cursor:not-allowed;opacity:.55}.friends-lobby__discover-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-amber)}.friends-lobby__people-list{display:flex;flex-direction:column;gap:var(--space-tight);margin:0;padding:0;list-style:none}.friends-lobby__people-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-default);padding:var(--space-default);border:var(--border-width) dashed var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 62%,transparent)}.friends-lobby__people-profile{display:flex;grid-column:1 / 3;min-width:0;align-items:center;gap:var(--space-default);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.friends-lobby__people-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-hairline)}.friends-lobby__people-common{justify-content:flex-start}.friends-lobby__follow-button--row{min-width:116px}.friends-lobby__invite-button:active,.friends-lobby__icon-button:active,.friends-lobby__segment-button:active,.friends-lobby__follow-button:active,.friends-lobby__suggestion-profile:active,.friends-lobby__people-profile:active,.friends-lobby__text-link:active{transform:scale(.97)}.friends-lobby__suggestion-profile:focus-visible,.friends-lobby__people-profile:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.profile-tabs--friends{gap:var(--space-tight)}.profile-tabs--friends .profile-tabs__list{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow-x:hidden;padding:0;border:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.profile-tabs--friends .tabs__trigger{flex:1 1 0;min-width:0;min-height:var(--button-height-large);padding:0 var(--space-hairline);border:0;border-radius:0;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);text-transform:none}.profile-tabs--friends .tabs__indicator{top:auto;bottom:0;height:var(--progress-height-thin);border-radius:0;background:var(--color-interaction-primary);box-shadow:none}.profile-tabs--friends .tabs__content{padding-block:0}.profile-tabs--friends .tabs__trigger[data-state=active]{color:var(--color-text-primary)}.profile-tabs--friends .profile-tab-label{min-width:0;justify-content:center;gap:var(--space-hairline);font-size:var(--font-size-body-large);letter-spacing:var(--letter-spacing-normal)}.profile-tabs--friends .profile-tab-label__text{overflow:hidden;text-overflow:ellipsis}.profile-tabs--friends .profile-tab-label__count{position:absolute;width:var(--space-pixel);height:var(--space-pixel);overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.profile-tabs--friends .social-list,.profile-tabs--friends .social-list__section{gap:var(--space-tight)}.profile-tabs--friends .social-list__section-header{margin:0;padding:0;background:transparent}.profile-tabs--friends .social-list__section-title{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wider)}.profile-tabs--friends .social-list__section-count{color:var(--color-green);font-weight:var(--font-weight-bold)}.profile-tabs--friends .social-list__rows{overflow:hidden;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.profile-tabs--friends .social-list__row{min-height:46px;padding:var(--space-hairline) var(--space-tight);border:0;border-bottom:var(--border-width) solid var(--color-border-subtle);border-radius:0;background:transparent}.profile-tabs--friends .social-list__row:last-child{border-bottom:var(--border-width) solid var(--color-border-subtle)}.profile-tabs--friends .social-list__avatar-wrap{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.profile-tabs--friends .social-list__name{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);text-transform:none}.profile-tabs--friends .social-list__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.profile-tabs--friends .social-list__state,.profile-tabs--friends .social-list__action-button,.profile-tabs--friends .social-list__pending-cancel{border-radius:var(--radius-pill);font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.profile-tabs--friends .social-list__state{justify-content:center;min-width:0}.profile-tabs--friends .social-list__action-button,.profile-tabs--friends .social-list__pending-cancel{min-width:82px;justify-content:center}@media(hover:hover){.friends-lobby__icon-button:hover,.friends-lobby__follow-button:hover{border-color:var(--color-amber)}}@media(prefers-reduced-motion:reduce){.friends-lobby__icon-button,.friends-lobby__segment-button,.friends-lobby__follow-button,.friends-lobby__text-link{transition:none}}.game-detail{position:relative;display:flex;width:100%;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden;background-color:var(--color-background-page);color:var(--color-text-primary)}.game-detail--sheet{height:100%}.game-detail__scroller{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(var(--game-detail-launcher-space, 132px) + var(--safe-area-inset-bottom));scrollbar-width:none;-webkit-overflow-scrolling:touch}.game-detail__scroller::-webkit-scrollbar{display:none}.game-detail__scroller--page{--game-detail-launcher-space: 148px}.game-detail__scroller--sheet{--game-detail-launcher-space: 118px}.game-detail__hero{position:relative;display:flex;min-height:var(--game-detail-hero-height, 320px);align-items:flex-end;overflow:hidden;background-color:var(--color-background-inset)}.game-detail__hero--page{--game-detail-hero-height: 320px}.game-detail__hero--sheet{--game-detail-hero-height: 160px}.game-detail__hero-image,.game-detail__hero-replay,.game-detail__hero-pattern{position:absolute;inset:0;display:block;width:100%;height:100%}.game-detail__hero-image{object-fit:cover}.game-detail__hero-media-button{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.game-detail__hero-replay{z-index:0;border:0;background-color:var(--color-background-inset);object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.game-detail__hero-replay--ready{opacity:1}.game-detail__hero-replay--route{transform:scale(1.08);transform-origin:center}.game-detail__hero-image--icon{padding:var(--space-roomy);background-color:var(--color-background-inset);object-fit:contain}.game-detail__hero-pattern{background:linear-gradient(180deg,transparent 0%,var(--color-background-page) 100%),var(--hatch-pattern)}.game-detail__hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 34%),linear-gradient(180deg,transparent 36%,var(--color-background-page) 100%);pointer-events:none}.game-detail__top-bar{position:absolute;z-index:3;top:calc(var(--safe-area-inset-top) + var(--space-default));right:var(--space-default);left:var(--space-default);display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.game-detail__top-actions{display:flex;align-items:center;gap:var(--space-tight)}.game-detail__icon-button{display:inline-flex;width:var(--button-height-default);height:var(--button-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-color:#ffffff6b;border-radius:var(--radius-large);background-color:#0c1018e0;color:var(--color-white);cursor:pointer;box-shadow:0 8px 22px #00000057;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default)}.game-detail__hero-copy{position:relative;z-index:2;width:100%;padding:var(--space-default)}.game-detail__title-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-snug)}.game-detail__title-copy{width:100%;min-width:0;flex:1 1 auto}.game-detail__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-display);overflow-wrap:anywhere;text-transform:uppercase}.game-detail__title--sheet{min-width:0;font-size:1.625rem;line-height:var(--line-height-display);overflow-wrap:anywhere;white-space:normal}.game-detail__sheet-header{position:relative;display:grid;grid-template-areas:"title title" "source save";grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-snug);row-gap:var(--space-tight);padding:var(--space-default) var(--space-default) var(--space-snug);background-color:var(--color-background-page)}.game-detail__sheet-title-group{display:contents}.game-detail__sheet-title-row{grid-area:title;display:flex;min-width:0;align-items:center;gap:var(--space-tight)}.game-detail__sheet-title-button{display:inline-flex;width:var(--button-height-compact);height:var(--button-height-compact);align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:var(--radius-pill);background-color:transparent;color:var(--color-text-secondary);cursor:pointer}.game-detail__title-link{display:inline;max-width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit}.game-detail__sheet-source{grid-area:source;display:flex;min-width:0;align-items:center;gap:var(--space-tight);margin:0;color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-detail__sheet-source--button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.game-detail__source-avatar{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.86) 0 16%,transparent 17%),linear-gradient(135deg,var(--color-purple),var(--color-background-raised));color:var(--color-white);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__sheet-save-button{grid-area:save;justify-self:end;display:inline-flex;width:var(--button-height-default);height:var(--button-height-default);align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.game-detail__sheet-save-button--saved{border-color:var(--color-green-border);background-color:var(--color-green-dim);color:var(--color-green)}.game-detail__source{display:flex;align-items:center;gap:var(--space-hairline);margin:var(--space-tight) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.game-detail__source--button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.game-detail__sheet-source--button:focus-visible,.game-detail__source--button:focus-visible{outline:var(--focus-ring-width) solid var(--color-interaction-primary);outline-offset:var(--focus-ring-offset)}.game-detail__save-button{display:inline-flex;width:96px;height:var(--button-height-large);align-items:center;justify-content:center;gap:var(--space-tight);flex:0 0 auto;padding:0 var(--space-snug);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-text-primary);color:var(--color-background-page);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default)}.game-detail__save-button--saved{border-color:var(--color-green-border);background-color:var(--color-green-dim);color:var(--color-green)}.game-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-snug);margin:var(--space-snug) 0 0}.game-detail__stat{display:inline-flex;align-items:baseline;gap:var(--space-hairline)}.game-detail__stat-label{overflow:hidden;width:0;height:0;opacity:0}.game-detail__stat-value{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.game-detail__friends{padding:var(--space-default) var(--space-default) var(--space-snug)}.game-detail__friends-label{display:block;color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__friend-row{display:flex;gap:var(--space-tight);margin-top:var(--space-tight);overflow-x:auto}.game-detail__friend{display:inline-flex;align-items:center;gap:var(--space-hairline);flex:0 0 auto}.game-detail__friend-avatar{display:inline-flex;width:var(--avatar-size-default);height:var(--avatar-size-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);background-color:var(--color-background-raised);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.game-detail__friend-name,.game-detail__friends-empty{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);line-height:var(--line-height-tight)}.game-detail__friends-empty{margin-top:var(--space-tight)}.game-detail__tabs{position:sticky;z-index:1;top:0;display:flex;gap:var(--space-default);min-height:var(--control-height-large);overflow-x:auto;overflow-y:hidden;border-bottom:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-page);padding:0 var(--space-default);scrollbar-width:none}.game-detail__tabs::-webkit-scrollbar{display:none}.game-detail__tab{position:relative;min-height:var(--control-height-large);flex:0 0 auto;border:0;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal)}.game-detail__tab--active{color:var(--color-text-primary)}.game-detail__tab--active:after{position:absolute;right:0;bottom:calc(-1 * var(--border-width));left:0;height:var(--border-width-thick);border-radius:var(--radius-pill);background-color:var(--color-text-primary);content:""}.game-detail__body{padding:var(--space-default)}.game-detail__body--sheet{padding:var(--space-default) var(--space-default) var(--space-snug)}.game-detail__tab-panel{min-height:180px}.game-detail__tab-panel--sheet{min-height:0}.game-detail__about-stack,.game-detail__stack{display:grid;gap:var(--space-default)}.game-detail__media-card{position:relative;display:block;width:100%;min-height:146px;overflow:hidden;padding:0;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-inset);color:var(--color-white);text-align:left}.game-detail__media-card--interactive{cursor:pointer}.game-detail__media-open{position:absolute;z-index:4;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.game-detail__media-image,.game-detail__media-replay,.game-detail__media-pattern{position:absolute;inset:0;display:block;width:100%;height:100%}.game-detail__media-image{object-fit:cover}.game-detail__media-replay{z-index:1;border:0;background-color:var(--color-background-inset);object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.game-detail__media-replay--route{background-color:transparent;object-fit:cover}.game-detail__media-replay--ready{opacity:1}.game-detail__media-image--icon{padding:var(--space-roomy);object-fit:contain}.game-detail__media-pattern{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 100%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 28%,var(--color-background-card)) 0 10px,color-mix(in srgb,var(--color-background-page) 86%,var(--color-amber)) 10px 22px)}.game-detail__media-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 34%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.72) 100%)}.game-detail__media-stats{position:absolute;z-index:3;right:var(--space-snug);bottom:var(--space-snug);left:var(--space-snug);display:flex;flex-wrap:wrap;gap:var(--space-tight);margin:0}.game-detail__media-stat{display:inline-flex;min-height:26px;align-items:center;padding:0 var(--space-snug);border-radius:var(--radius-pill);background-color:#000000ad}.game-detail__media-stat-value{display:inline-flex;align-items:center;gap:var(--space-hairline);margin:0;color:var(--color-white);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold)}.game-detail__media-stat--sentiment{max-width:min(72%,248px)}.game-detail__media-stat--sentiment .game-detail__media-stat-value,.game-detail__media-stat--sentiment .review-sentiment{min-width:0}.game-detail__media-stat--sentiment .review-sentiment__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-detail__one-liner{margin:0;color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal)}.game-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-tight)}.game-detail__tag{display:inline-flex;max-width:100%;min-height:var(--control-height-compact);align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug) var(--space-hairline) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--badge-line-height);overflow-wrap:anywhere}.game-detail__tag--interactive{cursor:pointer}.game-detail__tag-icon{display:inline-flex;width:var(--button-height-compact);height:var(--button-height-compact);align-items:center;justify-content:center;flex:0 0 auto;border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background-color:var(--color-background-inset);color:var(--color-amber);line-height:1}.game-detail__tag-label{min-width:0;overflow-wrap:anywhere}.game-detail__description,.game-detail__content-copy,.game-detail__empty-copy{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:var(--line-height-normal)}.game-detail__content-row,.game-detail__coming-soon,.game-detail__score-card,.game-detail__empty-state{padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card)}.game-detail__content-row--event{border-color:var(--color-amber-border)}.game-detail__content-row--replay{border-color:var(--color-interaction-primary-border)}.game-detail__content-kicker{display:block;color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);text-transform:uppercase}.game-detail__content-title,.game-detail__empty-title{margin:var(--space-hairline) 0 0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.game-detail__content-copy{margin-top:var(--space-tight)}.game-detail__content-meta{display:inline-block;margin-top:var(--space-tight);color:var(--color-amber);font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__inline-action{display:inline-flex;align-items:center;gap:var(--space-hairline);margin-top:var(--space-snug);border:0;border-radius:var(--radius-pill);background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);padding:var(--space-tight) var(--space-default)}.game-detail__coming-soon{border-color:var(--color-amber-border);background:linear-gradient(135deg,var(--color-amber-dim),transparent 72%),var(--color-background-card)}.game-detail__score-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-default);border-color:var(--color-interaction-primary-border)}.game-detail__score-value{display:block;margin-top:var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-detail__score-rank{color:var(--color-interaction-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.game-detail__leaderboard-rich{display:grid;gap:var(--space-default)}.game-detail__leaderboard-summary{display:flex;min-height:96px;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-card);background-color:var(--color-background-card)}.game-detail__leaderboard-score-line{display:inline-flex;align-items:baseline;gap:var(--space-tight);margin-top:var(--space-hairline)}.game-detail__leaderboard-score-unit{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-detail__leaderboard-summary-window{align-self:flex-start;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);white-space:nowrap}.game-detail__leaderboard-scope-list{display:grid;gap:var(--space-tight)}.game-detail__leaderboard-discover{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-hairline);margin-top:var(--space-tight);border:0;background:transparent;color:var(--color-interaction-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);padding:0}.game-detail__leaderboard-discover:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-detail__leaderboard-scope-card{display:grid;width:100%;min-height:76px;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-background-card);color:inherit;cursor:pointer;font:inherit;text-align:left}.game-detail__leaderboard-scope-card--featured{border-color:var(--color-teal-border);background-color:var(--color-teal-dim);box-shadow:inset 0 0 0 var(--border-width) var(--color-teal-border)}.game-detail__leaderboard-scope-icon{display:inline-flex;width:var(--avatar-size-large);height:var(--avatar-size-large);align-items:center;justify-content:center;border-radius:var(--radius-pill);color:var(--color-black)}.game-detail__leaderboard-scope-icon--social{background:linear-gradient(135deg,var(--color-teal),var(--color-red-light))}.game-detail__leaderboard-scope-icon--teal{background:linear-gradient(135deg,var(--color-blue),var(--color-teal))}.game-detail__leaderboard-scope-icon--blue{background:linear-gradient(135deg,var(--color-blue),var(--color-interaction-primary))}.game-detail__leaderboard-scope-icon--green{background:linear-gradient(135deg,var(--color-green),var(--color-teal))}.game-detail__leaderboard-scope-icon--amber{background:linear-gradient(135deg,var(--color-amber),var(--color-red-light))}.game-detail__leaderboard-scope-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-detail__leaderboard-scope-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-scope-subtitle{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-scope-rank{display:flex;min-width:54px;flex-direction:column;align-items:flex-end;gap:var(--space-hairline)}.game-detail__leaderboard-scope-rank-value{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-title);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-detail__leaderboard-scope-rank-count{color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);white-space:nowrap}.game-detail__leaderboard-skeleton{display:grid;gap:var(--space-tight)}.game-detail__leaderboard-skeleton-card{min-height:76px;border-radius:var(--radius-card);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent),var(--color-background-card);background-size:220% 100%;animation:game-detail-skeleton-sheen 1.2s var(--ease-default) infinite}.game-detail__leaderboard-detail{display:grid;gap:var(--space-default)}.game-detail__leaderboard-back{display:inline-flex;width:fit-content;align-items:center;gap:var(--space-hairline);border:0;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);padding:0}.game-detail__leaderboard-detail-card{display:grid;min-height:86px;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background-color:var(--color-background-card)}.game-detail__leaderboard-detail-card--featured{border-color:var(--color-teal-border);background-color:var(--color-teal-dim);box-shadow:inset 0 0 0 var(--border-width) var(--color-teal-border)}.game-detail__leaderboard-detail-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-detail__leaderboard-detail-title{margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-detail-meta{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-list{display:grid;gap:var(--space-tight);margin:0;padding:0;list-style:none}.game-detail__leaderboard-item{display:block}.game-detail__leaderboard-row{display:grid;min-height:var(--control-height-default);grid-template-columns:var(--leaderboard-rank-width) minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight);border-radius:var(--radius-rounded);background-color:var(--color-background-card)}.game-detail__leaderboard-row--button{width:100%;border:0;color:inherit;font:inherit;text-align:left;appearance:none;cursor:pointer}.game-detail__leaderboard-row--button:hover{background-color:var(--color-background-raised)}.game-detail__leaderboard-row--button:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.game-detail__leaderboard-gap{display:grid;grid-template-columns:minmax(var(--space-roomy),1fr) auto minmax(var(--space-roomy),1fr);align-items:center;gap:var(--space-tight);min-height:var(--control-height-compact);color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;text-transform:uppercase}.game-detail__leaderboard-gap-line{height:var(--border-width);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-border-default) 72%,transparent)}.game-detail__leaderboard-rank{color:var(--color-amber);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-detail__leaderboard-player{min-width:0;overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.game-detail__leaderboard-score{color:var(--color-text-primary);font-size:var(--font-size-body);font-variant-numeric:tabular-nums}.game-detail__empty-state{display:grid;justify-items:start;gap:var(--space-tight);color:var(--color-text-tertiary)}.game-detail__loading-state{display:grid;min-height:180px;place-items:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.game-detail__launcher{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:var(--space-tight) var(--space-default) calc(var(--space-default) + var(--safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-page);box-shadow:0 -16px 32px #00000047}.game-detail__launcher--sheet{padding:var(--space-tight) var(--space-default) calc(var(--space-snug) + var(--safe-area-inset-bottom));background-color:var(--color-background-page);box-shadow:none}.game-detail__launch-options{display:flex;gap:var(--space-tight);overflow-x:auto;padding-bottom:var(--space-tight)}.game-detail__launch-option{display:grid;min-width:122px;gap:var(--space-micro);padding:var(--space-tight);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);text-align:center}.game-detail__launch-option--active{border-color:var(--color-interaction-primary);color:var(--color-interaction-primary)}.game-detail__launch-option-detail{overflow:hidden;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.game-detail__launcher-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-tight)}.game-detail__play-button,.game-detail__invite-button{display:inline-flex;min-height:var(--button-height-large);align-items:center;justify-content:center;gap:var(--space-tight);border-radius:var(--radius-large);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-cta);font-weight:var(--font-weight-bold);transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default)}.game-detail__play-button{border:var(--border-width) solid var(--color-interaction-primary);background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text)}.game-detail__invite-button{min-width:88px;border:var(--border-width) solid var(--color-border-default);background-color:var(--color-background-card);color:var(--color-text-primary)}.game-detail__icon-button:active,.game-detail__save-button:active,.game-detail__sheet-save-button:active,.game-detail__sheet-title-button:active,.game-detail__title-link:active,.game-detail__tag:active,.game-detail__hero-media-button:active,.game-detail__media-card--interactive:active,.game-detail__inline-action:active,.game-detail__leaderboard-back:active,.game-detail__leaderboard-scope-card:active,.game-detail__play-button:active,.game-detail__invite-button:active,.game-detail__launch-option:active{transform:scale(.97)}.game-detail__save-button:disabled,.game-detail__sheet-save-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.game-detail__icon-button:focus-visible,.game-detail__save-button:focus-visible,.game-detail__sheet-save-button:focus-visible,.game-detail__sheet-title-button:focus-visible,.game-detail__title-link:focus-visible,.game-detail__tag:focus-visible,.game-detail__tab:focus-visible,.game-detail__hero-media-button:focus-visible,.game-detail__media-open:focus-visible,.game-detail__inline-action:focus-visible,.game-detail__leaderboard-back:focus-visible,.game-detail__leaderboard-scope-card:focus-visible,.game-detail__play-button:focus-visible,.game-detail__invite-button:focus-visible,.game-detail__launch-option:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-detail__media-open:focus-visible{outline-offset:calc(-1 * var(--outline-offset))}@media(hover:hover){.game-detail__icon-button:hover,.game-detail__sheet-save-button:hover,.game-detail__sheet-title-button:hover,.game-detail__leaderboard-scope-card:hover,.game-detail__invite-button:hover,.game-detail__launch-option:hover{background-color:var(--color-background-hover)}.game-detail__icon-button:hover{background-color:#0c1018db}}@media(min-width:640px){.game-detail__hero--page{--game-detail-hero-height: 380px}.game-detail__body,.game-detail__friends,.game-detail__hero-copy,.game-detail__tabs,.game-detail__launcher{padding-right:var(--space-loose);padding-left:var(--space-loose)}}@media(prefers-reduced-motion:reduce){.game-detail__icon-button,.game-detail__save-button,.game-detail__sheet-save-button,.game-detail__sheet-title-button,.game-detail__inline-action,.game-detail__play-button,.game-detail__invite-button,.game-detail__launch-option{transition:none}.game-detail__leaderboard-skeleton-card{animation:none}.game-detail__hero-replay,.game-detail__media-replay{animation:none;opacity:1}}@keyframes game-detail-skeleton-sheen{0%{background-position:220% 0}to{background-position:-220% 0}}.game-leaderboard-networks{display:flex;min-height:100vh;flex-direction:column;gap:var(--space-default);padding:calc(var(--space-default) + env(safe-area-inset-top)) var(--space-default) calc(var(--bottom-nav-height, 72px) + var(--space-default) + env(safe-area-inset-bottom));background:var(--color-background-page);color:var(--color-text-primary)}.game-leaderboard-networks__header{display:grid;grid-template-columns:var(--control-height-default) minmax(0,1fr);align-items:center;gap:var(--space-snug)}.game-leaderboard-networks__back{display:inline-flex;width:var(--control-height-default);height:var(--control-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer}.game-leaderboard-networks__back:focus-visible,.game-leaderboard-networks__action:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.game-leaderboard-networks__title-group{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-leaderboard-networks__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.game-leaderboard-networks__game{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.game-leaderboard-networks__sections{display:flex;flex-direction:column;gap:var(--space-loose)}.game-leaderboard-networks__section{display:flex;flex-direction:column;gap:var(--space-tight)}.game-leaderboard-networks__section-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);line-height:var(--line-height-tight);text-transform:uppercase}.game-leaderboard-networks__list{display:flex;flex-direction:column;gap:var(--space-tight)}.game-leaderboard-networks__card{display:grid;grid-template-columns:var(--avatar-size-large) minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);min-height:76px;padding:var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card)}.game-leaderboard-networks__icon{display:inline-flex;width:var(--avatar-size-large);height:var(--avatar-size-large);align-items:center;justify-content:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--color-blue),var(--color-teal));color:var(--color-text-inverse)}.game-leaderboard-networks__copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.game-leaderboard-networks__name{overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.game-leaderboard-networks__meta{display:flex;min-width:0;flex-wrap:wrap;gap:var(--space-tight);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.game-leaderboard-networks__rank{color:var(--color-teal);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.game-leaderboard-networks__action{min-width:74px;min-height:var(--button-height-compact);padding:0 var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-interaction-primary);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold)}.game-leaderboard-networks__action:disabled{cursor:default;opacity:.72}.game-leaderboard-networks__action--joined{background:var(--color-teal-dim);color:var(--color-text-primary)}.game-leaderboard-networks__state{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-snug)}.game-leaderboard-networks__state-title{color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-subheading)}.game-leaderboard-networks__loader{animation:game-leaderboard-networks-spin .9s linear infinite}@keyframes game-leaderboard-networks-spin{to{transform:rotate(360deg)}}.game-preview-sheet{position:fixed;z-index:var(--z-modal);inset:0;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;pointer-events:none}.game-preview-sheet__scrim{position:absolute;z-index:0;inset:0;border:0;background-color:#000000bd;cursor:pointer;pointer-events:auto}.game-preview-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--layout-max-width-narrow);height:min(68vh,592px);min-height:488px;max-height:640px;overflow:hidden;border:var(--border-width) solid var(--color-border-emphasis);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background-color:var(--color-background-page);box-shadow:0 -24px 60px #0000008a;pointer-events:auto;transform:translateZ(0);transform-origin:bottom center;will-change:transform}.game-preview-sheet__grabber-row{display:flex;flex:0 0 auto;align-items:center;justify-content:center;padding:var(--space-snug) 0 var(--space-default)}.game-preview-sheet__handle{position:relative;z-index:4;top:auto;left:auto;display:block;width:var(--space-spacious);height:var(--space-snug);margin:0 auto;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;cursor:grab;transform:none;touch-action:none}.game-preview-sheet__handle:before{position:absolute;top:50%;left:50%;width:var(--space-spacious);height:var(--space-hairline);content:"";border-radius:var(--radius-pill);background-color:var(--color-border-emphasis);transform:translate(-50%,-50%)}.game-preview-sheet__handle:active{cursor:grabbing}.game-preview-sheet__handle:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.glow-effect{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.glow-effect{animation:none;opacity:.6}}.grade-badge{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-loose) var(--space-roomy);background:linear-gradient(145deg,var(--color-background-surface) 0%,var(--color-background-raised) 50%,var(--color-background-card) 100%);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);min-width:calc(var(--space-generous) * 2);box-shadow:inset 0 1px 0 0 var(--shadow-highlight-subtle),0 4px 12px -2px var(--shadow-drop-default);overflow:hidden}.grade-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--shadow-highlight-subtle) 50%,transparent 100%)}.grade-badge__grade{font-family:var(--font-family-display);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-primary);text-shadow:0 2px 8px var(--shadow-drop-default)}.grade-badge__label{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-tertiary);text-transform:capitalize}.grade-badge--s .grade-badge__grade,.grade-badge--a-plus .grade-badge__grade{color:var(--color-interaction-primary);text-shadow:0 0 20px var(--color-interaction-primary-glow),0 2px 8px var(--shadow-drop-default)}.grade-badge--s,.grade-badge--a-plus{border-color:var(--color-interaction-primary-border);box-shadow:inset 0 1px 0 0 var(--color-interaction-primary-tint),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-interaction-primary-glow)}.grade-badge--a .grade-badge__grade{color:var(--color-green);text-shadow:0 0 20px var(--color-green-glow-strong),0 2px 8px var(--shadow-drop-default)}.grade-badge--a{border-color:var(--color-green-border);box-shadow:inset 0 1px 0 0 var(--color-green-dim),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-green-glow)}.grade-badge--b .grade-badge__grade{color:var(--color-amber);text-shadow:0 0 20px var(--color-amber-glow-strong),0 2px 8px var(--shadow-drop-default)}.grade-badge--b{border-color:var(--color-amber-border);box-shadow:inset 0 1px 0 0 var(--color-amber-dim),0 4px 12px -2px var(--shadow-drop-default),0 0 24px -8px var(--color-amber-glow)}.grade-badge--c .grade-badge__grade{color:var(--color-accent-muted);text-shadow:0 2px 8px var(--shadow-drop-default)}.grade-badge--d .grade-badge__grade{color:var(--color-red);text-shadow:0 0 16px var(--color-red-glow),0 2px 8px var(--shadow-drop-default)}.grade-badge--d{border-color:var(--color-red-border)}.grade-badge--f .grade-badge__grade{color:var(--color-text-disabled);text-shadow:none}.grade-badge--compact{padding:var(--space-default) var(--space-loose);min-width:calc(var(--space-generous) + var(--space-default));gap:var(--space-hairline)}.grade-badge--compact .grade-badge__grade{font-size:var(--font-size-display)}.grade-badge--compact .grade-badge__label{font-size:var(--font-size-tiny)}.grade-badge--large{padding:var(--space-roomy) var(--space-spacious);min-width:calc(var(--space-generous) * 2 + var(--space-roomy))}.grade-badge--large .grade-badge__grade{font-size:var(--font-size-jumbo)}.grade-badge--large .grade-badge__label{font-size:var(--font-size-body)}.head-to-head{display:flex;flex-direction:column;gap:var(--space-tight)}.head-to-head__labels{display:flex;justify-content:space-between;align-items:center}.head-to-head__label{font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.head-to-head__label--left{color:var(--color-interaction-primary)}.head-to-head__label--right{color:var(--color-text-secondary)}.head-to-head__bar{display:flex;height:var(--progress-height-default);border-radius:0;overflow:hidden}.head-to-head__fill{height:100%;transition:width var(--duration-default) var(--ease-default)}.head-to-head__fill--left{background-color:var(--color-interaction-primary)}.head-to-head__fill--right{background-color:var(--color-background-card);background-image:var(--hatch-pattern)}.head-to-head__values{display:flex;justify-content:space-between;align-items:center}.head-to-head__value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.head-to-head__value--left{color:var(--color-interaction-primary)}.head-to-head__value--right{color:var(--color-text-secondary)}.head-to-head--thin .head-to-head__bar{height:var(--progress-height-thin)}.head-to-head--thick .head-to-head__bar{height:var(--progress-height-thick)}@media(prefers-reduced-motion:reduce){.head-to-head__fill{transition:none}}.input{--input-control-height: var(--control-height-default);display:block;width:100%;padding:var(--space-tight) var(--space-default);min-height:var(--input-control-height);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);caret-color:var(--color-interaction-primary);-webkit-appearance:none;appearance:none;background-color:var(--color-background-inset);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-subtle);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.input::placeholder{color:var(--color-text-tertiary)}@media(hover:hover){.input:hover:not(:disabled){border-color:var(--color-border-emphasis);background-color:var(--color-background-card)}}.input:focus{border-color:var(--color-interaction-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-interaction-primary-border);outline:none}.input:disabled{background-color:var(--color-background-raised);color:var(--color-text-disabled);box-shadow:inset 0 1px 0 transparent;cursor:not-allowed}.input--error{border-color:var(--color-red);caret-color:var(--color-red)}.input--error:focus{border-color:var(--color-red);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-red-border)}.input--compact{--input-control-height: var(--control-height-compact);padding:var(--space-hairline) var(--space-tight);font-size:var(--font-size-tiny)}.input--large{--input-control-height: var(--control-height-large);padding:var(--space-default);font-size:var(--font-size-body-large)}textarea.input{min-height:calc(var(--input-control-height) * 3);resize:none}@media(hover:hover){textarea.input{resize:vertical}}@media(prefers-reduced-motion:reduce){.input{transition:none}}.item-card{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default);transition:border-color var(--duration-default) var(--ease-default)}@media(hover:hover){.item-card:hover{border-color:var(--color-border-focus)}}.item-card__icon-container{display:flex;align-items:center;justify-content:center;width:var(--item-icon-container-size);height:var(--item-icon-container-size);background-color:var(--color-background-raised);border-radius:var(--radius-rounded);flex-shrink:0}.item-card__icon{width:var(--icon-size-jumbo);height:var(--icon-size-jumbo);color:var(--color-text-secondary)}.item-card__emoji{font-size:var(--item-emoji-size);line-height:1}.item-card__content{display:flex;flex-direction:column;gap:var(--space-micro);flex:1;min-width:0}.item-card__rarity{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.item-card__name{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.item-card__type{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.item-card__quantity{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-secondary);flex-shrink:0}.item-card--legendary{border-color:var(--color-rarity-legendary-border)}.item-card--legendary .item-card__rarity{color:var(--color-rarity-legendary)}.item-card--epic{border-color:var(--color-rarity-epic-border)}.item-card--epic .item-card__rarity{color:var(--color-rarity-epic)}.item-card--rare{border-color:var(--color-rarity-rare-border)}.item-card--rare .item-card__rarity{color:var(--color-rarity-rare)}.item-card--common{border-color:var(--color-rarity-common-border)}.item-card--common .item-card__rarity{color:var(--color-rarity-common)}.item-card--compact{padding:var(--space-snug);gap:var(--space-snug)}@media(prefers-reduced-motion:reduce){.item-card{transition:none}}.item-card--compact .item-card__icon-container{width:var(--item-icon-container-size);height:var(--item-icon-container-size)}.item-card--compact .item-card__icon{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge)}.item-card--compact .item-card__name{font-size:var(--font-size-body-large)}.launcher-search{min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-comfortable)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-roomy));color:var(--color-text-primary);background:var(--color-background-page)}.launcher-search__header{position:sticky;top:var(--safe-area-inset-top);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-tight);padding-bottom:var(--space-tight);background:var(--color-background-page)}.launcher-search__back{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-large);height:var(--control-height-large);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:var(--shadow-elevation-1)}.launcher-search__back svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}.launcher-search__field{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-tight);height:var(--control-height-large);padding:0 var(--space-default);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.launcher-search__field:focus-within{border-color:var(--color-interaction-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-default),0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-interaction-primary-border)}.launcher-search__field-icon{width:var(--icon-size-medium);height:var(--icon-size-medium);color:var(--color-interaction-primary);flex:0 0 auto}.launcher-search__input{flex:1;min-width:0;height:auto;min-height:0;padding:0;color:var(--color-text-primary);background:transparent;border:0;box-shadow:none;font-size:var(--font-size-body-large)}.launcher-search__input::-webkit-search-cancel-button,.launcher-search__input::-webkit-search-decoration,.launcher-search__input::-webkit-search-results-button,.launcher-search__input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.launcher-search__input:focus{box-shadow:none}.launcher-search__clear{display:inline-flex;align-items:center;justify-content:center;width:var(--action-button-size-compact);height:var(--action-button-size-compact);color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-pill)}.launcher-search__clear svg{width:var(--icon-size-medium);height:var(--icon-size-medium)}.launcher-search__scopes{display:grid;grid-template-columns:minmax(0,.8fr) repeat(3,minmax(0,1fr)) minmax(0,1.4fr);gap:var(--space-hairline);margin-top:var(--space-comfortable);padding:var(--space-tight);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);box-shadow:var(--shadow-elevation-1)}.launcher-search__scope{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;min-height:var(--control-height-large);gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-large);font-family:var(--font-family);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:0}.launcher-search__scope--active{color:var(--color-interaction-primary-text);background:var(--color-interaction-primary);box-shadow:var(--shadow-elevation-1)}.launcher-search__scope:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.launcher-search__scope-icon{width:var(--icon-size-default);height:var(--icon-size-default);flex:0 0 auto}.launcher-search__scope-label{display:block;max-width:100%;overflow:hidden;line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.launcher-search__body{padding-top:var(--space-roomy)}.launcher-search__empty{min-height:calc(100vh - var(--bottom-nav-height) - var(--space-generous) * 3)}.launcher-search__status{display:flex;min-height:var(--space-generous);align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.launcher-search__status--error{flex-direction:column;text-align:center}.launcher-search__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-text-secondary)}.launcher-search__status--error .launcher-search__status-icon{color:var(--color-red)}.launcher-search__group{margin-bottom:var(--space-roomy)}.launcher-search__group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-tight)}.launcher-search__group-title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.launcher-search__see-all{display:inline-flex;align-items:center;gap:var(--space-small);color:var(--color-brand-blue);background:transparent;border:0;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.launcher-search__see-all-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.launcher-search__group-note{margin:0 0 var(--space-tight);color:var(--color-amber);font-size:var(--font-size-label)}.launcher-search__results{display:flex;flex-direction:column;gap:var(--space-tight)}.launcher-search__result{display:grid;grid-template-columns:var(--space-airy) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-snug);min-height:var(--space-generous);padding:var(--space-snug);color:var(--color-text-primary);text-align:left;background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.launcher-search__result:disabled{opacity:var(--opacity-disabled)}.launcher-search__avatar,.launcher-search__game-image,.launcher-search__symbol{width:var(--space-airy);height:var(--space-airy);border-radius:var(--radius-card)}.launcher-search__game-image{object-fit:cover;background:var(--color-background-card)}.launcher-search__symbol{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);background:repeating-linear-gradient(135deg,rgba(255,181,71,.28) 0 var(--space-tight),rgba(0,0,0,.18) var(--space-tight) calc(var(--space-tight) * 2)),var(--color-background-card)}.launcher-search__symbol--tag{background:var(--color-interaction-primary-tint)}.launcher-search__symbol--network{background:var(--color-teal-dim)}.launcher-search__symbol svg{width:var(--icon-size-large);height:var(--icon-size-large)}.launcher-search__result-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-micro)}.launcher-search__result-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.launcher-search__result-subtitle{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.launcher-search__state{color:var(--color-teal);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.launcher-search__chevron{width:var(--icon-size-medium);height:var(--icon-size-medium);color:var(--color-text-tertiary)}.launcher-search__more{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-tight);margin-top:var(--space-tight)}.launcher-search__load-more{min-height:var(--button-height-default);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold)}.launcher-search__load-more:disabled{color:var(--color-text-tertiary);opacity:var(--opacity-disabled)}.launcher-search__refreshing{display:flex;justify-content:center;padding:var(--space-default)}.launcher-search__refreshing-icon{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-secondary)}@media(max-width:420px){.launcher-search{padding-inline:var(--space-snug)}.launcher-search__result{grid-template-columns:var(--space-airy) minmax(0,1fr) auto}.launcher-search__state{display:none}}.leaderboard{display:flex;flex-direction:column;background-color:var(--color-background-card);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-default);overflow:hidden}.leaderboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-default);border-bottom:var(--border-width) solid var(--color-border-default)}.leaderboard__title{font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.leaderboard__subtitle{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.leaderboard__list{display:flex;flex-direction:column}.leaderboard-row{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle);content-visibility:auto;contain-intrinsic-size:auto 52px;transition:background-color var(--duration-fast) var(--ease-out)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row__rank{display:flex;align-items:center;justify-content:center;min-width:var(--leaderboard-rank-width);font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.leaderboard-row__trend{display:flex;align-items:center;justify-content:center;width:var(--leaderboard-trend-width);flex-shrink:0}.leaderboard-row__trend-arrow{display:block;width:0;height:0;border-left:var(--leaderboard-arrow-size) solid transparent;border-right:var(--leaderboard-arrow-size) solid transparent}.leaderboard-row__trend--up .leaderboard-row__trend-arrow{border-bottom:var(--leaderboard-arrow-height) solid var(--color-green)}.leaderboard-row__trend--down .leaderboard-row__trend-arrow{border-top:var(--leaderboard-arrow-height) solid var(--color-red)}.leaderboard-row__trend--same .leaderboard-row__trend-arrow{width:var(--leaderboard-dash-width);height:var(--leaderboard-dash-height);background-color:var(--color-text-tertiary);border:none}.leaderboard-row__player{display:flex;align-items:center;gap:var(--space-tight);flex:1;min-width:0}.leaderboard-row__name{font-family:var(--font-family);font-size:var(--font-size-body-small);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-row__score{font-family:var(--font-family-mono);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-shrink:0;font-variant-numeric:tabular-nums}.leaderboard-row__score--interactive{border:none;background:transparent;cursor:pointer;padding:var(--space-tight) var(--space-default);margin:calc(-1 * var(--space-tight)) calc(-1 * var(--space-default));border-radius:var(--radius-subtle);transition:background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.leaderboard-row__score--interactive:hover{background-color:var(--color-background-raised)}}.leaderboard-row__score--interactive:focus-visible{outline:none;background-color:var(--color-background-raised);box-shadow:0 0 0 2px var(--color-interaction-primary)}.leaderboard-row--top-1{background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 50%)}.leaderboard-row--top-2{background:linear-gradient(90deg,rgba(192,192,192,.06) 0%,transparent 50%)}.leaderboard-row--top-3{background:linear-gradient(90deg,rgba(205,127,50,.06) 0%,transparent 50%)}.leaderboard-row--top-1 .leaderboard-row__rank,.leaderboard-row--top-2 .leaderboard-row__rank,.leaderboard-row--top-3 .leaderboard-row__rank{font-size:0}.leaderboard-row--top-1 .leaderboard-row__rank:before{content:"🥇";font-size:var(--font-size-body-large)}.leaderboard-row--top-2 .leaderboard-row__rank:before{content:"🥈";font-size:var(--font-size-body-large)}.leaderboard-row--top-3 .leaderboard-row__rank:before{content:"🥉";font-size:var(--font-size-body-large)}.leaderboard-row--highlighted{background:linear-gradient(90deg,rgba(59,143,242,.12) 0%,transparent 60%);border-left:3px solid var(--color-interaction-primary);padding-left:calc(var(--space-default) - 3px)}.leaderboard-row--highlighted .leaderboard-row__rank{color:var(--color-interaction-primary);font-weight:var(--font-weight-bold)}.leaderboard-row--highlighted .leaderboard-row__name{color:var(--color-interaction-primary);font-weight:var(--font-weight-semibold)}.leaderboard-row--highlighted .avatar{box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.leaderboard-row__gap-to-next{font-family:var(--font-family-mono);font-size:var(--font-size-caption);color:var(--color-text-tertiary);margin-left:var(--space-tight)}.leaderboard--compact .leaderboard__header{padding:var(--space-tight)}.leaderboard--compact .leaderboard-row{padding:var(--space-tight);gap:var(--space-tight)}.leaderboard-gap{display:flex;align-items:center;justify-content:center;padding:var(--space-snug) var(--space-default);border-bottom:var(--border-width) solid var(--color-border-subtle);color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wide)}.leaderboard--compact .leaderboard-gap{padding:var(--space-hairline) var(--space-tight)}.leaderboard--compact .leaderboard-row--highlighted{padding-left:calc(var(--space-tight) - 3px)}.leaderboard__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-spacious) var(--space-default)}.leaderboard__empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.leaderboard__empty-text{font-size:var(--font-size-body);color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.leaderboard-row{transition:none}}.legal-page{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--color-background-page);color:var(--color-text-primary);padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left);overflow:hidden}.legal-page__header{flex:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-snug);padding:var(--space-default) var(--space-loose);border-bottom:var(--border-width) solid var(--color-border-subtle)}.legal-page__back{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background:transparent;border:none;cursor:pointer;width:var(--button-height-default);height:var(--button-height-default);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-primary);transition:color var(--duration-fast) var(--ease-default)}.legal-page__back-glyph{font-size:var(--font-size-display);line-height:1}@media(hover:hover){.legal-page__back:hover{color:var(--color-brand-blue)}}.legal-page__back:active{transform:scale(.95)}.legal-page__back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-blue);border-radius:var(--radius-default)}.legal-page__title{margin:0;font-family:var(--font-family);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center}.legal-page__content{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-loose) var(--space-loose) var(--space-roomy);width:100%;max-width:var(--layout-max-width-default);margin:0 auto}.legal-page__effective-date{margin:0 0 var(--space-loose) 0;font-size:var(--font-size-label);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.legal-page__section{margin:0 0 var(--space-loose) 0}.legal-page__section-title{margin:0 0 var(--space-snug) 0;font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.legal-page__paragraph{margin:0 0 var(--space-snug) 0;font-family:var(--font-family);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.legal-page__paragraph:last-child{margin-bottom:0}.legal-page__list{margin:0 0 var(--space-snug) var(--space-default);padding:0;list-style:disc}.legal-page__list-item{margin:0 0 var(--space-tight) 0;font-family:var(--font-family);font-size:var(--font-size-body-large);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.legal-page__list-item::marker{color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.legal-page__back{transition:none}}.legend{display:flex;gap:var(--space-snug)}.legend--horizontal{flex-direction:row;flex-wrap:wrap}.legend--vertical{flex-direction:column}.legend__item{display:flex;flex-direction:row;align-items:center;gap:var(--space-tight);transition:opacity var(--duration-default) var(--ease-out)}.legend__item--interactive{all:unset;display:flex;flex-direction:row;align-items:center;gap:var(--space-tight);cursor:pointer;transition:opacity var(--duration-default) var(--ease-out)}.legend__swatch{width:10px;height:10px;border-radius:var(--radius-subtle);flex-shrink:0}.legend__swatch--line{display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:0;width:16px}.legend__swatch-line{width:100%;height:2px;border-radius:var(--radius-pill)}.legend__swatch-line--dashed{height:0;border-top:2px dashed}.legend__label{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-secondary);line-height:1}.legend__value{font-family:var(--font-family-mono);font-size:var(--font-size-label);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1}.legend__item.is-muted{opacity:.3}@media(prefers-reduced-motion:reduce){.legend__item,.legend__item--interactive{transition:none}}.line-chart{width:100%;position:relative}.line-chart__plot{width:100%;height:100%;position:relative;isolation:isolate}.line-chart__plot svg{display:block;width:100%;height:100%}.line-chart__plot svg>text[text-anchor=end]{display:none}.line-chart__plot [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.line-chart__plot [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-regular)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.line-chart__plot text:not([aria-label=x-axis] text):not([aria-label=y-axis] text){fill:var(--color-text-tertiary)!important;font-variant-numeric:tabular-nums}.line-chart__plot [aria-label=x-axis]>line,.line-chart__plot [aria-label=y-axis]>line{display:none}.line-chart__plot [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.line-chart__plot path[stroke]{stroke-linecap:round;stroke-linejoin:round}.line-chart__plot circle{transition:r var(--duration-fast) var(--ease-default)}@media(hover:hover)and (pointer:fine){.line-chart__plot circle:hover{r:6}}.line-chart--empty{display:flex;align-items:center;justify-content:center}.line-chart__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}[data-theme=light] .line-chart__plot [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .line-chart__plot [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .line-chart__plot text[text-anchor=middle]:not([aria-label] text){fill:var(--color-text-primary)}.line-chart__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.line-chart__ref-line--visible{opacity:1}.line-chart__col-indicator{position:absolute;width:5px;transform:translate(-50%);border-radius:var(--radius-pill);background:var(--color-text-tertiary);opacity:0;pointer-events:none;transition:opacity var(--duration-default) var(--ease-out)}.line-chart__col-indicator--visible{opacity:.15}[data-theme=light] .line-chart__col-indicator--visible{opacity:.25}.line-chart__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out)}.line-chart__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.line-chart__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary);margin-right:var(--space-tight)}.line-chart__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.line-chart__legend{margin-top:var(--space-snug)}@media(prefers-reduced-motion:reduce){.line-chart__plot circle{transition:none}.line-chart__ref-line,.line-chart__col-indicator,.line-chart__tip{transition:none}}.metric-row{display:flex;gap:var(--space-default);flex-wrap:wrap}.metric-row>*{flex:1 1 0;min-width:140px}.metric-row--compact{gap:var(--space-tight)}.mmr-display{display:flex;flex-direction:column;gap:var(--space-roomy);padding:var(--space-roomy);min-width:var(--mmr-display-min-width);background-color:var(--color-background-card);border-radius:var(--radius-rounded);border:var(--border-width) solid var(--color-border-default)}.mmr-display__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.mmr-display__main{display:flex;align-items:baseline;gap:var(--space-snug)}.mmr-display__value{font-family:var(--font-family-mono);font-size:var(--font-size-jumbo);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.mmr-display__label{font-family:var(--font-family);font-size:var(--font-size-subheading);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.mmr-display__delta{display:inline-flex;align-items:center;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-heading);font-weight:var(--font-weight-medium)}.mmr-display__delta--positive{color:var(--color-green)}.mmr-display__delta--negative{color:var(--color-red)}.mmr-display__delta-icon{display:inline-block;width:0;height:0;border-left:var(--space-hairline) solid transparent;border-right:var(--space-hairline) solid transparent}.mmr-display__delta--positive .mmr-display__delta-icon{border-bottom:var(--space-tight) solid currentColor}.mmr-display__delta--negative .mmr-display__delta-icon{border-top:var(--space-tight) solid currentColor}.mmr-display__tiers-section{display:flex;flex-direction:column;gap:var(--space-tight)}.mmr-display__tiers{position:relative;display:flex;gap:var(--segment-gap);height:var(--progress-height-thick)}.mmr-display__tier{flex:1;height:100%}.mmr-display__tier--bronze{background-color:var(--color-tier-bronze)}.mmr-display__tier--silver{background-color:var(--color-tier-silver)}.mmr-display__tier--gold{background-color:var(--color-tier-gold)}.mmr-display__tier--plat{background-color:var(--color-interaction-primary)}.mmr-display__tier--diamond{background-color:var(--color-tier-diamond)}.mmr-display__tier--active{position:relative;background-color:var(--color-background-surface);background-image:var(--hatch-pattern)}.mmr-display__tier-fill{position:absolute;top:0;left:0;height:100%;background-color:inherit}.mmr-display__tier--bronze.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-bronze)}.mmr-display__tier--silver.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-silver)}.mmr-display__tier--gold.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-gold)}.mmr-display__tier--plat.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-interaction-primary)}.mmr-display__tier--diamond.mmr-display__tier--active .mmr-display__tier-fill{background-color:var(--color-tier-diamond)}.mmr-display__tier--future{background-color:var(--color-background-surface);background-image:var(--hatch-pattern)}.mmr-display__tier-labels{display:flex;gap:var(--segment-gap)}.mmr-display__tier-label{flex:1;text-align:center;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.04em}.mmr-display__tier-label--active{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.mmr-display--compact{padding:var(--space-loose);gap:var(--space-loose);min-width:var(--mmr-display-min-width-compact)}.mmr-display--compact .mmr-display__value{font-size:var(--font-size-display)}.mmr-display--compact .mmr-display__label,.mmr-display--compact .mmr-display__delta{font-size:var(--font-size-body)}.mmr-display--compact .mmr-display__tiers{height:var(--progress-height-thin)}.mmr-display--compact .mmr-display__tier-label{font-size:var(--font-size-tiny)}.morph-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-comfortable);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-background-page);white-space:nowrap;cursor:pointer;background:linear-gradient(0deg,var(--color-accent-muted) 0%,var(--color-accent) 100%);border:1px solid var(--color-accent-muted);border-radius:var(--radius-default);outline:none;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0000004d;transition:box-shadow var(--duration-default) var(--ease-out)}.morph-button:focus-visible{box-shadow:0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-accent)}.morph-button__content{display:flex;align-items:center;justify-content:center;gap:var(--space-tight)}.morph-button__text{display:inline-block}.morph-button__spinner{display:flex;align-items:center;justify-content:center;transform-origin:center}.morph-button__glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 20px var(--color-green-glow)}.morph-button.is-disabled{cursor:not-allowed}.morph-button--idle{background:linear-gradient(0deg,var(--color-accent-muted) 0%,var(--color-accent) 100%)}@media(hover:hover){.morph-button--idle:hover{background:linear-gradient(0deg,var(--color-accent) 0%,var(--color-accent-light) 100%);box-shadow:inset 0 1px #fff9,0 4px 8px #00000059}}.morph-button--loading{background:var(--color-accent-dim);border-color:var(--color-border-subtle);color:var(--color-accent);cursor:wait;box-shadow:none}[data-theme=light] .morph-button--loading{background:#2d313926;color:var(--color-accent)}.morph-button--success{background:linear-gradient(180deg,#3bba6a 0%,var(--color-green) 100%);border-color:#3bba6a;box-shadow:0 2px 6px #0006,0 0 20px var(--color-green-glow)}.morph-button--error{background:linear-gradient(180deg,var(--color-red-dark) 0%,var(--color-red) 100%);border-color:var(--color-red-dark);box-shadow:0 2px 6px #0006,0 0 16px var(--color-red-glow)}@media(hover:hover){.morph-button--error:hover{background:linear-gradient(180deg,var(--color-red) 0%,var(--color-red-light) 100%);box-shadow:0 4px 12px #00000080,0 0 20px var(--color-red-glow)}}.morph-button--teal.morph-button--idle{background:linear-gradient(180deg,var(--color-interaction-primary-pressed) 0%,var(--color-interaction-primary) 100%);border-color:var(--color-interaction-primary-pressed);color:var(--color-background-page)}@media(hover:hover){.morph-button--teal.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-interaction-primary) 0%,var(--color-interaction-primary) 100%)}}.morph-button--teal.morph-button--loading{background:var(--color-interaction-primary-tint);border-color:var(--color-interaction-primary);color:var(--color-interaction-primary)}.morph-button--green.morph-button--idle{background:linear-gradient(180deg,#3bba6a 0%,var(--color-green) 100%);border-color:#3bba6a}@media(hover:hover){.morph-button--green.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-green) 0%,#5ce890 100%);box-shadow:0 4px 12px #00000080}}.morph-button--green.morph-button--loading{background-color:var(--color-green-dim);color:var(--color-green)}[data-theme=light] .morph-button--green.morph-button--idle{background:linear-gradient(180deg,var(--color-green) 0%,#059669 100%);border-color:var(--color-green);color:var(--color-white)}.morph-button--subtle.morph-button--idle{background:linear-gradient(180deg,var(--color-background-card) 0%,var(--color-background-hover) 100%);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);box-shadow:0 2px 6px #0009}@media(hover:hover){.morph-button--subtle.morph-button--idle:hover{background:linear-gradient(180deg,var(--color-background-raised) 0%,var(--color-background-floating) 100%);border-color:var(--color-border-default);box-shadow:0 4px 12px #000000b3}}.morph-button--subtle.morph-button--loading{background-color:var(--color-background-surface);color:var(--color-text-secondary)}.morph-button--subtle.morph-button--success{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-background-page)}.morph-button--subtle.morph-button--error{background-color:var(--color-red);border-color:var(--color-red);color:var(--color-white)}.morph-button--compact{height:var(--button-height-compact);padding:0 var(--space-snug);font-size:var(--font-size-caption);border-radius:var(--radius-subtle)}.morph-button--large{height:var(--button-height-large);padding:0 var(--space-comfortable);font-size:var(--font-size-subhead);gap:var(--space-snug);border-radius:var(--radius-default)}[data-theme=light] .morph-button--idle{box-shadow:var(--shadow-subtle)}[data-theme=light] .morph-button--success{box-shadow:0 0 12px var(--color-green-dim)}[data-theme=light] .morph-button--error{box-shadow:0 0 12px var(--color-red-dim)}@media(prefers-reduced-motion:reduce){.morph-button{transition:none}.morph-button__spinner{animation:none}.morph-button__glow{display:none}}.native-bridge-test{min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-roomy)) var(--space-default) calc(var(--safe-area-inset-bottom) + var(--space-roomy));background:linear-gradient(180deg,var(--color-background-page),var(--color-background-inset)),var(--color-background-page);color:var(--color-text-primary)}.native-bridge-test__header{max-width:var(--layout-max-width-medium);margin:0 auto var(--space-loose)}.native-bridge-test__eyebrow{margin:0 0 var(--space-tight);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-interaction-primary)}.native-bridge-test__title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary)}.native-bridge-test__intro{margin:var(--space-tight) 0 0;font-size:var(--font-size-body-large);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__status-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);max-width:var(--layout-max-width-medium);margin:0 auto var(--space-default);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.native-bridge-test__status-copy{display:flex;align-items:center;gap:var(--space-default);min-width:0}.native-bridge-test__status-dot{width:var(--status-dot-size);height:var(--status-dot-size);flex:0 0 auto;border-radius:var(--radius-pill);box-shadow:0 0 0 4px var(--color-red-dim)}.native-bridge-test__status-dot--online{background-color:var(--color-green);box-shadow:0 0 0 4px var(--color-green-dim)}.native-bridge-test__status-dot--offline{background-color:var(--color-red)}.native-bridge-test__status-text{min-width:0}.native-bridge-test__status-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.native-bridge-test__status-detail{margin:var(--space-small) 0 0;font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__mock-button,.native-bridge-test__clear{-webkit-appearance:none;appearance:none;min-height:var(--button-height-default);padding:0 var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background-color:var(--color-background-raised);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.native-bridge-test__mock-button:disabled,.native-bridge-test__clear:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.native-bridge-test__mock-button:focus-visible,.native-bridge-test__clear:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.native-bridge-test__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight);max-width:var(--layout-max-width-medium);margin:0 auto var(--space-default)}.native-bridge-test__action{-webkit-appearance:none;appearance:none;display:flex;min-height:96px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--space-tight);padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);color:var(--color-text-primary);text-align:left;cursor:pointer;box-shadow:var(--shadow-elevation-1);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.native-bridge-test__action:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.native-bridge-test__action:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.native-bridge-test__action-title{font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.native-bridge-test__action-detail{font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.native-bridge-test__log{max-width:var(--layout-max-width-medium);margin:0 auto;padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card);background-color:var(--color-background-card);box-shadow:var(--shadow-elevation-1)}.native-bridge-test__log-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-default)}.native-bridge-test__log-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.native-bridge-test__empty{margin:0;padding:var(--space-loose);border:var(--border-width) dashed var(--color-border-emphasis);border-radius:var(--radius-large);color:var(--color-text-secondary);text-align:center}.native-bridge-test__log-list{display:flex;flex-direction:column;gap:var(--space-tight)}.native-bridge-test__log-entry{padding:var(--space-default);border:var(--border-width) solid var(--color-border-default);border-left:var(--border-width-thick) solid var(--color-border-emphasis);border-radius:var(--radius-large);background-color:var(--color-background-inset)}.native-bridge-test__log-entry--outbound{border-left-color:var(--color-interaction-primary)}.native-bridge-test__log-entry--inbound{border-left-color:var(--color-green)}.native-bridge-test__log-entry--error{border-left-color:var(--color-red)}.native-bridge-test__log-entry--system{border-left-color:var(--color-amber)}.native-bridge-test__log-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-tight);margin-bottom:var(--space-tight)}.native-bridge-test__log-label{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.native-bridge-test__log-time{flex:0 0 auto;font-family:var(--font-family-mono);font-size:var(--font-size-tiny);line-height:var(--line-height-tight);color:var(--color-text-tertiary)}.native-bridge-test__log-type,.native-bridge-test__log-request{min-width:0;padding:var(--space-micro) var(--space-hairline);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);background-color:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);line-height:var(--line-height-tight);overflow-wrap:anywhere}.native-bridge-test__payload{max-height:260px;margin:0;overflow:auto;padding:var(--space-tight);border-radius:var(--radius-rounded);background-color:var(--color-background-page);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-label);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:anywhere}@media(hover:hover){.native-bridge-test__mock-button:hover,.native-bridge-test__clear:hover{background-color:var(--color-background-hover)}.native-bridge-test__action:hover{border-color:var(--color-interaction-primary-border);background-color:var(--color-background-raised);transform:translateY(-1px)}}@media(max-width:560px){.native-bridge-test{padding-right:var(--space-tight);padding-left:var(--space-tight)}.native-bridge-test__status-panel{align-items:stretch;flex-direction:column}.native-bridge-test__actions{grid-template-columns:1fr}.native-bridge-test__log-meta{align-items:flex-start;flex-direction:column;gap:var(--space-small)}}.network-page{position:relative;min-height:100vh;padding:calc(var(--safe-area-inset-top) + var(--space-comfortable)) var(--space-default) calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom) + var(--space-roomy));color:var(--color-text-primary);background:var(--color-background-page)}.network-page__header{position:absolute;top:calc(var(--safe-area-inset-top) + var(--space-comfortable));left:var(--space-default);display:flex;align-items:center;justify-content:space-between;z-index:1}.network-page__back{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-large);height:var(--control-height-large);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card)}.network-page__back svg{width:var(--icon-size-large);height:var(--icon-size-large)}.network-page__status{display:flex;min-height:var(--space-generous);align-items:center;justify-content:center;gap:var(--space-tight);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold)}.network-page__status--error{flex-direction:column;text-align:center}.network-page__status-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-text-secondary)}.network-page__status--error .network-page__status-icon{color:var(--color-red)}.network-page__body{display:flex;flex-direction:column;gap:var(--space-loose)}.network-page__identity{display:flex;align-items:center;gap:var(--space-default);min-height:var(--control-height-large);padding-left:calc(var(--control-height-large) + var(--space-default))}.network-page__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--space-generous);height:var(--space-generous);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-teal-dim),var(--color-amber-dim));border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-pill)}.network-page__mark svg{width:var(--icon-size-xlarge);height:var(--icon-size-xlarge)}.network-page__copy{min-width:0}.network-page__title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-transform:uppercase;overflow-wrap:anywhere}.network-page__subtitle{margin:var(--space-small) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body-large)}.network-page__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-tight)}.network-page__stat{display:flex;min-height:var(--space-airy);flex-direction:column;justify-content:center;padding:var(--space-default);background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.network-page__stat strong{color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);line-height:var(--line-height-tight)}.network-page__stat span{color:var(--color-text-secondary);font-size:var(--font-size-label)}.network-page__actions{display:flex}.network-page__section{padding:var(--space-default);background:var(--color-background-inset);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card)}.network-page__section-title{margin:0 0 var(--space-default);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.network-page__members{display:flex;flex-wrap:wrap;gap:var(--space-tight)}.network-page__member{appearance:none;display:inline-flex;align-items:center;gap:var(--space-hairline);min-height:var(--button-height-compact);padding:0 var(--space-tight);color:var(--color-text-primary);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-decoration:none}.network-page__member--button{cursor:pointer}.network-page__member--button:hover{border-color:var(--color-border-strong);background:var(--color-background-elevated)}.network-page__member--button:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.network-page__member svg{width:var(--icon-size-small);height:var(--icon-size-small);color:var(--color-teal)}.network-page__empty{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.notifications-page{overflow:hidden;padding-bottom:0}.notifications-page--overlay{width:100%;height:100%;padding-bottom:0}.notifications-page__content{display:flex;height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));min-height:0;flex-direction:column;gap:var(--space-tight);overflow:hidden;padding-top:calc(var(--safe-area-inset-top) + var(--space-tight));padding-bottom:var(--space-default)}.notifications-page__content--overlay{height:100%;padding-bottom:var(--space-default)}.notifications-page__overlay{position:fixed;inset:0 0 calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom)) 0;z-index:var(--z-modal);display:flex;justify-content:flex-end;overflow:hidden}.notifications-page__overlay-scrim{-webkit-appearance:none;appearance:none;position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--color-black) 54%,transparent);cursor:pointer}.notifications-page__overlay-panel{position:relative;width:100%;max-width:none;height:100%;overflow:hidden;border-left:0;background:var(--color-background-page);box-shadow:var(--shadow-elevation-6);animation:notifications-page-slide-over-in var(--duration-default) var(--ease-out)}.notifications-page__header{display:grid;flex:0 0 auto;grid-template-columns:var(--control-height-default) minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding-block:var(--space-hairline)}.notifications-page__back{-webkit-appearance:none;appearance:none;display:inline-flex;width:var(--control-height-default);height:var(--control-height-default);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-rounded);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__back-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}.notifications-page__heading{min-width:0;display:flex;flex-direction:column;gap:0}.notifications-page__title-main{margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);text-overflow:ellipsis;white-space:nowrap}.notifications-page__subtitle{display:none}.notifications-page__new-count{display:inline-flex;min-height:var(--button-height-compact);align-items:center;justify-content:center;padding-inline:var(--space-tight);border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 58%,transparent);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-amber) 10%,var(--color-background-page));color:var(--color-amber);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.notifications-page__summary{display:none;grid-template-columns:repeat(3,1fr);gap:var(--space-tight)}.notifications-page__summary-item{display:flex;min-height:var(--control-height-large);flex-direction:column;justify-content:center;gap:var(--space-micro);padding:var(--space-tight) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 76%,transparent)}.notifications-page__summary-value{color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:1}.notifications-page__summary-label{color:var(--color-text-tertiary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:1;text-transform:uppercase}.notifications-page__body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-tight);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.notifications-page__body::-webkit-scrollbar{display:none}.notifications-page__list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:var(--space-tight);margin:0;padding:0 0 var(--space-default);list-style:none}.notifications-page__row{position:relative;display:grid;min-height:calc(var(--avatar-size-large) + var(--space-default) * 2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-default);overflow:hidden;padding:var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-card);background:var(--color-background-card);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__row:before{content:"";position:absolute;inset:0;pointer-events:none;background:transparent}.notifications-page__row--urgent{border-color:color-mix(in srgb,var(--color-amber) 32%,var(--color-border-emphasis));background:linear-gradient(180deg,color-mix(in srgb,var(--color-amber) 13%,transparent),transparent),var(--color-background-card)}.notifications-page__row--urgent:before{background:linear-gradient(90deg,var(--color-amber) 0,transparent var(--space-small))}.notifications-page__row--unread{border-color:var(--color-coral-border)}.notifications-page__row--unread:before{background:linear-gradient(90deg,var(--color-coral) 0,transparent var(--space-small))}.notifications-page__row.is-loading{opacity:.7}.notifications-page__avatar-wrap{position:relative;z-index:1;display:inline-flex}.notifications-page__copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-hairline)}.notifications-page__line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);min-width:0}.notifications-page__chip{display:inline-flex;min-height:var(--badge-height);align-items:center;justify-content:center;padding:var(--badge-padding-y) var(--badge-padding-x);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:var(--badge-line-height);text-transform:uppercase}.notifications-page__chip--urgent{border-color:color-mix(in srgb,var(--color-amber) 48%,transparent);background:color-mix(in srgb,var(--color-amber) 16%,transparent);color:var(--color-amber)}.notifications-page__chip--unread{border-color:color-mix(in srgb,var(--color-coral) 42%,transparent);background:var(--color-coral-dim);color:var(--color-coral)}.notifications-page__chip--seen{background:var(--color-background-surface)}.notifications-page__title{overflow:hidden;color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.notifications-page__time{color:var(--color-text-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:1;white-space:nowrap}.notifications-page__meta{margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.notifications-page__actions{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-tight)}.notifications-page__action{-webkit-appearance:none;appearance:none;display:inline-flex;min-width:86px;min-height:var(--button-height-default);align-items:center;justify-content:center;padding-inline:var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:transparent;color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:1;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.notifications-page__action--primary{border-color:color-mix(in srgb,var(--color-amber) 60%,transparent);background:color-mix(in srgb,var(--color-amber) 84%,var(--color-background-page));color:var(--color-black)}.notifications-page__action--secondary{min-width:72px;background:color-mix(in srgb,var(--color-background-surface) 72%,transparent);color:var(--color-text-secondary)}.notifications-page__action:disabled{cursor:not-allowed;opacity:.45}.notifications-page__row-icon{position:absolute;right:var(--space-default);bottom:var(--space-default);width:var(--icon-size-large);height:var(--icon-size-large);color:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent);opacity:.35}.notifications-page__state,.notifications-page__empty{display:flex;min-height:calc(var(--space-generous) + var(--space-airy));flex-direction:column;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-loose) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 42%,transparent);text-align:center}.notifications-page__empty{display:grid;min-height:calc(var(--control-height-large) + var(--space-loose));grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:stretch;column-gap:var(--space-default);row-gap:var(--space-hairline);text-align:left}.notifications-page__state-icon,.notifications-page__empty-icon{width:var(--icon-size-large);height:var(--icon-size-large);color:var(--color-amber)}.notifications-page__empty-icon{grid-row:1 / span 2}.notifications-page__state-icon{animation:notifications-page-spin var(--duration-slow) linear infinite}.notifications-page__state-copy,.notifications-page__empty-copy{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.notifications-page__empty-title{margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.notifications-page__back:active,.notifications-page__action:active{transform:scale(.97)}@media(hover:hover){.notifications-page__back:hover,.notifications-page__row:hover{border-color:var(--color-border-emphasis);background-color:var(--color-background-raised)}.notifications-page__action--primary:hover{background:var(--color-amber)}.notifications-page__action--secondary:hover{color:var(--color-text-primary)}}@media(max-width:560px){.notifications-page__content{padding-inline:var(--space-tight)}.notifications-page__row{grid-template-columns:auto minmax(0,1fr)}.notifications-page__actions{grid-column:1 / -1;justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.notifications-page__overlay-panel{animation:none}.notifications-page__back,.notifications-page__row,.notifications-page__action{transition:none}.notifications-page__state-icon{animation:none}.notifications-page__back:active,.notifications-page__action:active{transform:none}}@keyframes notifications-page-spin{to{transform:rotate(360deg)}}@keyframes notifications-page-slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}.pagination{display:flex;align-items:center;padding:var(--space-snug) var(--space-default);background-color:var(--color-background-card);border-top:var(--border-width) solid var(--color-border-default)}.pagination__page-size{display:flex;align-items:center;gap:var(--space-tight);margin-right:var(--space-default)}.pagination__page-size-label{font-size:var(--font-size-label);color:var(--color-text-secondary);white-space:nowrap}.pagination__page-size-trigger{height:var(--button-height-compact);min-width:auto;padding:0 var(--space-snug);padding-right:var(--space-loose);font-size:var(--font-size-label)}.pagination__button--first{margin-right:auto}.pagination__button--last{margin-left:auto}.pagination__center{display:flex;align-items:center;gap:var(--space-tight)}.pagination__arrow{-webkit-appearance:none;appearance:none;background:none;border:none;padding:var(--space-hairline);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}@media(hover:hover){.pagination__arrow:not(.pagination__arrow--disabled):hover{color:var(--color-text-primary)}}.pagination__arrow:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.pagination__arrow--disabled{opacity:.1;cursor:default;pointer-events:none}.pagination__pages{display:flex;align-items:center;gap:var(--space-tight)}.pagination__page{-webkit-appearance:none;appearance:none;background:none;border:none;padding:var(--space-hairline) var(--space-tight);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.pagination__page:hover{color:var(--color-text-primary)}}.pagination__page:focus-visible{outline:none;color:var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint)}.pagination__page:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.pagination__page--current{color:var(--color-interaction-primary);font-weight:var(--font-weight-semibold);pointer-events:none}.pagination__ellipsis{font-size:var(--font-size-body);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.pagination--disabled{opacity:var(--opacity-disabled);pointer-events:none}@media(prefers-reduced-motion:reduce){.pagination__button{transition:none}}.player-settings,.player-settings__trigger{color:var(--color-text-primary)}.player-settings__body{display:flex;flex-direction:column;gap:var(--space-loose);padding-top:var(--space-tight)}.player-settings__section{display:flex;flex-direction:column;gap:var(--space-default)}.player-settings__section-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.player-settings__account-actions{display:flex;flex-direction:column;gap:var(--space-snug)}.player-settings__action-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-hairline)}.player-settings__action-status{font-family:var(--font-family-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.player-settings__error{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-caption);color:var(--color-red)}.player-settings__theme-control{display:flex;justify-content:center}.player-settings__divider{width:100%;height:var(--border-width);background:var(--color-border-subtle)}.player-settings__action-button,.player-settings__action-button--danger{width:100%;justify-content:flex-start;border-radius:var(--radius-default);color:var(--color-text-primary);background:transparent}.player-settings__action-button--danger{color:var(--color-red);box-shadow:inset 0 0 0 var(--border-width) var(--color-red-border)}.player-settings__confirm{display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-default);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-default);background:var(--color-background-card)}.player-settings__confirm-title{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.player-settings__confirm-description{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.player-settings__confirm-actions{display:flex;gap:var(--space-snug);justify-content:flex-end}.player-settings__footer{border-top:0;padding-top:var(--space-tight)}.player-settings__cancel{min-height:54px;border-radius:var(--radius-default);font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}@media(hover:hover){.player-settings__action-button:hover{background:var(--color-background-card)}.player-settings__action-button--danger:hover{background:var(--color-red-dim);box-shadow:inset 0 0 0 var(--border-width) var(--color-red)}}.player-settings__cancel:focus-visible,.player-settings__trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(prefers-reduced-motion:reduce){.player-settings__action-button,.player-settings__action-button--danger{transition:none}}.popover-trigger--text{color:var(--color-text-primary);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-text-tertiary);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--duration-fast) var(--ease-default);margin:0 var(--space-micro);padding:0 var(--space-micro)}@media(hover:hover){.popover-trigger--text:hover{text-decoration-color:var(--color-interaction-primary)}}.popover-trigger--text:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px;border-radius:var(--radius-subtle)}.popover-trigger--icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px;padding:10px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){.popover-trigger--icon:hover{color:var(--color-text-primary);background-color:var(--color-background-hover)}}.popover-trigger--icon:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:-2px}.popover-trigger--icon svg{width:20px;height:20px}.popover__content{z-index:var(--z-popover);max-width:calc(100vw - var(--space-loose));transform-origin:var(--radix-popover-content-transform-origin)}.popover__panel{position:relative;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating);padding:var(--space-default);min-width:200px}.popover__content[data-state=closed] .popover__panel{animation:popover-exit var(--duration-fast) var(--ease-out) forwards}@keyframes popover-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popover__arrow{fill:var(--color-background-floating)}.popover__close{all:unset;position:absolute;top:var(--space-snug);right:var(--space-snug);width:24px;height:24px;padding:10px;margin:-10px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-subtle);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.popover__close:hover{color:var(--color-text-primary)}}.popover__close:focus-visible{outline:2px solid var(--color-interaction-primary);outline-offset:2px}.popover__close-icon{width:18px;height:18px}.popover__header{margin-bottom:var(--space-snug)}.popover__panel:has(.popover__close) .popover__header{padding-right:var(--space-roomy)}.popover__panel:has(.popover__close) .popover__title{padding-right:var(--space-loose)}.popover__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.popover__description{font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:var(--space-hairline) 0 0 0}.popover__body{font-size:var(--font-size-caption);color:var(--color-text-primary);line-height:var(--line-height-normal)}.popover__footer{display:flex;gap:var(--space-tight);justify-content:flex-end;margin-top:var(--space-default);padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle)}@media(max-width:480px){.popover__panel{padding:var(--space-comfortable);min-width:min(280px,calc(100vw - var(--space-roomy)))}}@media(prefers-reduced-motion:reduce){.popover__close{transition:none}.popover__content[data-state=closed] .popover__panel{animation:none}}.profile-background{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;pointer-events:none}.profile-background--hero{position:absolute;inset:0;z-index:0}.profile-background--hero:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 8%,transparent 0%,color-mix(in srgb,var(--color-background-page) 12%,transparent) 52%,color-mix(in srgb,var(--color-background-page) 28%,transparent) 100%),linear-gradient(180deg,color-mix(in srgb,var(--color-background-page) 6%,transparent) 0%,transparent 46%,color-mix(in srgb,var(--color-background-page) 58%,transparent) 78%,var(--color-background-page) 100%);pointer-events:none}.profile-background__conic{position:absolute;z-index:0;inset:-50px;background:var(--profile-background-conic);filter:blur(30px);transform-origin:center;animation:ph-conic-spin var(--profile-background-duration, 30s) linear infinite;will-change:transform}.profile-background__conic--static{animation:none;will-change:auto}.profile-background__texture,.profile-background__texture-sheet,.profile-background__grain{position:absolute;pointer-events:none}.profile-background__texture{z-index:1;inset:-20%;transform-origin:center;animation:ph-texture-drift var(--profile-background-texture-duration, 46s) var(--ease-in-out) infinite alternate;will-change:transform}.profile-background__texture--static{animation:none;transform:none;will-change:auto}.profile-background__texture-sheet{inset:0;width:100%;height:100%}.profile-background__grain{z-index:2;inset:0;width:100%;height:100%;opacity:.18;mix-blend-mode:overlay}.profile-background__content{position:relative;z-index:4;pointer-events:auto}@keyframes ph-conic-spin{to{transform:rotate(360deg)}}@keyframes ph-texture-drift{0%{transform:translate3d(var(--profile-background-texture-from-x, -6%),var(--profile-background-texture-from-y, 0%),0)}to{transform:translate3d(var(--profile-background-texture-to-x, 6%),var(--profile-background-texture-to-y, 0%),0)}}@media(prefers-reduced-motion:reduce){.profile-background__conic,.profile-background__texture{animation:none;transform:none;will-change:auto}}.profile-inbox{display:flex;flex-direction:column;gap:var(--space-snug)}.profile-inbox__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-tight)}.profile-inbox__summary-item{display:flex;flex-direction:column;gap:var(--space-micro);padding:var(--space-snug);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-default)}.profile-inbox__summary-value{font-family:var(--font-family-mono);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.profile-inbox__summary-label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.profile-inbox__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-tight)}.profile-inbox__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight);overflow:hidden;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);transition:transform var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.profile-inbox__item:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--space-micro);background:transparent}.profile-inbox__item--urgent{border-color:var(--color-red-border);background:color-mix(in srgb,var(--color-red-dim) 35%,var(--color-background-card))}.profile-inbox__item--urgent:before{background:var(--color-red)}.profile-inbox__item--unread{border-color:var(--color-interaction-primary-border)}.profile-inbox__item--with-art{background:linear-gradient(90deg,color-mix(in srgb,var(--color-background-page) 98%,transparent),color-mix(in srgb,var(--color-background-page) 94%,transparent) 34%,color-mix(in srgb,var(--color-background-page) 68%,transparent) 60%,color-mix(in srgb,var(--color-background-card) 48%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--color-background-page) 32%,transparent),color-mix(in srgb,var(--color-background-page) 58%,transparent)),var(--profile-inbox-art),var(--color-background-card);background-position:center;background-size:cover}.profile-inbox__item--unread:before{background:var(--color-interaction-primary)}@media(hover:hover){.profile-inbox__item:hover{border-color:var(--color-border-default);background:var(--color-background-surface)}}.profile-inbox__main{-webkit-appearance:none;appearance:none;min-width:0;display:grid;grid-template-columns:var(--control-height-compact) minmax(0,1fr);align-items:center;gap:var(--space-tight);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none;cursor:pointer}.profile-inbox__main:disabled{cursor:progress}.profile-inbox__main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline);border-radius:var(--radius-default)}.profile-inbox__main:active{transform:scale(.97)}.profile-inbox__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-compact);height:var(--control-height-compact);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-default)}.profile-inbox__item--with-art .profile-inbox__icon{background:color-mix(in srgb,var(--color-background-card) 76%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profile-inbox__item--urgent .profile-inbox__icon{color:var(--color-red);background:var(--color-red-dim)}.profile-inbox__icon-svg{width:var(--icon-size-default);height:var(--icon-size-default)}.profile-inbox__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.profile-inbox__kicker{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.profile-inbox__item--urgent .profile-inbox__kicker{color:var(--color-red)}.profile-inbox__headline{overflow:hidden;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.profile-inbox__meta{overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.profile-inbox__actions{display:inline-flex;align-items:center;gap:var(--space-tight);padding-right:var(--space-tight)}.profile-inbox__empty,.profile-inbox__hint{margin:0;padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center}.profile-inbox__hint{padding-top:0;font-size:var(--font-size-caption)}@media(max-width:560px){.profile-inbox__item{grid-template-columns:minmax(0,1fr) auto}.profile-inbox__actions{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){.profile-inbox__item,.profile-inbox__main{transition:none}.profile-inbox__main:active{transform:none}}.profile-legacy-tool{display:flex;flex-direction:column;height:calc(100vh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height) - var(--safe-area-inset-bottom));min-height:0;overflow:hidden;background:var(--color-background-page);color:var(--color-text-primary)}.profile-legacy-tool__header{display:grid;grid-template-columns:var(--space-airy) 1fr;align-items:center;gap:var(--space-snug);padding:max(var(--space-default),env(safe-area-inset-top)) var(--space-default) var(--space-default);border-bottom:var(--space-pixel) solid var(--color-border-emphasis);background:var(--color-background-page)}.profile-legacy-tool__back{display:inline-flex;width:var(--space-airy);height:var(--space-airy);align-items:center;justify-content:center;border:var(--space-pixel) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary)}.profile-legacy-tool__back-icon{width:var(--space-loose);height:var(--space-loose)}.profile-legacy-tool__title-group{min-width:0}.profile-legacy-tool__title{margin:0;overflow:hidden;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.profile-legacy-tool__subtitle{margin:var(--space-micro) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.profile-legacy-tool__frame-shell{display:flex;flex:1 1 auto;min-height:0;background:var(--color-background-card)}.profile-legacy-tool__frame{display:block;width:100%;height:100%;border:0;background:var(--color-background-page)}.profile-legacy-tool__blocked{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-default);padding:var(--space-roomy);text-align:center}.profile-legacy-tool__blocked-icon{width:var(--space-airy);height:var(--space-airy);color:var(--color-amber)}.profile-legacy-tool__blocked-title{max-width:18ch;margin:0;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.profile-legacy-tool__blocked-copy,.profile-legacy-tool__blocked-status{max-width:320px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.profile-legacy-tool__error{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-default);padding:var(--space-roomy);text-align:center}.profile-legacy-tool__error-icon{width:var(--space-airy);height:var(--space-airy);color:var(--color-red)}.profile-legacy-tool__error-title{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-bold)}.profile-legacy-tool__error-copy{max-width:320px;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-subheading);line-height:var(--line-height-normal)}.profile-legacy-tool__retry{display:inline-flex;min-height:var(--space-airy);align-items:center;justify-content:center;gap:var(--space-tight);padding:0 var(--space-comfortable);border:var(--space-pixel) solid var(--color-border-emphasis);border-radius:var(--radius-large);background:var(--color-background-card);color:var(--color-text-primary);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);text-decoration:none}.profile-wallet__content{gap:var(--space-comfortable)}.profile-wallet--overlay{width:100%;height:100%;padding-bottom:0}.profile-wallet__content--overlay{height:100%;min-height:0;overflow-y:auto;padding-bottom:var(--space-default)}.profile-wallet__overlay{position:fixed;inset:0 0 calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom)) 0;z-index:var(--z-modal);display:flex;justify-content:flex-end;overflow:hidden}.profile-wallet__overlay-scrim{-webkit-appearance:none;appearance:none;position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--color-black) 54%,transparent);cursor:pointer}.profile-wallet__overlay-panel{position:relative;width:100%;max-width:none;height:100%;overflow:hidden;background:var(--color-background-page);box-shadow:var(--shadow-elevation-6);animation:profile-wallet-slide-over-in var(--duration-default) var(--ease-out)}.profile-wallet__header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-default);margin:calc(-1 * var(--space-default)) calc(-1 * var(--space-default)) 0;padding:calc(var(--safe-area-inset-top) + var(--space-tight)) var(--space-default) var(--space-tight);border-bottom:1px solid var(--color-border-default);background:linear-gradient(180deg,var(--color-background-page),var(--color-background-page)),var(--color-background-page)}.profile-wallet__title-group{min-width:0;flex:1 1 auto}.profile-wallet__eyebrow{margin:0;color:var(--color-amber);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase}.profile-wallet__title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1}.profile-wallet__header-balance{min-width:96px;display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:center;padding:var(--space-tight) var(--space-snug);border:1px solid var(--color-amber-border);border-radius:var(--radius-large);background:radial-gradient(circle at top right,var(--color-amber-dim),transparent 72%),var(--color-background-raised)}.profile-wallet__header-balance-label{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.profile-wallet__header-balance-value{color:var(--color-amber);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:1}.profile-wallet__tabs{display:flex;flex:0 0 100%;gap:var(--space-hairline);overflow-x:visible;padding:var(--space-hairline) 0 var(--space-micro)}.profile-wallet__tab{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:var(--button-height-compact);flex:0 0 auto;padding:0 var(--space-tight);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-background-raised);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.profile-wallet__tab.is-active{border-color:var(--color-interaction-primary-border);background:var(--color-interaction-primary);color:var(--color-text-inverse)}.profile-wallet__tab:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.profile-wallet__tab-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-wallet__history{display:flex;flex-direction:column;gap:var(--space-default)}.profile-wallet__section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-default)}.profile-wallet__section-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.profile-wallet__section-note{color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.profile-wallet__transaction-list{display:flex;flex-direction:column;overflow:hidden;gap:0;margin:0;padding:0;border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-raised);box-shadow:var(--shadow-elevation-1);list-style:none}.profile-wallet__transaction{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);padding:var(--space-default);border-top:1px solid var(--color-border-subtle);background:var(--color-background-card)}.profile-wallet__transaction:first-child{border-top:0}.profile-wallet__transaction-main{min-width:0;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-micro)}.profile-wallet__transaction-label{color:var(--color-text-primary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold)}.profile-wallet__transaction-meta{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.profile-wallet__transaction-date{color:var(--color-text-tertiary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold)}.profile-wallet__transaction-amount{flex:0 0 auto;color:var(--color-green);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);white-space:nowrap}.profile-wallet__transaction-amount--debit{color:var(--color-red)}.profile-wallet__state,.profile-wallet__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight);padding:var(--space-spacious) var(--space-loose);border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-background-raised);text-align:center}.profile-wallet__state-icon,.profile-wallet__empty-icon{width:var(--icon-size-jumbo);height:var(--icon-size-jumbo);color:var(--color-interaction-primary)}.profile-wallet__state-icon--spinning{animation:profile-wallet-spin var(--duration-slow) linear infinite}.profile-wallet__state-title,.profile-wallet__empty-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold)}.profile-wallet__state-copy,.profile-wallet__empty-copy{max-width:32ch;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);line-height:1.45}@keyframes profile-wallet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes profile-wallet-slide-over-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.profile-wallet__overlay-panel,.profile-wallet__state-icon--spinning{animation:none}}@media(max-width:420px){.profile-wallet__header{gap:var(--space-tight)}.profile-wallet__header-balance{min-width:82px;padding-right:var(--space-tight);padding-left:var(--space-tight)}.profile-wallet__header-balance-value{font-size:var(--font-size-body-large)}}.progress-bar{width:100%;height:var(--progress-height-thick);background-color:#ffffff14;border-radius:var(--radius-sharp);overflow:hidden;position:relative}.progress-bar__fill{width:100%;height:100%;background-color:var(--color-interaction-primary);border-radius:var(--radius-sharp);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-default) var(--ease-default);position:relative}.progress-bar__track{position:absolute;inset:0}.progress-bar--thin{height:var(--progress-height-thin)}.progress-bar--medium{height:var(--progress-height-default)}.progress-bar--thick{height:var(--progress-height-thick)}.progress-bar--blue .progress-bar__fill,.progress-bar--teal .progress-bar__fill{background-color:var(--color-interaction-primary)}.progress-bar--green .progress-bar__fill{background-color:var(--color-green)}.progress-bar--amber .progress-bar__fill{background-color:var(--color-amber)}.progress-bar--red .progress-bar__fill{background-color:var(--color-red)}.progress-bar--coral .progress-bar__fill{background-color:var(--color-coral)}.progress-bar--accent .progress-bar__fill{background-color:var(--color-accent)}.progress-bar--live .progress-bar__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.45) 100%);animation:progress-bar-live-pulse 1.4s ease-in-out infinite;pointer-events:none}@keyframes progress-bar-live-pulse{0%,to{opacity:.4}50%{opacity:1}}.progress-bar--tier-markers{margin-top:12px;overflow:visible}.progress-bar__markers{position:absolute;top:-10px;left:0;right:0;height:8px;pointer-events:none}.progress-bar__marker{position:absolute;top:0;left:var(--x, 0);transform:translate(-50%);width:8px;height:8px;border-radius:var(--radius-pill);background-color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default)}.progress-bar__marker--reached{background-color:var(--color-interaction-primary)}.progress-bar--striped .progress-bar__track{background-color:var(--color-background-card);background-image:var(--hatch-pattern)}.progress-bar--animated-hatch .progress-bar__track{background-image:linear-gradient(-45deg,#2a2a2a 25%,#303030 25% 50%,#2a2a2a 50% 75%,#303030 75%);background-size:8px 8px;animation:hatch-march 1.2s linear infinite}@keyframes hatch-march{0%{background-position:0 0}to{background-position:8px 8px}}.progress-bar--striped-fill .progress-bar__fill{background:repeating-linear-gradient(-45deg,var(--color-interaction-primary),var(--color-interaction-primary) 4px,var(--color-interaction-primary-pressed) 4px,var(--color-interaction-primary-pressed) 8px)}.progress-bar--indeterminate .progress-bar__fill{width:30%;animation:indeterminate 1.5s infinite var(--ease-default)}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.progress-bar--glow{overflow:visible;margin-top:var(--space-hairline);margin-bottom:var(--space-hairline)}.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-interaction-primary-glow),0 0 var(--space-snug) 0 var(--color-interaction-primary-glow)}.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-interaction-primary-glow),0 0 var(--space-roomy) 0 var(--color-interaction-primary-glow)}.progress-bar--teal.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-interaction-primary-glow),0 0 var(--space-snug) 0 var(--color-interaction-primary-glow)}.progress-bar--teal.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-interaction-primary-glow),0 0 var(--space-roomy) 0 var(--color-interaction-primary-glow)}.progress-bar--green.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-green-glow),0 0 var(--space-snug) 0 var(--color-green-glow)}.progress-bar--green.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-green-glow-strong),0 0 var(--space-roomy) 0 var(--color-green-glow)}.progress-bar--amber.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-amber-glow),0 0 var(--space-snug) 0 var(--color-amber-glow)}.progress-bar--amber.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-amber-glow-strong),0 0 var(--space-roomy) 0 var(--color-amber-glow)}.progress-bar--red.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-red-glow),0 0 var(--space-snug) 0 var(--color-red-glow)}.progress-bar--red.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-red-glow-strong),0 0 var(--space-roomy) 0 var(--color-red-glow)}.progress-bar--coral.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-coral-glow),0 0 var(--space-snug) 0 var(--color-coral-glow)}.progress-bar--accent.progress-bar--glow .progress-bar__fill{box-shadow:0 0 var(--space-tight) var(--space-micro) var(--color-accent-glow),0 0 var(--space-snug) 0 var(--color-accent-glow)}.progress-bar--accent.progress-bar--complete .progress-bar__fill{box-shadow:0 0 var(--space-snug) var(--space-small) var(--color-accent-glow),0 0 var(--space-roomy) 0 var(--color-accent-glow)}@keyframes progress-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.progress-bar__fill--pulse{animation:progress-pulse .4s ease-out}[data-theme=light] .progress-bar{background-color:#0f141914}[data-theme=light] .progress-bar--live .progress-bar__fill:after{background:linear-gradient(to right,transparent 0%,rgba(0,0,0,.18) 100%)}@media(prefers-reduced-motion:reduce){.progress-bar__fill{transition:none}.progress-bar--indeterminate .progress-bar__fill{animation:none;width:100%;transform:none}.progress-bar__fill--pulse,.progress-bar--animated-hatch .progress-bar__track{animation:none}.progress-bar--live .progress-bar__fill:after{animation:none;opacity:.6}}.proportion-bar{display:flex;flex-direction:column;gap:var(--space-snug);max-width:280px}.proportion-bar__header{display:flex;align-items:baseline;gap:var(--space-tight)}.proportion-bar__label{font-family:var(--font-family-mono);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1}.proportion-bar__sublabel{font-family:var(--font-family);font-size:var(--font-size-label);color:var(--color-text-tertiary);line-height:1}.proportion-bar__track-wrapper{position:relative}.proportion-bar__track{display:flex;gap:var(--space-micro);overflow:hidden;border-radius:var(--radius-subtle);background-color:var(--color-background-surface-alt)}.proportion-bar__segment{min-width:3px;opacity:.85;transition:filter var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.proportion-bar__segment-percent{font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);color:#00000073;font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.proportion-bar__segment.is-highlighted{filter:brightness(1.15);opacity:1}.proportion-bar__segment.is-dimmed{opacity:.2}@media(hover:hover){.proportion-bar__segment:hover{filter:brightness(1.15);opacity:1}}.proportion-bar__tip{z-index:var(--z-popover);display:flex;align-items:center;gap:var(--space-tight);white-space:nowrap;background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);pointer-events:none}.proportion-bar__tip-label{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}.proportion-bar__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.proportion-bar__tip-percent{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.proportion-bar__tip-content{display:flex;align-items:center;gap:var(--space-tight);white-space:nowrap}.proportion-bar__legend{justify-content:flex-start}@media(prefers-reduced-motion:reduce){.proportion-bar__segment{transition:none}}@keyframes radio-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}75%{transform:translate(-50%,-50%) scale(.85)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes radio-pop-out{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.radio{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.radio__circle{position:relative;width:var(--radio-size);height:var(--radio-size);background-color:transparent;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out);flex-shrink:0}.radio:active:not(.radio--disabled) .radio__circle{transform:scale(.97)}.radio__dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:var(--radio-dot-size);height:var(--radio-dot-size);background-color:var(--color-background-page);border-radius:var(--radius-pill);opacity:0}.radio__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.radio--selected .radio__circle{border-color:var(--color-text-primary)}.radio--selected .radio__dot{transform:translate(-50%,-50%) scale(1);background-color:var(--color-text-primary);opacity:1;animation:radio-pop .25s var(--ease-out) forwards}.radio:not(.radio--selected) .radio__dot{animation:radio-pop-out .12s var(--ease-out) forwards}.radio--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.radio:focus-visible .radio__circle{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .radio--selected .radio__circle{background-color:var(--color-interaction-primary);border-color:var(--color-interaction-primary)}[data-theme=light] .radio--selected .radio__dot{background-color:var(--color-white)}@media(prefers-reduced-motion:reduce){.radio__circle,.radio__dot{transition:none;animation:none}.radio:active:not(.radio--disabled) .radio__circle{transform:none}.radio--selected .radio__dot,.radio:not(.radio--selected) .radio__dot{animation:none}.radio--selected .radio__dot{opacity:1;transform:translate(-50%,-50%) scale(1)}.radio:not(.radio--selected) .radio__dot{opacity:0;transform:translate(-50%,-50%) scale(0)}}.rank-card{display:flex;flex-direction:column;gap:var(--space-default);padding:var(--space-loose);background-color:var(--color-background-card);border-radius:var(--radius-subtle);border:var(--border-width) solid var(--color-border-default);overflow:hidden;max-width:var(--rank-card-max-width)}.rank-card__header{display:flex;align-items:center;gap:var(--space-default)}.rank-card__icon-container{display:flex;align-items:center;justify-content:center;width:var(--rank-icon-container-size);height:var(--rank-icon-container-size);background-color:var(--color-background-raised);border-radius:var(--radius-rounded);flex-shrink:0}.rank-card__icon{font-size:var(--font-size-hero);line-height:1}.rank-card__info{display:flex;flex-direction:column;gap:var(--space-tight);flex:1;min-width:0}.rank-card__season{font-family:var(--font-family);font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.rank-card__name{font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.rank-card__stars{display:flex;gap:var(--space-hairline)}.rank-card__star{font-size:var(--font-size-heading);line-height:1}.rank-card__star--filled{color:var(--color-amber)}.rank-card__star--empty{color:var(--color-text-disabled)}.rank-card--bronze .rank-card__icon,.rank-card--bronze .rank-card__name{color:var(--color-tier-bronze)}.rank-card--silver .rank-card__icon,.rank-card--silver .rank-card__name{color:var(--color-tier-silver)}.rank-card--gold .rank-card__icon,.rank-card--gold .rank-card__name{color:var(--color-tier-gold)}.rank-card--plat .rank-card__icon,.rank-card--plat .rank-card__name{color:var(--color-tier-plat)}.rank-card--diamond .rank-card__icon,.rank-card--diamond .rank-card__name{color:var(--color-tier-diamond)}.rank-card--bronze .progress-bar__fill{background-color:var(--color-tier-bronze)}.rank-card--silver .progress-bar__fill{background-color:var(--color-tier-silver)}.rank-card--gold .progress-bar__fill{background-color:var(--color-tier-gold)}.rank-card--plat .progress-bar__fill{background-color:var(--color-tier-plat)}.rank-card--diamond .progress-bar__fill{background-color:var(--color-tier-diamond)}.rank-card--compact{padding:var(--space-default);gap:var(--space-tight)}.rank-card--compact .rank-card__icon-container{width:var(--avatar-size-large);height:var(--avatar-size-large)}.rank-card--compact .rank-card__icon{font-size:var(--font-size-title)}.rank-card--compact .rank-card__name{font-size:var(--font-size-subheading)}.rating-chip{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);background:var(--color-background-card);font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.rating-chip__percent{font-variant-numeric:tabular-nums}.rating-chip--positive{color:var(--color-green);border-color:var(--color-green-dim)}.rating-chip--negative{color:var(--color-red);border-color:var(--color-red-dim)}.rating-chip--voted.rating-chip--positive{background:#22c55e1f;border-color:var(--color-green)}.rating-chip--voted.rating-chip--negative{background:#ef44441f;border-color:var(--color-red)}.rating-chip--prompt{border-style:dashed}.rating-chip--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(hover:hover){.rating-chip:hover:not(.rating-chip--disabled){background:var(--color-background-raised)}.rating-chip--positive:hover:not(.rating-chip--disabled){border-color:var(--color-green)}.rating-chip--negative:hover:not(.rating-chip--disabled){border-color:var(--color-red)}}.rating-chip__popover .popover__panel{min-width:auto;padding:var(--space-snug)}.rating-chip__prompt{margin:0 0 var(--space-tight) 0;font-size:var(--font-size-caption);color:var(--color-text-tertiary);text-align:center}.rating-chip__vote-buttons{display:flex;gap:var(--space-snug)}.rating-chip__vote-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default);background:var(--color-background-card);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.rating-chip__vote-btn--up.is-current{background:#22c55e1f;border-color:var(--color-green);color:var(--color-green)}.rating-chip__vote-btn--down.is-current{background:#ef44441f;border-color:var(--color-red);color:var(--color-red)}.rating-chip__vote-btn--up.is-success{background:var(--color-green);border-color:var(--color-green);color:var(--color-background-app)}.rating-chip__vote-btn--down.is-success{background:var(--color-red);border-color:var(--color-red);color:var(--color-background-app)}@media(hover:hover){.rating-chip__vote-btn:hover:not(.is-current){background:var(--color-background-raised);border-color:var(--color-border-strong)}.rating-chip__vote-btn--up:hover{color:var(--color-green)}.rating-chip__vote-btn--down:hover{color:var(--color-red)}}@media(prefers-reduced-motion:reduce){.rating-chip,.rating-chip__vote-btn{transition:none}}.relationship-page__content{display:flex;flex-direction:column;gap:var(--space-snug)}.relationship-page__back{-webkit-appearance:none;appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) 0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer}.relationship-page__back svg{width:var(--icon-size-default);height:var(--icon-size-default)}.relationship-page__back:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.relationship-page__hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-tight);padding:var(--space-snug);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card)}.relationship-page__identity{min-width:0}.relationship-page__eyebrow{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.relationship-page__title{margin:var(--space-hairline) 0 0;overflow-wrap:anywhere;font-size:var(--font-size-h1);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-normal)}.relationship-page__pill-row{display:flex;flex-wrap:wrap;gap:var(--space-hairline);margin-top:var(--space-tight)}.relationship-page__pill{display:inline-flex;align-items:center;min-height:var(--badge-height);padding:var(--badge-padding-y) var(--badge-padding-x);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-background-raised);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--badge-line-height)}.relationship-page__next-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon eyebrow action" "icon title action" "icon copy action";align-items:center;gap:var(--space-micro) var(--space-snug);padding:var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card);box-shadow:var(--shadow-card)}.relationship-page__next-card--urgent{border-color:var(--color-interaction-primary-border);background:linear-gradient(90deg,color-mix(in srgb,var(--color-interaction-primary-tint) 30%,transparent) 0%,transparent 45%),var(--color-background-card)}.relationship-page__next-card--result{border-color:var(--color-green-border)}.relationship-page__next-icon{grid-area:icon;width:var(--action-button-size-compact);height:var(--action-button-size-compact);padding:0;border-radius:var(--radius-default);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary);box-sizing:border-box}.relationship-page__next-card--urgent .relationship-page__next-icon{background:var(--color-red-dim);color:var(--color-red)}.relationship-page__next-card--result .relationship-page__next-icon{background:var(--color-green-dim);color:var(--color-green)}.relationship-page__next-label{grid-area:eyebrow;margin:0;color:var(--color-interaction-primary);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.relationship-page__next-title{grid-area:title;margin:0;color:var(--color-text-primary);font-size:var(--font-size-body-large);line-height:var(--line-height-tight)}.relationship-page__next-copy{grid-area:copy;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-page__next-action{grid-area:action;justify-self:end}.relationship-page__overview{display:flex;flex-direction:column;gap:var(--space-tight);padding:var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.relationship-page__overview-title{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.relationship-page__stat-grid{display:flex;flex-wrap:wrap;gap:var(--space-hairline);margin:0}.relationship-page__stat{min-width:0;display:inline-flex;align-items:baseline;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-tight);border-radius:var(--radius-rounded);background:var(--color-background-raised)}.relationship-page__stat dt{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.relationship-page__stat dd{margin:0;overflow-wrap:anywhere;color:var(--color-text-primary);font-family:var(--font-family-callout);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.relationship-page__section{display:flex;flex-direction:column;gap:var(--space-tight)}.relationship-page__section-title{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.relationship-page__card-list{display:grid;grid-template-columns:1fr;gap:var(--space-tight)}.relationship-page__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight) 0;border:var(--border-width) solid var(--color-border-subtle);border-width:0 0 var(--border-width);border-radius:0;background:transparent}.relationship-page__card:last-child{border-bottom:none}.relationship-page__card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--action-button-size-compact);height:var(--action-button-size-compact);border-radius:var(--radius-default);background:var(--color-background-raised);color:var(--color-interaction-primary)}.relationship-page__card-icon svg{width:var(--icon-size-small);height:var(--icon-size-small)}.relationship-page__card-body{min-width:0}.relationship-page__card-label{display:inline-flex;margin-bottom:var(--space-micro);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.relationship-page__card-headline{margin:0;color:var(--color-text-primary);font-size:var(--font-size-body-large);line-height:var(--line-height-tight)}.relationship-page__rivalry-leader{display:flex;flex-wrap:wrap;gap:var(--space-hairline);margin:var(--space-hairline) 0 0;color:var(--color-text-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.relationship-page__rivalry-leader span{color:var(--color-text-secondary)}.relationship-page__card-scoreline{margin:var(--space-hairline) 0 0;overflow:hidden;color:var(--color-text-secondary);font-family:var(--font-family-callout);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.relationship-page__meta-row{display:flex;flex-wrap:wrap;gap:var(--space-tight);margin-top:var(--space-hairline);color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.relationship-page__game-action{-webkit-appearance:none;appearance:none;align-self:center;min-height:var(--button-height-compact);padding:var(--space-hairline) var(--space-snug);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-pill);background:var(--color-background-raised);color:var(--color-interaction-primary);font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);cursor:pointer}.relationship-page__game-action:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.relationship-page__game-action:hover{border-color:var(--color-interaction-primary)}.relationship-page__timeline{list-style:none;display:flex;flex-direction:column;margin:0;padding:0;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background:var(--color-background-card)}.relationship-page__timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-tight);padding:var(--space-tight);border-bottom:var(--border-width) solid var(--color-border-subtle)}.relationship-page__timeline-item:last-child{border-bottom:none}.relationship-page__timeline-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height-compact);height:var(--control-height-compact);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-rounded);background:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.relationship-page__timeline-icon svg{width:var(--icon-size-small);height:var(--icon-size-small)}.relationship-page__timeline-item--return .relationship-page__timeline-icon{border-color:var(--color-amber-border);background:var(--color-amber-dim);color:var(--color-amber)}.relationship-page__timeline-item--sent .relationship-page__timeline-icon{border-color:var(--color-green-border);background:var(--color-green-dim);color:var(--color-green)}.relationship-page__timeline-item--raced .relationship-page__timeline-icon{border-color:var(--color-border-subtle);background:var(--color-background-raised);color:var(--color-text-secondary)}.relationship-page__timeline-body{min-width:0}.relationship-page__timeline-headline{margin:0;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-large);line-height:var(--line-height-tight)}.relationship-page__timeline-scoreline{margin:var(--space-hairline) 0 0;color:var(--color-text-secondary);font-family:var(--font-family-callout);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.relationship-page__timeline-meta{margin:var(--space-hairline) 0 0;color:var(--color-text-tertiary);font-size:var(--font-size-caption)}.relationship-page__timeline-side{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-tight)}.relationship-page__timeline-result{display:inline-flex;align-items:center;min-height:var(--button-height-compact);padding:var(--space-hairline) var(--space-snug);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background:var(--color-background-raised);color:var(--color-text-primary);font-family:var(--font-family-callout);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);white-space:nowrap}.relationship-page__timeline-action{-webkit-appearance:none;appearance:none;min-height:var(--button-height-compact);padding:var(--space-hairline) var(--space-snug);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-pill);background:var(--color-interaction-primary);color:var(--color-black);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);cursor:pointer}.relationship-page__timeline-action:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.relationship-page__status{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);min-height:45vh;color:var(--color-text-secondary)}.relationship-page__status--error{flex-direction:column;color:var(--color-red)}.relationship-page__spinner{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-interaction-primary);animation:relationship-page-spin 1s linear infinite}@keyframes relationship-page-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.relationship-page__hero{align-items:flex-start}.relationship-page__title{font-size:var(--font-size-h2)}.relationship-page__next-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon eyebrow action" "icon title action" "icon copy action"}.relationship-page__next-action{justify-self:end;margin-top:0}.relationship-page__overview{grid-template-columns:1fr}.relationship-page__stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relationship-page__card{grid-template-columns:auto minmax(0,1fr) auto}.relationship-page__timeline-item{grid-template-columns:auto minmax(0,1fr)}.relationship-page__timeline-side{grid-column:2;justify-content:flex-start}.relationship-page__game-action{grid-column:auto;justify-self:end}.relationship-page__card-list{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.relationship-page__spinner{animation:none}}.replay-page{position:fixed;top:0;left:0;right:0;bottom:calc(var(--bottom-nav-height) + var(--safe-area-inset-bottom));display:flex;flex-direction:column;background-color:var(--color-background-page);overflow:hidden;z-index:40}.is-iframe-nav-top .replay-page{top:calc(var(--bottom-nav-height) + var(--safe-area-inset-top));bottom:0}.replay-page--no-nav,.is-iframe-nav-top .replay-page--no-nav{bottom:var(--safe-area-inset-bottom);top:0}.replay-page__header{display:flex;align-items:center;gap:var(--space-default);padding:var(--space-default);padding-top:calc(var(--space-default) + var(--safe-area-inset-top));border-bottom:var(--border-width) solid var(--color-interaction-primary-border);border-left:3px solid var(--color-interaction-primary);background-color:var(--color-interaction-primary-tint)}.replay-page__back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-default);border:none;background:transparent;color:var(--color-text-primary)}@media(hover:hover){.replay-page__back:hover{background-color:var(--color-background-elevated)}}.replay-page__header-center{min-width:0;flex:1}.replay-page__title{display:flex;align-items:center;gap:var(--space-tight);min-width:0;font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.replay-page__subtitle{margin-top:2px;font-size:var(--font-size-caption);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__header-avatar{flex-shrink:0}.replay-page__header-meta{display:flex;align-items:center;gap:var(--space-tight);flex-wrap:wrap;min-width:0}.replay-page__owner-name{max-width:160px;font-size:var(--font-size-caption);color:var(--color-text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__meta-divider{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}.replay-page__input-trace-notice{margin-top:var(--space-tight);display:flex;align-items:flex-start;gap:var(--space-tight);flex-wrap:wrap}.replay-page__input-trace-notice-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.replay-page__input-trace-notice-line{font-size:var(--font-size-tiny);color:var(--color-text-secondary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.replay-page__frame-container{position:relative;flex:1;min-height:0;overflow:hidden;background-color:var(--color-background-page)}.replay-page__frame{position:absolute;inset:0;width:100%;height:100%;border:none;background-color:var(--color-background-page);overflow:hidden;-webkit-overflow-scrolling:touch}.replay-page__frame--read-only{pointer-events:none}.replay-page__tap-trace-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.replay-page__tap-trace-overlay-canvas{width:100%;height:100%;display:block}.replay-page__end-dialog-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.4}.replay-page__end-dialog-actions{display:flex;gap:var(--space-tight);flex-wrap:wrap;justify-content:flex-end}.replay-page__status{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-roomy);text-align:center}.replay-page__loader{color:var(--color-text-tertiary);margin-bottom:var(--space-default)}.replay-page__status-text{font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-tight)}.replay-page__status-detail{font-size:var(--font-size-body);color:var(--color-text-secondary);max-width:var(--layout-max-width-narrow)}.replay-page__error-message{font-size:var(--font-size-body);color:var(--color-text-primary);margin-bottom:var(--space-default)}.replay-page__error-actions{display:flex;gap:var(--space-tight);flex-wrap:wrap;justify-content:center}.replay-page__playback-controls{position:absolute;left:var(--space-default);right:var(--space-default);bottom:var(--space-default);display:flex;justify-content:center;pointer-events:none;z-index:2}.replay-page__playback-controls-surface{width:min(560px,100%);display:flex;flex-direction:column;gap:var(--space-tight);padding:var(--space-default);border-radius:var(--radius-large);border:var(--border-width) solid var(--color-border-subtle);background-color:var(--color-overlay-heavy);pointer-events:auto}.replay-page__playback-controls-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default)}.replay-page__playback-controls-buttons,.replay-page__playback-controls-meta{display:flex;align-items:center;gap:var(--space-tight)}.replay-page__playback-controls-button-label{margin-left:var(--space-hairline)}.replay-page__playback-controls-time{font-size:var(--font-size-tiny);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.replay-page__playback-controls-slider-row{width:100%}.replay-page__playback-controls-marker-track{position:relative;width:100%;height:var(--space-default);margin-bottom:var(--space-hairline)}.replay-page__playback-controls-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--space-loose);height:var(--space-loose);display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-interaction-primary)}.replay-page__playback-controls-marker--highlight{color:var(--color-interaction-primary)}.replay-page__playback-controls-marker--info{color:var(--color-blue)}.replay-page__playback-controls-marker--warning{color:var(--color-amber)}.replay-page__playback-controls-marker--error{color:var(--color-red)}@media(hover:hover){.replay-page__playback-controls-marker:hover:not(:disabled){background-color:var(--color-interaction-primary-tint)}.replay-page__playback-controls-marker--info:hover:not(:disabled){background-color:var(--color-blue-dim)}.replay-page__playback-controls-marker--warning:hover:not(:disabled){background-color:var(--color-amber-dim)}.replay-page__playback-controls-marker--error:hover:not(:disabled){background-color:var(--color-red-dim)}}.replay-page__playback-controls-marker:disabled{opacity:.6}.replay-page__playback-controls-marker:focus-visible{outline:none;box-shadow:var(--focus-ring-teal)}.replay-page__playback-controls-marker-dot{width:calc(var(--space-tight) + 2px);height:calc(var(--space-tight) + 2px);border-radius:var(--radius-pill);background-color:currentColor;box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-interaction-primary-glow)}.replay-page__playback-controls-marker--info .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-blue-glow)}.replay-page__playback-controls-marker--warning .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-amber-glow)}.replay-page__playback-controls-marker--error .replay-page__playback-controls-marker-dot{box-shadow:0 0 0 2px var(--color-overlay-heavy),0 0 10px var(--color-red-glow)}.replay-page__playback-controls-slider{width:100%}.replay-page__playback-controls-status-row{display:flex;align-items:center;gap:var(--space-tight);flex-wrap:wrap}.replay-page--small-embed .replay-page__frame-container{display:flex;flex-direction:column;justify-content:flex-end}.replay-page--preview-embed,.is-iframe-nav-top .replay-page--preview-embed{top:0;bottom:0;--replay-page-preview-cover-width-ratio: 16;--replay-page-preview-cover-height-ratio: 9;--replay-page-preview-cover-bleed-x: 172px;--replay-page-preview-cover-focus-y: 50%;--replay-page-preview-cover-pan-duration: 10s;background-color:transparent;pointer-events:none}body:has(.replay-page--preview-embed){background-color:transparent}.replay-page--preview-embed .replay-page__frame-container{display:block;background-color:transparent}.replay-page--preview-embed .replay-page__frame{background-color:transparent}.replay-page__frame--preview-cover{inset:50% auto auto 50%;width:max(calc(100vw + (var(--replay-page-preview-cover-bleed-x) * 2)),calc((100vh * var(--replay-page-preview-cover-width-ratio) / var(--replay-page-preview-cover-height-ratio)) + (var(--replay-page-preview-cover-bleed-x) * 2)));height:max(100vh,calc((100vw + (var(--replay-page-preview-cover-bleed-x) * 2)) * var(--replay-page-preview-cover-height-ratio) / var(--replay-page-preview-cover-width-ratio)));transform:translate(-50%,calc(-1 * var(--replay-page-preview-cover-focus-y)));transform-origin:center;animation:replay-page-preview-cover-pan var(--replay-page-preview-cover-pan-duration) var(--ease-in-out) infinite}@keyframes replay-page-preview-cover-pan{0%,to{transform:translate(-50%,-50vh)}50%{transform:translate(-50%,calc(50vh - 100%))}}@media(prefers-reduced-motion:reduce){.replay-page__frame--preview-cover{animation:none;transform:translate(-50%,calc(-1 * var(--replay-page-preview-cover-focus-y)))}}.replay-page--preview-embed .replay-page__preview-placeholder{width:100%;height:100%;background-color:transparent}.replay-page--preview-embed .replay-page__playback-controls{display:none}.replay-page--small-embed .replay-page__playback-controls{position:relative;left:auto;right:auto;bottom:auto;padding:var(--space-hairline)}.replay-page--small-embed .replay-page__playback-controls-surface{max-width:320px;padding:var(--space-tight) var(--space-tight) var(--space-hairline);gap:var(--space-hairline);background-color:transparent;border-color:transparent}.replay-page--small-embed .replay-page__playback-controls-top-row{gap:var(--space-tight)}.replay-page--small-embed .replay-page__playback-controls-buttons{gap:var(--space-tight);opacity:.8}.replay-page--small-embed .replay-page__playback-controls-buttons .button--outline{background-color:var(--color-overlay-heavy);box-shadow:inset 0 0 0 1.5px var(--color-border-emphasis)}.replay-page--small-embed .replay-page__playback-controls-button-label{display:none}.replay-page--small-embed .replay-page__playback-controls-marker-track{height:var(--space-tight);margin-bottom:0}.replay-page--small-embed .replay-page__playback-controls-slider-row{margin-top:0}@media(max-width:639px){.replay-page:not(.replay-page--small-embed) .replay-page__header{position:absolute;top:0;left:0;right:0;z-index:3;align-items:flex-start;gap:var(--space-snug);padding:calc(var(--space-snug) + var(--safe-area-inset-top)) var(--space-snug) 0;border:none;background:linear-gradient(180deg,#141414f0,#141414b3 56%,#14141400);pointer-events:none}.replay-page:not(.replay-page--small-embed) .replay-page__back,.replay-page:not(.replay-page--small-embed) .replay-page__header-center{pointer-events:auto}.replay-page:not(.replay-page--small-embed) .replay-page__back{width:40px;height:40px;flex:0 0 40px;border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-large);background-color:#111113b8;box-shadow:0 14px 32px #00000038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.replay-page:not(.replay-page--small-embed) .replay-page__header-center{padding:var(--space-tight) var(--space-snug);border:var(--border-width) solid var(--color-interaction-primary-border);border-radius:var(--radius-large);background:linear-gradient(180deg,#111113d6,#111113b8);box-shadow:0 18px 40px #00000038;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.replay-page:not(.replay-page--small-embed) .replay-page__title{align-items:center;gap:var(--space-tight);font-size:var(--font-size-body-large);line-height:var(--line-height-tight)}.replay-page:not(.replay-page--small-embed) .replay-page__header-meta{margin-top:var(--space-hairline);gap:var(--space-small)}.replay-page:not(.replay-page--small-embed) .replay-page__owner-name,.replay-page:not(.replay-page--small-embed) .replay-page__subtitle{font-size:var(--font-size-label)}.replay-page:not(.replay-page--small-embed) .replay-page__owner-name{max-width:100%}.replay-page:not(.replay-page--small-embed) .replay-page__input-trace-notice{margin-top:var(--space-tight);gap:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls{left:var(--space-snug);right:var(--space-snug);bottom:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-surface{width:100%;gap:var(--space-snug);padding:var(--space-snug);border-color:var(--color-interaction-primary-border);background:linear-gradient(180deg,#111113e0,#111113c2);box-shadow:0 20px 44px #00000047;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-top-row{align-items:flex-start;gap:var(--space-snug)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-buttons{flex:1;min-width:0}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-meta{flex-shrink:0;padding:var(--space-hairline) var(--space-tight);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);background-color:#ffffff0a}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-time{color:var(--color-text-secondary)}.replay-page:not(.replay-page--small-embed) .replay-page__playback-controls-marker-track{margin-bottom:var(--space-small)}}.retained-play-host{position:fixed;inset:0;background:var(--color-background-page);pointer-events:none;visibility:hidden}.retained-play-host--visible{pointer-events:auto;visibility:visible}.retained-play-host--hidden{pointer-events:none;visibility:hidden}.retained-play-host--pending-route-sync{pointer-events:none;visibility:visible}.retained-play-host__surface{width:100%;height:100%;opacity:1;transition:opacity var(--duration-fast) var(--ease-out)}.retained-play-host__surface--suppressed{opacity:0}@media(prefers-reduced-motion:reduce){.retained-play-host__surface{transition-duration:0ms}}.retention-curve{width:100%;position:relative}.retention-curve__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-snug);gap:var(--space-tight)}.retention-curve__title{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.retention-curve__controls{display:flex;gap:var(--space-tight);flex-shrink:0}.retention-curve__toggle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-hairline);padding:var(--space-hairline) var(--space-snug);border:1px solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);cursor:pointer;white-space:nowrap;transition:border-color var(--duration-default) var(--ease-out),color var(--duration-default) var(--ease-out)}.retention-curve__toggle:focus-visible{box-shadow:var(--focus-ring)}.retention-curve__toggle-dot{width:6px;height:6px;border-radius:var(--radius-pill);flex-shrink:0}.retention-curve__toggle--active{color:var(--color-text-primary);border-color:var(--color-border-emphasis)}.retention-curve__chart{width:100%;position:relative;isolation:isolate}.retention-curve__chart svg{display:block;width:100%;height:100%}.retention-curve__chart svg>text[text-anchor=end]{display:none}.retention-curve__chart [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.retention-curve__chart [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-normal)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.retention-curve__chart [aria-label=x-axis]>line,.retention-curve__chart [aria-label=y-axis]>line{display:none}.retention-curve__chart [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.retention-curve__chart path[stroke]{stroke-linecap:round;stroke-linejoin:round}.retention-curve__chart circle{transition:r var(--duration-fast) var(--ease-default);cursor:pointer}@media(hover:hover)and (pointer:fine){.retention-curve__chart circle:hover{r:6}}.retention-curve__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.retention-curve__ref-line--visible{opacity:1}.retention-curve__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-tight);background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out);z-index:1}.retention-curve__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.retention-curve__tip-swatch{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.retention-curve__tip-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.retention-curve__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.retention-curve__legend{margin-top:var(--space-snug)}.retention-curve--empty{display:flex;align-items:center;justify-content:center}.retention-curve__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.retention-curve__benchmark-visibility{padding-bottom:var(--space-default);margin-bottom:var(--space-default);border-bottom:1px solid var(--color-border-subtle)}.retention-curve__benchmark-days{display:flex;flex-direction:column;gap:var(--space-snug)}.retention-curve__benchmark-row{display:flex;align-items:center;gap:var(--space-tight)}.retention-curve__benchmark-day{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:40px;flex-shrink:0;font-variant-numeric:tabular-nums}.retention-curve__benchmark-slider{flex:1;min-width:0}.retention-curve__benchmark-input{width:60px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}.retention-curve__benchmark-unit{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);color:var(--color-text-tertiary);flex-shrink:0}.retention-curve__benchmark-remove-spacer{width:24px;flex-shrink:0}.retention-curve__benchmark-remove{all:unset;box-sizing:border-box;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-subheading);color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-subtle);transition:color var(--duration-fast) var(--ease-out)}@media(hover:hover){.retention-curve__benchmark-remove:hover{color:var(--color-red)}}.retention-curve__benchmark-remove:focus-visible{box-shadow:var(--focus-ring)}.retention-curve__benchmark-add{display:flex;align-items:center;gap:var(--space-tight);margin-top:var(--space-default);padding-top:var(--space-default);border-top:1px solid var(--color-border-subtle)}.retention-curve__benchmark-add-prefix{font-family:var(--font-family-mono);font-size:var(--font-size-body-small);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.retention-curve__benchmark-add-input{width:60px;flex-shrink:0;text-align:center}.retention-curve__benchmark-input,.retention-curve__benchmark-add-input{-moz-appearance:textfield}.retention-curve__benchmark-input::-webkit-inner-spin-button,.retention-curve__benchmark-input::-webkit-outer-spin-button,.retention-curve__benchmark-add-input::-webkit-inner-spin-button,.retention-curve__benchmark-add-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-theme=light] .retention-curve__chart [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .retention-curve__chart [aria-label=y-axis] text{fill:var(--color-text-disabled)}[data-theme=light] .retention-curve__toggle{border-color:var(--color-border-default)}[data-theme=light] .retention-curve__toggle--active{border-color:var(--color-border-emphasis)}@media(prefers-reduced-motion:reduce){.retention-curve__chart circle{transition:none}.retention-curve__ref-line,.retention-curve__tip,.retention-curve__toggle,.retention-curve__benchmark-remove{transition:none}}.retention-heatmap{width:100%;position:relative}.retention-heatmap__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-snug);gap:var(--space-tight)}.retention-heatmap__title{font-family:var(--font-family-mono);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.retention-heatmap__controls{display:flex;gap:var(--space-tight);flex-shrink:0}.retention-heatmap__chart{width:100%;position:relative;isolation:isolate}.retention-heatmap__chart svg{display:block;width:100%;height:100%}.retention-heatmap__chart svg>text[text-anchor=end]{display:none}.retention-heatmap__chart [aria-label=x-axis] text{font-family:var(--font-family)!important;font-size:var(--font-size-label)!important;font-weight:var(--font-weight-medium)!important;fill:var(--color-text-secondary)!important;letter-spacing:.02em}.retention-heatmap__chart [aria-label=y-axis] text{font-family:var(--font-family-mono)!important;font-size:var(--font-size-caption)!important;font-weight:var(--font-weight-normal)!important;fill:var(--color-text-disabled)!important;font-variant-numeric:tabular-nums}.retention-heatmap__chart [aria-label=x-axis]>line,.retention-heatmap__chart [aria-label=y-axis]>line{display:none}.retention-heatmap__chart [aria-label=y-grid] line{stroke:var(--color-text-disabled)!important;stroke-opacity:var(--opacity-disabled)!important;stroke-dasharray:8 3!important}.retention-heatmap__chart path[stroke]{stroke-linecap:round;stroke-linejoin:round;transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__chart path[fill]{transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__chart circle{transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__ref-line{position:absolute;height:1px;border-top:1px dashed var(--color-text-tertiary);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--duration-default) var(--ease-out)}.retention-heatmap__ref-line--visible{opacity:1}.retention-heatmap__tip{position:absolute;top:0;left:0;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:var(--space-tight);background:var(--color-background-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-default);padding:var(--space-tight) var(--space-snug);margin-top:calc(-1 * var(--space-tight));transform:translate(-50%,-100%) translateY(var(--space-hairline)) scale(.96);opacity:0;transition:opacity var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out);z-index:1}.retention-heatmap__tip--visible{transform:translate(-50%,-100%) translateY(0) scale(1);opacity:1}.retention-heatmap__tip-swatch{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.retention-heatmap__tip-label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-secondary)}.retention-heatmap__tip-value{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.retention-heatmap--empty{display:flex;align-items:center;justify-content:center}.retention-heatmap__empty-text{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}[data-theme=light] .retention-heatmap__chart [aria-label=x-axis] text{fill:var(--color-text-secondary)}[data-theme=light] .retention-heatmap__chart [aria-label=y-axis] text{fill:var(--color-text-disabled)}@media(prefers-reduced-motion:reduce){.retention-heatmap__chart path[stroke],.retention-heatmap__chart path[fill],.retention-heatmap__chart circle,.retention-heatmap__ref-line,.retention-heatmap__tip{transition:none}}.retention-table{margin-top:var(--space-default)}.retention-table__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.retention-table__inner{display:table;width:100%;border-collapse:separate;border-spacing:2px}.retention-table__header{display:table-row}.retention-table__row{display:table-row;cursor:default;transition:opacity var(--duration-fast) var(--ease-out)}.retention-table__row--average .retention-table__cohort-name{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.retention-table__row--average .retention-table__cell--heat{font-weight:var(--font-weight-bold)}.retention-table__cell{display:table-cell;padding:var(--space-hairline) var(--space-tight);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;text-align:center;vertical-align:middle;color:var(--color-text-secondary);white-space:nowrap}.retention-table__cell--header{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);padding-bottom:var(--space-tight)}.retention-table__cell--heat{border-radius:var(--radius-subtle);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.retention-table__cohort-label{display:table-cell;padding:var(--space-hairline) var(--space-default) var(--space-hairline) 0;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;vertical-align:middle;white-space:nowrap}.retention-table__cohort-swatch{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);margin-right:var(--space-tight);vertical-align:middle;flex-shrink:0}.retention-table__cohort-name{vertical-align:middle}.retention-table__row.is-dimmed{opacity:.2}.retention-table__row.is-highlighted{opacity:1}@media(hover:hover){.retention-table__row:hover{opacity:1}}.retention-table--dense{margin-top:var(--space-tight)}.retention-table--dense .retention-table__inner{border-spacing:1px}.retention-table--dense .retention-table__cell{padding:2px var(--space-hairline);font-size:var(--font-size-tiny)}.retention-table--dense .retention-table__cell--header{padding-bottom:var(--space-hairline);font-size:var(--font-size-tiny);text-transform:uppercase}.retention-table--dense .retention-table__cohort-label{padding:2px var(--space-tight) 2px 0;font-size:var(--font-size-caption)}.retention-table--dense .retention-table__cohort-swatch{width:6px;height:6px;margin-right:var(--space-hairline)}@media(prefers-reduced-motion:reduce){.retention-table__row{transition:none}}.review-card{display:flex;flex-direction:column;padding:var(--space-default);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);content-visibility:auto;contain-intrinsic-size:auto 200px;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card:hover{border-color:var(--color-border-emphasis)}.review-card--recommended:hover{box-shadow:-4px 0 12px var(--color-interaction-primary-glow)}.review-card--not-recommended:hover{box-shadow:-4px 0 12px var(--color-red-glow)}}.review-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-default);margin-bottom:var(--space-snug)}.review-card__author{display:flex;align-items:center;gap:var(--space-snug);min-width:0;flex:1}.review-card__avatar{flex-shrink:0}.review-card__author-info{display:flex;flex-direction:column;gap:var(--space-micro);min-width:0}.review-card__name{font-family:var(--font-family-display);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-card__playtime{display:flex;align-items:center;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.review-card__playtime svg{width:11px;height:11px;opacity:.7}.review-card__verdict{display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);border-radius:var(--radius-default);flex-shrink:0}.review-card__verdict-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.review-card__verdict-icon{flex-shrink:0;width:18px;height:18px}.review-card__verdict-label{font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);line-height:1}.review-card__verdict--positive{color:var(--color-interaction-primary);background:linear-gradient(135deg,var(--color-interaction-primary-tint) 0%,rgba(59,143,242,.05) 100%);border:var(--border-width) solid var(--color-interaction-primary-border);box-shadow:0 0 0 1px var(--color-interaction-primary-border),0 0 16px var(--color-interaction-primary-glow)}.review-card__verdict--negative{color:var(--color-red);background:linear-gradient(135deg,var(--color-red-dim) 0%,rgba(248,113,113,.05) 100%);border:var(--border-width) solid var(--color-red-border);box-shadow:0 0 0 1px var(--color-red-border),0 0 16px var(--color-red-glow)}.review-card__body{display:flex;flex-direction:column;gap:var(--space-snug);margin-bottom:var(--space-default)}.review-card__text{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin:0;white-space:pre-wrap;word-break:break-word}.review-card__expand{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:0;background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-interaction-primary);cursor:pointer;align-self:flex-start;transition:color var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card__expand:hover{color:var(--color-interaction-primary-pressed)}}.review-card__expand:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset);border-radius:var(--radius-subtle)}.review-card__expand-icon{display:flex}.review-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-default);flex-wrap:wrap;padding-top:var(--space-snug);border-top:var(--border-width) solid var(--color-border-subtle)}.review-card__date{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-disabled);font-variant-numeric:tabular-nums}.review-card__helpful{display:flex;align-items:center;gap:var(--space-snug);flex-wrap:wrap;margin-left:auto}.review-card__helpful-count{font-family:var(--font-family-mono);font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.review-card__helpful-actions{display:flex;align-items:center;gap:var(--space-tight);padding-left:var(--space-tight);border-left:var(--border-width) solid var(--color-border-subtle)}.review-card__helpful-label{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-normal)}.review-card__helpful-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-hairline);min-width:44px;min-height:32px;padding:var(--space-hairline) var(--space-tight);background-color:var(--color-background-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){.review-card__helpful-btn:hover{background-color:var(--color-background-hover);border-color:var(--color-border-emphasis)}.review-card__helpful-btn--yes:hover{color:var(--color-interaction-primary);border-color:var(--color-interaction-primary-border);background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-glow)}.review-card__helpful-btn--no:hover{color:var(--color-red);border-color:var(--color-red-border);background-color:var(--color-red-dim);box-shadow:0 0 8px var(--color-red-glow)}.review-card__helpful-btn--funny:hover{color:var(--color-amber);border-color:var(--color-amber-border);background-color:var(--color-amber-dim);box-shadow:0 0 8px var(--color-amber-glow)}}.review-card__helpful-btn:focus-visible{outline:var(--outline-width) solid var(--color-accent-muted);outline-offset:var(--outline-offset)}.review-card__helpful-btn svg{width:14px;height:14px}.review-card__helpful-btn--yes.is-voted{color:var(--color-interaction-primary);border-color:var(--color-interaction-primary-border);background-color:var(--color-interaction-primary-tint);box-shadow:0 0 8px var(--color-interaction-primary-glow)}.review-card__helpful-btn--no.is-voted{color:var(--color-red);border-color:var(--color-red-border);background-color:var(--color-red-dim)}.review-card__helpful-btn--funny.is-voted{color:var(--color-amber);border-color:var(--color-amber-border);background-color:var(--color-amber-dim);box-shadow:0 0 8px var(--color-amber-glow)}.review-card-list{display:flex;flex-direction:column;gap:var(--space-default)}.review-card--recommended{border-left:3px solid var(--color-interaction-primary)}.review-card--not-recommended{border-left:3px solid var(--color-red)}.review-card--featured{background-color:var(--color-background-raised);border-color:var(--color-border-emphasis);padding:var(--space-loose)}.review-card--featured .review-card__name{font-size:var(--font-size-body-large)}.review-card--featured .review-card__text{font-size:var(--font-size-body-large);color:var(--color-text-primary)}.review-card--featured .review-card__verdict{padding:var(--space-snug) var(--space-default)}.review-card--featured .review-card__verdict-icon{width:20px;height:20px}.review-card--featured .review-card__verdict-label{font-size:var(--font-size-label)}.review-card--skeleton{pointer-events:none}.review-card--skeleton .skeleton{background:linear-gradient(90deg,var(--color-background-surface) 25%,var(--color-background-surface-alt) 50%,var(--color-background-surface) 75%);background-size:200% 100%;animation:review-card-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-subtle)}.review-card--skeleton .skeleton--text{height:14px;margin-bottom:var(--space-tight)}.review-card--skeleton .skeleton--text:last-child{margin-bottom:0}.review-card--skeleton .skeleton--circle{width:var(--avatar-size-compact);height:var(--avatar-size-compact);border-radius:var(--radius-pill)}@keyframes review-card-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .review-card__verdict--positive{color:var(--color-green);background:linear-gradient(135deg,var(--color-green-dim) 0%,rgba(5,150,105,.05) 100%);border-color:var(--color-green-border);box-shadow:0 0 0 1px var(--color-green-border),0 0 16px var(--color-green-glow)}[data-theme=light] .review-card--recommended{border-left-color:var(--color-green)}[data-theme=light] .review-card__expand{color:var(--color-interaction-primary)}@media(hover:hover){[data-theme=light] .review-card__expand:hover{color:var(--color-interaction-primary-pressed)}[data-theme=light] .review-card--recommended:hover{box-shadow:-4px 0 12px var(--color-green-glow)}[data-theme=light] .review-card__helpful-btn--yes:hover{color:var(--color-green);border-color:var(--color-green-border);background-color:var(--color-green-dim);box-shadow:0 0 8px var(--color-green-glow)}}[data-theme=light] .review-card__helpful-btn--yes.is-voted{color:var(--color-green);border-color:var(--color-green-border);background-color:var(--color-green-dim);box-shadow:0 0 8px var(--color-green-glow)}@media(prefers-reduced-motion:reduce){.review-card,.review-card__expand,.review-card__helpful-btn{transition:none}.review-card--skeleton .skeleton{animation:none}}.review-sentiment{display:inline-flex;align-items:baseline;gap:var(--space-tight);font-family:var(--font-family)}.review-sentiment__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;top:2px}.review-sentiment__icon--double{padding-right:6px}.review-sentiment__icon-echo{position:absolute;left:5px;top:4px;fill:var(--color-background-card)}.review-sentiment__label{font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.review-sentiment__stats{display:flex;align-items:baseline;gap:var(--space-hairline);font-family:var(--font-family-mono);font-size:var(--font-size-label);line-height:1;font-variant-numeric:tabular-nums}.review-sentiment__percentage{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.review-sentiment__count{font-weight:var(--font-weight-normal);color:var(--color-text-disabled);font-size:var(--font-size-caption)}.review-sentiment--overwhelmingly-positive .review-sentiment__icon,.review-sentiment--overwhelmingly-positive .review-sentiment__label{color:var(--color-amber)}.review-sentiment--overwhelmingly-positive .review-sentiment__label{text-shadow:0 0 8px var(--color-amber-glow),0 0 20px var(--color-amber-glow),0 0 40px var(--color-amber-dim)}.review-sentiment--overwhelmingly-positive .review-sentiment__icon{filter:drop-shadow(0 0 4px var(--color-amber-glow))}.review-sentiment--very-positive .review-sentiment__icon,.review-sentiment--very-positive .review-sentiment__label{color:var(--color-interaction-primary)}.review-sentiment--very-positive .review-sentiment__label{text-shadow:0 0 16px var(--color-interaction-primary-glow)}.review-sentiment--positive .review-sentiment__icon,.review-sentiment--positive .review-sentiment__label{color:var(--color-interaction-primary)}.review-sentiment--mostly-positive .review-sentiment__icon,.review-sentiment--mostly-positive .review-sentiment__label{color:var(--color-green)}.review-sentiment--mixed .review-sentiment__icon,.review-sentiment--mixed .review-sentiment__label{color:var(--color-cream)}.review-sentiment--mostly-negative .review-sentiment__icon,.review-sentiment--mostly-negative .review-sentiment__label{color:var(--color-red-light)}.review-sentiment--negative .review-sentiment__icon,.review-sentiment--negative .review-sentiment__label,.review-sentiment--very-negative .review-sentiment__icon,.review-sentiment--very-negative .review-sentiment__label,.review-sentiment--overwhelmingly-negative .review-sentiment__icon,.review-sentiment--overwhelmingly-negative .review-sentiment__label{color:var(--color-red)}.review-sentiment--compact{gap:var(--space-hairline)}.review-sentiment--compact .review-sentiment__icon{top:1px}.review-sentiment--compact .review-sentiment__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.review-sentiment--compact .review-sentiment__stats{font-size:var(--font-size-caption)}.review-sentiment--compact .review-sentiment__count{font-size:var(--font-size-tiny)}.review-sentiment--large{gap:var(--space-snug)}.review-sentiment--large .review-sentiment__icon{top:3px}.review-sentiment--large .review-sentiment__label{font-size:var(--font-size-heading);letter-spacing:-.01em}.review-sentiment--large .review-sentiment__stats{font-size:var(--font-size-body)}.review-sentiment--large .review-sentiment__count{font-size:var(--font-size-label)}.review-sentiment-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-subtle);position:relative;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.review-sentiment-badge--double{width:28px}.review-sentiment-badge__echo{position:absolute;left:4px;top:3px;fill:var(--color-background-card)}@media(hover:hover){.review-sentiment-badge:hover{transform:scale(1.1)}.review-sentiment-badge--overwhelmingly-positive:hover{box-shadow:0 0 12px var(--color-amber-glow)}.review-sentiment-badge--very-positive:hover{box-shadow:0 0 12px var(--color-interaction-primary-glow)}.review-sentiment-badge--positive:hover,.review-sentiment-badge--mostly-positive:hover{box-shadow:0 0 12px var(--color-green-glow)}.review-sentiment-badge--mixed:hover{box-shadow:0 0 12px var(--color-cream-glow)}.review-sentiment-badge--mostly-negative:hover,.review-sentiment-badge--negative:hover,.review-sentiment-badge--very-negative:hover,.review-sentiment-badge--overwhelmingly-negative:hover{box-shadow:0 0 12px var(--color-red-glow)}}.review-sentiment-badge--overwhelmingly-positive{color:var(--color-amber);background-color:var(--color-amber-dim)}.review-sentiment-badge--very-positive{color:var(--color-interaction-primary);background-color:var(--color-interaction-primary-tint)}.review-sentiment-badge--positive,.review-sentiment-badge--mostly-positive{color:var(--color-green);background-color:var(--color-green-dim)}.review-sentiment-badge--mixed{color:var(--color-cream);background-color:var(--color-cream-dim)}.review-sentiment-badge--mostly-negative{color:var(--color-red-light);background-color:var(--color-red-dim)}.review-sentiment-badge--negative,.review-sentiment-badge--very-negative,.review-sentiment-badge--overwhelmingly-negative{color:var(--color-red);background-color:var(--color-red-dim)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__label,[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__icon{color:var(--color-amber)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__label{text-shadow:0 0 8px var(--color-amber-glow),0 0 20px var(--color-amber-glow),0 0 40px var(--color-amber-dim)}[data-theme=light] .review-sentiment--overwhelmingly-positive .review-sentiment__icon{filter:drop-shadow(0 0 4px var(--color-amber-glow))}[data-theme=light] .review-sentiment--very-positive .review-sentiment__label,[data-theme=light] .review-sentiment--very-positive .review-sentiment__icon,[data-theme=light] .review-sentiment--positive .review-sentiment__label,[data-theme=light] .review-sentiment--positive .review-sentiment__icon{color:var(--color-green)}[data-theme=light] .review-sentiment--very-positive .review-sentiment__label{text-shadow:0 0 16px var(--color-green-glow)}[data-theme=light] .review-sentiment-badge--overwhelmingly-positive{color:var(--color-amber);background-color:var(--color-amber-dim)}[data-theme=light] .review-sentiment-badge--very-positive,[data-theme=light] .review-sentiment-badge--positive,[data-theme=light] .review-sentiment-badge--mostly-positive{color:var(--color-green);background-color:var(--color-green-dim)}@media(hover:hover){[data-theme=light] .review-sentiment-badge--overwhelmingly-positive:hover{box-shadow:0 0 12px var(--color-amber-glow)}[data-theme=light] .review-sentiment-badge--very-positive:hover,[data-theme=light] .review-sentiment-badge--positive:hover,[data-theme=light] .review-sentiment-badge--mostly-positive:hover{box-shadow:0 0 12px var(--color-green-glow)}}@media(prefers-reduced-motion:reduce){.review-sentiment-badge{transition:none}}.screen-capture-share-sheet__preview{display:flex;flex-direction:column;gap:var(--space-snug)}.screen-capture-share-sheet__summary{display:flex;flex-direction:column;gap:var(--space-micro)}.screen-capture-share-sheet__eyebrow{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.screen-capture-share-sheet__message{margin:0;font-family:var(--font-family);font-size:var(--font-size-body-large);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-normal)}.segmented-progress{display:flex;align-items:center;gap:var(--segment-gap)}.segmented-progress__segment{width:var(--segment-width);height:var(--segment-height);border-radius:var(--radius-sharp)}.segmented-progress__segment--filled{background-color:var(--color-interaction-primary)}.segmented-progress__segment--empty{background-color:#ffffff14}.segmented-progress--teal .segmented-progress__segment--filled{background-color:var(--color-interaction-primary)}.segmented-progress--accent .segmented-progress__segment--filled{background-color:var(--color-accent)}.segmented-progress--success .segmented-progress__segment--filled{background-color:var(--color-green)}.segmented-progress--warning .segmented-progress__segment--filled,.segmented-progress--amber .segmented-progress__segment--filled{background-color:var(--color-amber)}.segmented-progress--error .segmented-progress__segment--filled{background-color:var(--color-red)}.segmented-progress--coral .segmented-progress__segment--filled{background-color:var(--color-coral)}.segmented-progress--compact .segmented-progress__segment{width:24px;height:10px}.segmented-progress--large .segmented-progress__segment{width:40px;height:18px}[data-theme=light] .segmented-progress__segment--empty{background-color:#0f141914}.select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-tight);height:var(--button-height-default);min-width:180px;padding:0 var(--space-default);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-background-card);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.select__trigger[data-placeholder]{color:var(--color-text-tertiary)}@media(hover:hover){.select__trigger:hover{border-color:var(--color-border-emphasis)}}.select__trigger:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-background-page),0 0 0 4px var(--color-accent)}.select__trigger[data-disabled]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.select__icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.select__trigger[data-state=open] .select__icon{transform:rotate(180deg)}.select__chevron{width:var(--icon-size-small);height:var(--icon-size-small)}[data-radix-popper-content-wrapper]{position:fixed!important}.select__content{z-index:var(--z-popover);min-width:var(--radix-select-trigger-width);overflow:hidden;background-color:var(--color-background-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-floating)}.select__content[data-state=closed]{animation:select-exit var(--duration-fast) var(--ease-out) forwards}@keyframes select-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.select__motion-wrapper{overflow:hidden}.select__viewport{padding:var(--space-hairline);max-height:300px;overflow-y:auto}.select__scroll-button{display:flex;align-items:center;justify-content:center;height:var(--space-roomy);background-color:var(--color-background-surface);color:var(--color-text-tertiary);cursor:default}.select__scroll-icon{width:var(--icon-size-small);height:var(--icon-size-small)}.select__item{display:flex;align-items:center;gap:var(--space-tight);height:var(--button-height-default);padding:0 var(--space-default) 0 var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);border-radius:var(--radius-subtle);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-default);position:relative}.select__item[data-disabled]{color:var(--color-text-disabled);pointer-events:none}.select__item[data-highlighted]{background-color:var(--color-background-hover)}.select__item[data-state=checked]{color:var(--color-interaction-primary)}.select__item-indicator{position:absolute;left:var(--space-tight);display:flex;align-items:center;justify-content:center;width:var(--icon-size-small);height:var(--icon-size-small)}.select__check{width:var(--icon-size-small);height:var(--icon-size-small);color:var(--color-interaction-primary)}.select__group{padding:var(--space-hairline) 0}.select__label{padding:var(--space-tight) var(--space-default) var(--space-tight) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.select__separator{height:var(--border-width);margin:var(--space-hairline) 0;background-color:var(--color-border-subtle)}.select__trigger--compact{height:var(--button-height-compact);min-width:140px;padding:0 var(--space-snug);font-size:var(--font-size-body-small)}.select__trigger--large{height:var(--button-height-large);min-width:220px;padding:0 var(--space-loose);font-size:var(--font-size-body-large)}@media(prefers-reduced-motion:reduce){.select__trigger,.select__icon,.select__item{transition:none}}:root{--skeleton-ease: cubic-bezier(.165, .84, .44, 1);--skeleton-duration: 1.5s}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{display:block;background-color:var(--color-background-hover);position:relative;overflow:hidden}.skeleton--animate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,var(--shadow-highlight-subtle) 50%,transparent 75%);animation:skeleton-shimmer var(--skeleton-duration) var(--skeleton-ease) infinite;will-change:transform}.skeleton--text{height:14px;border-radius:var(--radius-subtle)}.skeleton--circular{border-radius:var(--radius-pill);width:var(--avatar-size-default);height:var(--avatar-size-default);flex-shrink:0}.skeleton--rectangular{border-radius:var(--radius-default);width:100%;height:120px}.skeleton--rounded{border-radius:var(--radius-rounded);width:var(--button-height-default);height:var(--button-height-default)}.skeleton--compact.skeleton--text{height:11px}.skeleton--large.skeleton--text{height:16px}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-snug)}.skeleton-text .skeleton:nth-child(1):after{animation-delay:0s}.skeleton-text .skeleton:nth-child(2):after{animation-delay:.08s}.skeleton-text .skeleton:nth-child(3):after{animation-delay:.16s}.skeleton-text .skeleton:nth-child(4):after{animation-delay:.24s}.skeleton-text .skeleton:nth-child(5):after{animation-delay:.32s}.skeleton-avatar--micro{width:var(--avatar-size-micro);height:var(--avatar-size-micro)}.skeleton-avatar--tiny{width:var(--avatar-size-tiny);height:var(--avatar-size-tiny)}.skeleton-avatar--compact{width:var(--avatar-size-compact);height:var(--avatar-size-compact)}.skeleton-avatar--default{width:var(--avatar-size-default);height:var(--avatar-size-default)}.skeleton-avatar--large{width:var(--avatar-size-large);height:var(--avatar-size-large)}.skeleton-card{display:flex;flex-direction:column;background-color:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);overflow:hidden}.skeleton-card__image{height:var(--card-image-height);border-radius:0}.skeleton-card__content{display:flex;flex-direction:column;gap:var(--space-snug);padding:var(--space-default)}.skeleton-card__header{display:flex;align-items:center;gap:var(--space-snug)}.skeleton-card__header-text{display:flex;flex-direction:column;gap:var(--space-hairline);flex:1}.skeleton-list{display:flex;flex-direction:column}.skeleton-list .skeleton-list-item:not(:last-child){border-bottom:1px solid var(--color-border-subtle)}.skeleton-list .skeleton-list-item:nth-child(1) .skeleton:after{animation-delay:0s}.skeleton-list .skeleton-list-item:nth-child(2) .skeleton:after{animation-delay:.1s}.skeleton-list .skeleton-list-item:nth-child(3) .skeleton:after{animation-delay:.2s}.skeleton-list .skeleton-list-item:nth-child(4) .skeleton:after{animation-delay:.3s}.skeleton-list .skeleton-list-item:nth-child(5) .skeleton:after{animation-delay:.4s}.skeleton-list .skeleton-list-item:nth-child(6) .skeleton:after{animation-delay:.5s}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-snug) 0}.skeleton-list-item__content{display:flex;flex-direction:column;gap:var(--space-hairline);flex:1;min-width:0}.skeleton-profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-default);padding:var(--space-loose);background-color:var(--color-background-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large)}.skeleton-profile__info{display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline);width:100%}.skeleton-profile__stats{display:flex;justify-content:center;gap:var(--space-loose);width:100%}.skeleton-profile__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-hairline)}[data-theme=light] .skeleton{background-color:var(--color-background-raised)}@media(prefers-reduced-motion:reduce){.skeleton--animate:after{animation:none;opacity:0}}.slider{--slider-track-height: 6px;--slider-thumb-size: 24px;--slider-thumb-touch-size: 44px;position:relative;display:flex;flex-direction:column;gap:var(--space-tight);width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.slider__root{position:relative;display:flex;align-items:center;width:100%;height:var(--slider-thumb-touch-size);padding:0 calc(var(--slider-thumb-size) / 2);cursor:pointer}.slider.is-disabled .slider__root{cursor:not-allowed;opacity:.5}.slider__track{position:relative;flex-grow:1;height:var(--slider-track-height);overflow:hidden;background-color:var(--color-border-default);border-radius:var(--radius-pill)}.slider__range{position:absolute;height:100%;background-color:var(--color-interaction-primary);border-radius:var(--radius-pill)}.slider__range--single{top:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) var(--ease-out);will-change:transform}.slider.is-dragging .slider__range--single{transition:none}.slider__thumb{position:relative;display:flex;align-items:center;justify-content:center;width:var(--slider-thumb-touch-size);height:var(--slider-thumb-touch-size);cursor:grab;outline:none}.slider__thumb:before{display:block;width:var(--slider-thumb-size);height:var(--slider-thumb-size);content:"";background-color:var(--color-text-primary);border-radius:var(--radius-pill);box-shadow:var(--shadow-elevated);transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}@media(hover:hover){.slider__thumb:hover:before{background-color:var(--color-interaction-primary);box-shadow:var(--shadow-floating)}}.slider__thumb:focus-visible:before{box-shadow:var(--shadow-elevated),0 0 0 3px var(--color-interaction-primary-tint)}.slider__thumb:active{cursor:grabbing}.slider.is-dragging .slider__thumb:before{background-color:var(--color-interaction-primary);box-shadow:var(--shadow-floating),0 0 0 4px var(--color-interaction-primary-tint)}.slider__thumb-value{position:absolute;top:calc(50% + var(--slider-thumb-size) / 2 + 2px);left:50%;font-size:var(--font-size-label);font-weight:var(--font-semibold);color:var(--color-interaction-primary);white-space:nowrap;transform:translate(-50%)}.slider--show-ticks .slider__thumb-value{top:calc(50% + var(--slider-thumb-size) / 2 + var(--space-tight))}.slider__labels{display:flex;justify-content:space-between;margin-top:calc(-1 * (var(--slider-thumb-touch-size) / 2 - var(--slider-thumb-size) / 2) + 2px);padding:0 calc(var(--slider-thumb-size) / 2)}.slider--show-ticks .slider__labels{margin-top:var(--space-hairline)}.slider__labels--range{justify-content:center;gap:var(--space-tight)}.slider__label{font-size:var(--font-size-label);color:var(--color-text-secondary);transition:opacity var(--duration-fast) var(--ease-out)}.slider__label--separator{color:var(--color-text-disabled)}.slider__ticks{position:absolute;top:50%;right:var(--slider-thumb-size);left:var(--slider-thumb-size);height:var(--slider-track-height);pointer-events:none;transform:translateY(-50%)}.slider__tick{position:absolute;width:2px;height:calc(var(--slider-track-height) + 4px);background-color:var(--color-border-subtle);border-radius:var(--radius-pill);transform:translate(-50%);transition:background-color var(--duration-fast) var(--ease-out)}.slider__tick--filled{background-color:var(--color-interaction-primary-tint)}.slider--compact{--slider-track-height: 4px;--slider-thumb-size: 18px;--slider-thumb-touch-size: 36px}.slider--large{--slider-track-height: 8px;--slider-thumb-size: 28px;--slider-thumb-touch-size: 48px}.slider--teal .slider__range{background-color:var(--color-interaction-primary)}.slider--teal.slider.is-dragging .slider__thumb:before{background-color:var(--color-interaction-primary)}.slider--green .slider__range{background-color:var(--color-green)}.slider--green.slider.is-dragging .slider__thumb:before{background-color:var(--color-green)}.slider--amber .slider__range{background-color:var(--color-amber)}.slider--amber.slider.is-dragging .slider__thumb:before{background-color:var(--color-amber)}.slider--red .slider__range{background-color:var(--color-red)}.slider--red.slider.is-dragging .slider__thumb:before{background-color:var(--color-red)}@media(hover:hover){.slider--teal .slider__thumb:hover:before{background-color:var(--color-interaction-primary)}.slider--green .slider__thumb:hover:before{background-color:var(--color-green)}.slider--amber .slider__thumb:hover:before{background-color:var(--color-amber)}.slider--red .slider__thumb:hover:before{background-color:var(--color-red)}}.slider--gradient .slider__range{background:linear-gradient(90deg,var(--color-interaction-primary) 0%,var(--color-green) 50%,var(--color-amber) 100%)}.slider--stepped .slider__track{background:repeating-linear-gradient(90deg,var(--color-bg-tertiary) 0,var(--color-bg-tertiary) calc(25% - 2px),transparent calc(25% - 2px),transparent 25%)}[data-theme=light] .slider__thumb:before{box-shadow:var(--shadow-floating)}@media(prefers-reduced-motion:reduce){.slider__thumb:before,.slider__range,.slider__tick,.slider__label,.slider__thumb-value{transition:none}}.social-list{display:flex;flex-direction:column;gap:var(--space-tight)}.social-list--friends-find{gap:var(--space-tight)}.social-list__filters{display:flex;flex-wrap:wrap;gap:var(--space-tight);padding-block:var(--space-hairline) var(--space-tight)}.social-list__filter{-webkit-appearance:none;appearance:none;min-height:var(--control-height-compact);padding:var(--space-hairline) var(--space-snug);font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.social-list__filter--active{color:var(--color-background-page);background:var(--color-text-primary);border-color:var(--color-text-primary)}.social-list__section{display:flex;flex-direction:column}.social-list__section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight);margin-inline:calc(-1 * var(--space-default));padding:var(--space-hairline) var(--space-default);background-color:var(--color-background-inset)}.social-list__section-title{margin:0;font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-list__section-count{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-wide)}.social-list__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.social-list__row{display:flex;align-items:center;gap:var(--space-tight);min-width:0;padding:var(--space-tight) 0;border-bottom:var(--border-width) solid var(--color-border-subtle);transition:background-color var(--duration-fast) var(--ease-default)}.social-list__row:last-child{border-bottom:none}.social-list__row-main{-webkit-appearance:none;appearance:none;flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-tight);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default)}.social-list__row-main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline)}.social-list__row-main:active{transform:scale(.97)}@media(hover:hover){.social-list__row:hover{background-color:var(--color-background-card)}}.social-list__avatar-wrap{flex:0 0 auto;width:var(--avatar-size-default);height:var(--avatar-size-default)}.social-list__avatar-wrap .avatar{width:100%;height:100%}.social-list__avatar-wrap .avatar{border:none}.social-list__avatar-wrap .avatar--tone-teal{background:linear-gradient(135deg,var(--color-interaction-primary) 0%,color-mix(in srgb,var(--color-interaction-primary) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-green{background:linear-gradient(135deg,var(--color-green) 0%,color-mix(in srgb,var(--color-green) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-amber{background:linear-gradient(135deg,var(--color-amber) 0%,color-mix(in srgb,var(--color-amber) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-blue{background:linear-gradient(135deg,var(--color-blue) 0%,color-mix(in srgb,var(--color-blue) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-purple{background:linear-gradient(135deg,var(--color-purple) 0%,color-mix(in srgb,var(--color-purple) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-pink{background:linear-gradient(135deg,var(--color-pink) 0%,color-mix(in srgb,var(--color-pink) 70%,#000) 100%)}.social-list__avatar-wrap .avatar--tone-red{background:linear-gradient(135deg,var(--color-red) 0%,color-mix(in srgb,var(--color-red) 70%,#000) 100%)}.social-list__avatar-wrap .avatar__initials{color:var(--color-white);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.social-list__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.social-list__name-line{display:flex;align-items:baseline;gap:var(--space-tight);min-width:0}.social-list__name{min-width:0;overflow:hidden;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap}.social-list__meta{margin:0;overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-secondary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.social-list__actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-hairline)}.social-list__action-button{height:calc(var(--button-height-compact) - var(--space-small));padding-inline:var(--space-tight);font-size:var(--font-size-caption);border-radius:var(--radius-rounded)}.social-list__state{display:inline-flex;align-items:center;gap:var(--space-hairline);padding:var(--space-small) var(--space-tight);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-normal);border-radius:var(--radius-pill);background:transparent}.social-list__state--vr{color:var(--color-amber);background:var(--color-amber-dim)}.social-list__state--friend{color:var(--color-text-secondary);background:transparent;box-shadow:inset 0 0 0 1px var(--color-border-default)}.social-list__state--following{color:var(--color-text-secondary);background:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.social-list__state--ghost{color:var(--color-text-tertiary);background:var(--color-background-inset);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.social-list__state--pending{font-size:var(--font-size-tiny);color:var(--color-text-tertiary);padding:0;border-radius:0;background:transparent;box-shadow:none}.social-list__pending-cancel{height:calc(var(--button-height-compact) - var(--space-hairline));padding-inline:var(--space-tight);font-size:var(--font-size-caption)}.social-list__more{list-style:none;display:flex;justify-content:center;padding:var(--space-snug) 0}.social-list__more-button{-webkit-appearance:none;appearance:none;background:transparent;border:none;padding:var(--space-tight) var(--space-default);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){.social-list__more-button:hover{background-color:var(--color-interaction-primary-tint)}}.social-list__more-button:active{transform:scale(.97)}.social-list__status{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body)}.social-list__status--error{flex-direction:column;color:var(--color-red)}.social-list__status-spinner{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-interaction-primary);animation:social-list-spin 1s linear infinite}@keyframes social-list-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-list__placeholder-row{display:flex;align-items:center;gap:var(--space-tight);min-width:0;padding:var(--space-snug) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);border-bottom:var(--border-width) solid var(--color-border-subtle)}.social-list__placeholder-marker{flex:0 0 auto;width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background:var(--color-border-emphasis)}.social-list__placeholder-text{min-width:0;overflow:hidden;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap}.social-list__empty{margin:0;padding:var(--space-default) 0;color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center}.social-list__empty--action{display:flex;flex-direction:column;align-items:center;gap:var(--space-tight)}.social-list__empty-text{margin:0}@media(prefers-reduced-motion:reduce){.social-list__row,.social-list__row-main,.social-list__more-button{transition:none}.social-list__row-main:active,.social-list__more-button:active{transform:none}.social-list__status-spinner{animation:none}}.social-table-view{display:flex;flex-direction:column;gap:var(--space-snug)}.social-table-view__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-tight)}.social-table-view__title{margin:0;font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-table-view__count{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.social-table-view__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-tight)}.social-table-view__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);padding:var(--space-snug);overflow:hidden;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.social-table-view__row--urgent{border-color:var(--color-red-border);background:color-mix(in srgb,var(--color-red-dim) 45%,var(--color-background-card))}.social-table-view__row--live{border-color:var(--color-interaction-primary-border)}@media(hover:hover){.social-table-view__row:hover{border-color:var(--color-border-default);background:var(--color-background-surface)}}.social-table-view__unread{position:absolute;top:var(--space-tight);right:var(--space-tight);width:var(--space-tight);height:var(--space-tight);border-radius:var(--radius-sharp);background:var(--color-red);box-shadow:0 0 0 var(--space-micro) var(--color-red-dim)}.social-table-view__main{-webkit-appearance:none;appearance:none;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-snug);padding:0;font:inherit;text-align:left;color:inherit;background:transparent;border:none}.social-table-view__main:focus-visible{outline:var(--border-width-thick) solid var(--color-interaction-primary);outline-offset:var(--space-hairline);border-radius:var(--radius-default)}.social-table-view__main:active{transform:scale(.97)}.social-table-view__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--space-spacious);height:var(--space-spacious);color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint);border-radius:var(--radius-default)}.social-table-view__row--urgent .social-table-view__icon{color:var(--color-red);background:var(--color-red-dim)}.social-table-view__row--live .social-table-view__icon{color:var(--color-interaction-primary);background:var(--color-interaction-primary-tint)}.social-table-view__icon-svg{width:var(--icon-size-default);height:var(--icon-size-default)}.social-table-view__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-micro)}.social-table-view__label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-interaction-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.social-table-view__row--urgent .social-table-view__label{color:var(--color-red)}.social-table-view__headline{overflow:hidden;font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.social-table-view__meta{overflow:hidden;font-size:var(--font-size-caption);color:var(--color-text-tertiary);line-height:var(--line-height-normal);text-overflow:ellipsis;white-space:nowrap}.social-table-view__actions{display:inline-flex;align-items:center;gap:var(--space-tight);padding-right:var(--space-default)}.social-table-view__state{display:inline-flex;align-items:center;padding:var(--space-hairline) var(--space-tight);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);color:var(--color-amber);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);background:var(--color-amber-dim);border-radius:var(--radius-pill)}.social-table-view__status{display:flex;align-items:center;justify-content:center;gap:var(--space-tight);padding:var(--space-default);color:var(--color-text-tertiary);font-size:var(--font-size-body);background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded)}.social-table-view__status--error{flex-direction:column;color:var(--color-red)}.social-table-view__spinner{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-interaction-primary);animation:social-table-view-spin 1s linear infinite}.social-table-view__empty{margin:0;padding:var(--space-default);color:var(--color-text-tertiary);font-size:var(--font-size-body);text-align:center;background:var(--color-background-card);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded)}@keyframes social-table-view-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:560px){.social-table-view__row{grid-template-columns:1fr;align-items:stretch}.social-table-view__actions{justify-content:flex-end;padding-right:0}}@media(prefers-reduced-motion:reduce){.social-table-view__row,.social-table-view__main{transition:none}.social-table-view__main:active{transform:none}.social-table-view__spinner{animation:none}}[data-sonner-toaster]{--normal-bg: var(--color-background-surface);--normal-border: var(--color-border-default);--normal-text: var(--color-text-primary);--success-bg: var(--color-background-surface);--success-border: var(--color-green);--success-text: var(--color-text-primary);--error-bg: var(--color-background-surface);--error-border: var(--color-red);--error-text: var(--color-text-primary);--warning-bg: var(--color-background-surface);--warning-border: var(--color-amber);--warning-text: var(--color-text-primary);--info-bg: var(--color-background-surface);--info-border: var(--color-interaction-primary);--info-text: var(--color-text-primary)}[data-sonner-toast]{font-family:var(--font-family);border-radius:var(--radius-rounded);box-shadow:var(--shadow-floating);padding:var(--space-default);gap:var(--space-tight)}[data-sonner-toast][data-type=success]{border-left:var(--toast-border-width) solid var(--color-green)}[data-sonner-toast][data-type=error]{border-left:var(--toast-border-width) solid var(--color-red)}[data-sonner-toast][data-type=warning]{border-left:var(--toast-border-width) solid var(--color-amber)}[data-sonner-toast][data-type=info]{border-left:var(--toast-border-width) solid var(--color-interaction-primary)}[data-sonner-toast] [data-title]{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}[data-sonner-toast] [data-description]{font-family:var(--font-family);font-size:var(--font-size-body-small);color:var(--color-text-secondary)}[data-sonner-toast] [data-button]{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding:var(--space-tight) var(--space-snug);border-radius:var(--radius-subtle);background-color:var(--color-interaction-primary);color:var(--color-background-page);transition:background-color var(--duration-fast) var(--ease-default)}@media(hover:hover){[data-sonner-toast] [data-button]:hover{background-color:var(--color-interaction-primary-pressed)}}[data-sonner-toast] [data-cancel]{background-color:transparent;color:var(--color-text-tertiary)}@media(hover:hover){[data-sonner-toast] [data-cancel]:hover{background-color:var(--color-background-card);color:var(--color-text-primary)}}[data-sonner-toast] [data-close-button]{background-color:var(--color-background-raised);border:var(--border-width) solid var(--color-border-default);color:var(--color-text-tertiary);transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){[data-sonner-toast] [data-close-button]:hover{background-color:var(--color-background-hover);color:var(--color-text-primary)}}@media(prefers-reduced-motion:reduce){[data-sonner-toast],[data-sonner-toast] [data-button],[data-sonner-toast] [data-close-button]{transition:none}}.sparkline{display:inline-flex;align-items:center}.sparkline__plot{display:block;line-height:0}.sparkline__plot svg{display:block;width:100%;height:100%}.sparkline__plot svg>text[text-anchor=end]{display:none}.sparkline__plot path[stroke]{stroke-linecap:round;stroke-linejoin:round}@media(prefers-reduced-motion:reduce){.sparkline__plot path{transition:none}}.stat-card{display:flex;flex-direction:column;gap:var(--space-hairline);padding:var(--space-default);background-color:var(--color-background-card);border-radius:var(--radius-default);border:var(--border-width) solid var(--color-border-default)}.stat-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-tight)}.stat-card__value{font-family:var(--font-family-mono);font-size:var(--font-size-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1;font-variant-numeric:tabular-nums}.stat-card__delta{font-family:var(--font-family-mono);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.stat-card__delta--positive{color:var(--color-green)}.stat-card__delta--negative{color:var(--color-red)}.stat-card__delta--neutral{color:var(--color-text-secondary)}.stat-card__label{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.04em}.stat-card__sublabel{font-family:var(--font-family);font-size:var(--font-size-tiny);color:var(--color-text-tertiary)}.stat-card--compact{padding:var(--space-tight)}.stat-card--compact .stat-card__value{font-size:var(--font-size-title)}.stat-card--large .stat-card__value{font-size:var(--font-size-hero)}.stat-card--accent{border-left:var(--toast-border-width) solid var(--color-interaction-primary)}.stat-card--accent .stat-card__value{color:var(--color-interaction-primary)}.tabs{display:flex;flex-direction:column;width:100%}.tabs__list{position:relative;display:inline-flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight);background-color:var(--color-background-sunken);border-radius:var(--radius-pill);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.tabs__list::-webkit-scrollbar{display:none}.tabs__indicator{position:absolute;inset:0;background-color:var(--color-interaction-primary);background-image:linear-gradient(135deg,var(--color-interaction-primary) 0%,var(--color-interaction-primary-pressed, var(--color-interaction-primary)) 100%);border-radius:var(--radius-default);pointer-events:none;z-index:-1;box-shadow:inset 0 var(--border-width) 0 var(--shadow-highlight-subtle),0 2px 8px color-mix(in srgb,var(--color-interaction-primary) 25%,transparent)}.tabs__trigger{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:var(--button-height-large);padding:var(--space-snug) var(--space-loose);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-default);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);transition:color var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.tabs__trigger:hover:not([data-state=active]){color:var(--color-text-secondary)}}.tabs__trigger:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--color-interaction-primary)}.tabs__trigger[data-state=active]{color:var(--color-background-page)}.tabs__trigger[data-disabled]{color:var(--color-text-disabled);cursor:not-allowed;pointer-events:none}.tabs__content{flex:1;padding:var(--space-default) 0;outline:none}.tabs__content:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.tabs__content[data-state=inactive]{display:none}.tabs--ghost .tabs__list{background:transparent;padding:0;gap:var(--space-default);border-radius:0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.tabs--ghost .tabs__indicator{top:auto;bottom:calc(-1 * var(--border-width));height:var(--border-width-thick);background:var(--color-interaction-primary);box-shadow:none;border-radius:var(--radius-full)}.tabs--ghost .tabs__trigger{padding:var(--space-snug) var(--space-tight);text-transform:none;letter-spacing:normal;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);min-height:var(--button-height-large)}.tabs--ghost .tabs__trigger[data-state=active]{color:var(--color-interaction-primary)}.tabs--filled .tabs__list{display:flex;width:100%;justify-content:stretch;gap:0;padding:0;background:transparent;border:var(--border-width) solid var(--color-border-subtle);border-radius:0}.tabs--filled .tabs__indicator{background:var(--color-interaction-primary);border-radius:var(--radius-default) var(--radius-default) 0 0;box-shadow:none}.tabs--filled .tabs__trigger{flex:1;min-height:var(--button-height-large);padding:var(--space-snug) var(--space-tight);border-radius:0;text-transform:none;letter-spacing:normal;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.tabs--filled .tabs__trigger[data-state=active]{color:var(--color-interaction-primary-text)}.tabs--full .tabs__list{display:flex;width:100%}.tabs--full .tabs__trigger{flex:1 1 0;min-width:0}.tabs--compact .tabs__list{padding:var(--space-hairline);gap:var(--space-hairline)}.tabs--compact .tabs__trigger{min-height:var(--button-height-default);padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-tiny);letter-spacing:0}.tabs--compact.tabs--full .tabs__trigger{padding-inline:0}.tabs--touch .tabs__trigger{min-height:var(--button-height-large)}.tabs--dense .tabs__trigger{font-size:.5625rem;letter-spacing:0}@media(prefers-reduced-motion:reduce){.tabs__trigger{transition:none}}.tag{display:inline-flex;align-items:center;gap:var(--space-hairline);height:var(--badge-height);padding:var(--badge-padding-y) var(--badge-padding-x);font-family:var(--font-family-display);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-rounded);white-space:nowrap;-webkit-user-select:none;user-select:none}.tag__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.85em;height:.85em}.tag--featured{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.tag--points{background-color:var(--color-amber-dim);color:var(--color-amber)}.tag--done{background-color:var(--color-interaction-primary-tint);color:var(--color-interaction-primary)}.tag--social{background-color:var(--color-pink-dim);color:var(--color-pink)}.tag--mission{background-color:var(--color-coral-dim);color:var(--color-coral)}.tag--weekly{background-color:var(--color-interaction-primary);color:var(--color-interaction-primary-text)}.tag--compact{height:calc(var(--badge-height) - 2px);padding:0 var(--space-hairline);font-size:var(--font-size-tiny)}.tag--large{height:24px;padding:0 var(--space-snug);font-size:var(--font-size-caption)}[data-theme=light] .tag--featured{color:var(--color-interaction-primary-pressed)}[data-theme=light] .tag--done{color:var(--color-interaction-primary)}[data-theme=light] .tag--mission{color:var(--color-coral)}[data-theme=light] .tag--social{color:var(--color-pink)}[data-theme=light] .tag--points{color:var(--color-amber)}.theme-switcher{display:inline-flex;align-items:center;background-color:var(--color-background-inset);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-rounded);padding:var(--space-hairline);gap:var(--space-hairline)}.theme-switcher__option{display:flex;align-items:center;gap:var(--space-tight);padding:var(--space-tight) var(--space-snug);background:transparent;border:none;border-radius:var(--radius-default);color:var(--color-text-tertiary);font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.theme-switcher__option--active{background-color:var(--color-background-surface);color:var(--color-text-primary);box-shadow:inset 0 1px 0 var(--shadow-highlight-subtle),0 1px 2px var(--shadow-drop-subtle)}@media(hover:hover){.theme-switcher__option:not(.theme-switcher__option--active):hover{background-color:var(--color-background-card);color:var(--color-text-secondary)}}.theme-switcher__option:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-switcher__icon{width:var(--icon-size-small);height:var(--icon-size-small);flex-shrink:0}.theme-switcher--settings{width:100%}.theme-switcher--settings .theme-switcher__option{flex:1 1 0;justify-content:center;min-height:56px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}@media(max-width:400px){.theme-switcher__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-switcher__option{padding:var(--space-tight)}.theme-switcher--settings .theme-switcher__label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap}.theme-switcher--settings .theme-switcher__option{padding:var(--space-tight) var(--space-snug)}}@media(prefers-reduced-motion:reduce){.theme-switcher__option{transition:none}}.toast{display:flex;align-items:center;gap:var(--space-snug);padding:var(--space-default);background-color:var(--color-background-card);border-radius:0;border-left:var(--toast-border-width) solid var(--color-interaction-primary);max-width:var(--layout-max-width-narrow)}.toast__icon-badge{display:flex;align-items:center;justify-content:center;width:var(--toast-icon-badge-size);height:var(--toast-icon-badge-size);border-radius:var(--radius-pill);flex-shrink:0}.toast__icon{width:var(--toast-icon-size);height:var(--toast-icon-size);color:var(--color-background-page)}.toast__content{flex:1;min-width:0}.toast__title{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.toast__message{margin-top:var(--space-hairline);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-tertiary)}.toast__close{flex-shrink:0;padding:var(--space-hairline);background:none;border:none;color:var(--color-text-disabled);cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.toast__close-icon{width:var(--toast-icon-size);height:var(--toast-icon-size)}@media(hover:hover){.toast__close:hover{color:var(--color-text-primary)}}.toast--success{border-left-color:var(--color-green)}.toast--success .toast__icon-badge{background-color:var(--color-green)}.toast--error{border-left-color:var(--color-red)}.toast--error .toast__icon-badge{background-color:var(--color-red)}.toast--warning{border-left-color:var(--color-amber)}.toast--warning .toast__icon-badge{background-color:var(--color-amber)}.toast--info{border-left-color:var(--color-interaction-primary)}.toast--info .toast__icon-badge{background-color:var(--color-interaction-primary)}[data-theme=light] .toast__icon{color:var(--color-white)}[data-theme=light] .toast__close{color:var(--color-text-tertiary)}@media(prefers-reduced-motion:reduce){.toast__close{transition:none}}@keyframes toggle-thumb-on{0%{transform:translate(0) scale(1)}50%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset) + 2px)) scale(.9,1.1)}75%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset) - 1px)) scale(1.05,.95)}to{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset))) scale(1)}}@keyframes toggle-thumb-off{0%{transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset))) scale(1)}50%{transform:translate(-2px) scale(.9,1.1)}75%{transform:translate(1px) scale(1.05,.95)}to{transform:translate(0) scale(1)}}.toggle{display:inline-flex;align-items:center;gap:var(--space-tight);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle__track{position:relative;width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-background-raised);box-shadow:inset 0 0 0 1px var(--color-border-default);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.toggle:active:not(.toggle--disabled) .toggle__track{transform:scale(.97)}.toggle__thumb{position:absolute;top:var(--toggle-thumb-inset);left:var(--toggle-thumb-inset);width:var(--toggle-thumb-size);height:var(--toggle-thumb-size);background-color:var(--color-text-secondary);border-radius:var(--radius-pill);transform:translate(0)}.toggle__label{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary)}.toggle--active .toggle__track{background-color:var(--color-interaction-primary);box-shadow:none}.toggle--active .toggle__thumb{background-color:var(--color-text-primary);transform:translate(calc(var(--toggle-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-inset)));animation:toggle-thumb-on .3s var(--ease-out) forwards}.toggle:not(.toggle--active) .toggle__thumb{animation:toggle-thumb-off .3s var(--ease-out) forwards}.toggle--disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.toggle:focus-visible .toggle__track{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=light] .toggle__track{background-color:var(--color-background-inset)}[data-theme=light] .toggle--active .toggle__track{background-color:var(--color-interaction-primary)}[data-theme=light] .toggle__thumb{background-color:var(--color-white);box-shadow:0 1px 3px var(--shadow-drop-default)}[data-theme=light] .toggle--active .toggle__thumb{background-color:var(--color-white)}@media(prefers-reduced-motion:reduce){.toggle__track,.toggle__thumb{transition:none;animation:none}.toggle:active:not(.toggle--disabled) .toggle__track{transform:none}.toggle--active .toggle__thumb,.toggle:not(.toggle--active) .toggle__thumb{animation:none}}.tooltip__content{z-index:var(--z-popover);max-width:280px;transform-origin:var(--radix-tooltip-content-transform-origin)}.tooltip__panel{position:relative;background-color:var(--color-background-floating);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-default);box-shadow:var(--shadow-elevated);padding:var(--space-tight) var(--space-snug);font-size:var(--font-size-caption);line-height:var(--line-height-normal);color:var(--color-text-primary)}.tooltip__content[data-state=closed] .tooltip__panel{animation:tooltip-exit var(--duration-fast) var(--ease-out) forwards}@keyframes tooltip-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.tooltip__arrow{fill:var(--color-background-floating)}.tooltip--touch .popover__panel{padding:var(--space-tight) var(--space-snug);min-width:auto;max-width:280px}.tooltip--touch .popover__body{font-size:var(--font-size-caption)}@media(prefers-reduced-motion:reduce){.tooltip__content[data-state=closed] .tooltip__panel{animation:none}}.ui-surface{--ui-surface-shadow: var(--shadow-elevation-2);position:relative;background-color:var(--color-background-card);border-radius:var(--radius-card);box-shadow:var(--ui-surface-shadow)}.ui-surface:before{content:"";position:absolute;inset:-4px;pointer-events:none;border-radius:calc(var(--radius-card) + 3px);border:1px solid var(--color-interaction-primary);box-shadow:0 0 0 2px var(--color-interaction-primary-tint);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ui-surface:focus-within:before,.ui-surface:focus-visible:before{opacity:1}.ui-surface--sunken{--ui-surface-shadow: var(--shadow-sunken)}.ui-surface--elevation-0{--ui-surface-shadow: var(--shadow-elevation-0)}.ui-surface--elevation-1{--ui-surface-shadow: var(--shadow-elevation-1)}.ui-surface--elevation-2{--ui-surface-shadow: var(--shadow-elevation-2)}.ui-surface--elevation-3{--ui-surface-shadow: var(--shadow-elevation-3)}.ui-surface--elevation-4{--ui-surface-shadow: var(--shadow-elevation-4)}.ui-surface--elevation-5{--ui-surface-shadow: var(--shadow-elevation-5)}.ui-surface--elevation-6{--ui-surface-shadow: var(--shadow-elevation-6)}.ui-surface--radius-control{border-radius:var(--radius-large)}.ui-surface--radius-control:before{border-radius:calc(var(--radius-large) + 3px)}.ui-surface--radius-pill{border-radius:var(--radius-pill)}.ui-surface--radius-pill:before{border-radius:var(--radius-pill)}.ui-surface--interactive{cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-default)}@media(hover:hover){.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-3)}.ui-surface--elevation-1.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-2)}.ui-surface--elevation-3.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-4)}.ui-surface--elevation-4.ui-surface--interactive:hover{--ui-surface-shadow: var(--shadow-elevation-5)}}@media(prefers-reduced-motion:reduce){.ui-surface:before,.ui-surface--interactive{transition:none}}.user-preview-sheet{position:fixed;z-index:calc(var(--z-modal) + 1);inset:0;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;pointer-events:none}.user-preview-sheet--closing{pointer-events:none}.user-preview-sheet__scrim{position:absolute;z-index:0;inset:0;opacity:0;background-color:#000000c2;cursor:pointer;pointer-events:auto;animation:user-preview-sheet-scrim-in .22s cubic-bezier(.16,1,.3,1) both}.user-preview-sheet--closing .user-preview-sheet__scrim{animation:user-preview-sheet-scrim-out .14s cubic-bezier(.55,.055,.675,.19) both}.user-preview-sheet__panel{position:relative;z-index:1;width:100%;max-width:var(--layout-max-width-narrow);min-height:310px;overflow:hidden;padding:var(--space-airy) var(--space-default) calc(var(--space-default) + var(--safe-area-inset-bottom));border:var(--border-width) solid var(--color-border-emphasis);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--color-background-page) 64%),var(--color-background-page);box-shadow:0 -24px 60px #0000008a;opacity:1;pointer-events:auto;transform:translateZ(0);transform-origin:bottom center;will-change:transform}.user-preview-sheet__panel:focus{outline:none}.user-preview-sheet__handle{position:absolute;z-index:3;top:var(--space-tight);left:50%;width:var(--space-spacious);height:var(--space-hairline);border-radius:var(--radius-pill);background-color:var(--color-border-emphasis);transform:translate(-50%)}.user-preview-sheet__close{-webkit-appearance:none;appearance:none;position:absolute;z-index:3;top:var(--space-comfortable);right:var(--space-default);display:inline-flex;align-items:center;justify-content:center;width:var(--button-height-large);height:var(--button-height-large);padding:0;color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:color-mix(in srgb,var(--color-background-raised) 82%,transparent);box-shadow:var(--shadow-elevation-2);cursor:pointer}.user-preview-sheet__close:focus-visible{outline:var(--outline-width) solid var(--color-interaction-primary);outline-offset:var(--outline-offset)}.user-preview-sheet__close-icon{width:var(--icon-size-large);height:var(--icon-size-large)}.user-preview-sheet__banner{position:absolute;inset:0 0 auto;height:176px;z-index:0}.user-preview-sheet__banner:after{content:"";position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 28% 12%,color-mix(in srgb,var(--color-background-page) 4%,transparent),color-mix(in srgb,var(--color-background-page) 20%,transparent) 54%,color-mix(in srgb,var(--color-background-page) 46%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--color-background-page) 8%,transparent) 0%,color-mix(in srgb,var(--color-background-page) 24%,transparent) 58%,var(--color-background-page) 100%);pointer-events:none}.user-preview-sheet__identity{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-default);align-items:center;padding-right:var(--space-generous)}.user-preview-sheet__avatar-frame{display:inline-flex;border-radius:var(--radius-pill);box-shadow:0 0 var(--space-default) var(--color-amber-dim),var(--shadow-elevation-4)}.user-preview-sheet__copy{min-width:0}.user-preview-sheet__name{margin:0;overflow:hidden;font-family:var(--font-family-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-display);color:var(--color-text-primary);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.user-preview-sheet__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-hairline);margin:var(--space-tight) 0 0;font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.user-preview-sheet__meta-separator{color:var(--color-text-tertiary)}.user-preview-sheet__status{display:inline-flex;align-items:center;gap:var(--space-hairline)}.user-preview-sheet__status-dot{width:var(--status-dot-size);height:var(--status-dot-size);border-radius:var(--radius-pill);background-color:var(--color-text-tertiary)}.user-preview-sheet__status-dot--online{background-color:var(--color-green)}.user-preview-sheet__status-dot--offline{background-color:var(--color-text-tertiary)}.user-preview-sheet__actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-snug);margin-top:var(--space-roomy)}.user-preview-sheet__full-profile{position:relative;z-index:1;margin-top:var(--space-default);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.user-preview-sheet__full-profile-icon{width:var(--icon-size-medium);height:var(--icon-size-medium)}@media(max-width:359px){.user-preview-sheet__name{font-size:var(--font-size-title)}.user-preview-sheet__identity{padding-right:var(--space-airy)}}@keyframes user-preview-sheet-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes user-preview-sheet-scrim-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.user-preview-sheet__scrim,.user-preview-sheet--closing .user-preview-sheet__scrim{animation:none;opacity:1}}.user-profile-social-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-snug);width:100%;min-height:var(--button-height-large);padding:var(--space-snug) var(--space-default);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-large);background-color:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;box-shadow:var(--shadow-elevation-1);font-family:var(--font-family);text-align:left}.user-profile-social-row:focus-visible{outline:var(--outline-width) solid var(--color-border-focus);outline-offset:var(--outline-offset)}.user-profile-social-row:active{transform:scale(.99)}.user-profile-social-row__avatars{display:flex;align-items:center;min-width:calc((var(--avatar-size-micro) * 2) + var(--space-snug))}.user-profile-social-row__avatar{box-shadow:0 0 0 var(--border-width-thick) var(--color-background-card),inset 0 0 0 var(--border-width) color-mix(in srgb,var(--color-amber) 35%,transparent)}.user-profile-social-row__avatar--overlap{margin-left:calc(-1 * var(--space-tight))}.user-profile-social-row__label{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.user-profile-social-row__icon{width:var(--icon-size-default);height:var(--icon-size-default);color:var(--color-text-tertiary)}.user-profile-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-default)}.vr-companion{min-height:100dvh;padding:var(--space-spacious) var(--space-default) var(--space-airy);background:var(--color-background-page);color:var(--color-text-primary)}.vr-companion__header{display:grid;grid-template-columns:var(--button-height-large) minmax(0,1fr) var(--button-height-large);align-items:center;gap:var(--space-snug);margin-bottom:var(--space-spacious)}.vr-companion__back{-webkit-appearance:none;appearance:none;display:inline-flex;width:var(--button-height-large);height:var(--button-height-large);align-items:center;justify-content:center;border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-default);background:var(--color-background-card);color:var(--color-text-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default)}.vr-companion__back-icon,.vr-companion__title-icon{width:var(--icon-size-default);height:var(--icon-size-default)}.vr-companion__title{margin:0;overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight);text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.vr-companion__title-icon{justify-self:end;color:var(--color-text-primary)}.vr-companion__hero{display:flex;flex-direction:column;gap:var(--space-default);margin-bottom:var(--space-loose);padding:var(--space-loose) var(--space-default);border:var(--border-width) solid var(--color-border-emphasis);border-radius:var(--radius-rounded);background:linear-gradient(135deg,color-mix(in srgb,var(--color-amber) 13%,var(--color-background-card)),var(--color-background-card))}.vr-companion__hero-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-default)}.vr-companion__hero-icon{display:inline-flex;width:var(--space-roomy);height:var(--space-roomy);align-items:center;justify-content:center;border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 50%,transparent);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-amber) 12%,var(--color-background-page));color:var(--color-text-primary)}.vr-companion__hero-svg{width:var(--icon-size-large);height:var(--icon-size-large)}.vr-companion__hero-copy{min-width:0}.vr-companion__hero-title{margin:0 0 var(--space-hairline);color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-heading-small);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.vr-companion__hero-subtitle,.vr-companion__hero-text,.vr-companion__hero-note{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-body-large);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed)}.vr-companion__hero-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr-companion__sign-in{-webkit-appearance:none;appearance:none;display:inline-flex;min-height:var(--control-height-large);align-items:center;justify-content:center;padding:0 var(--space-loose);border:0;border-radius:var(--radius-rounded);background:var(--color-amber);color:var(--color-black);cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.vr-companion__sign-in--disabled{border:var(--border-width) solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-background-card) 72%,transparent);color:var(--color-text-tertiary);cursor:not-allowed}.vr-companion__tool-list{display:flex;flex-direction:column;gap:var(--space-snug)}.vr-companion__tool{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-default);min-height:76px;padding:var(--space-snug) var(--space-default);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-rounded);background:color-mix(in srgb,var(--color-background-card) 75%,transparent);color:inherit;cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-default)}.vr-companion__tool--disabled{background:color-mix(in srgb,var(--color-background-card) 44%,transparent);color:var(--color-text-tertiary);cursor:not-allowed}.vr-companion__tool-icon{display:inline-flex;width:var(--space-spacious);height:var(--space-spacious);align-items:center;justify-content:center;border:var(--border-width) solid color-mix(in srgb,var(--color-amber) 24%,transparent);border-radius:var(--radius-default);background:color-mix(in srgb,var(--color-amber) 8%,var(--color-background-page));color:var(--color-text-secondary)}.vr-companion__tool-icon--disabled{border-color:var(--color-border-subtle);background:color-mix(in srgb,var(--color-background-page) 70%,transparent);color:var(--color-text-tertiary)}.vr-companion__tool-svg,.vr-companion__tool-chevron{width:var(--icon-size-default);height:var(--icon-size-default)}.vr-companion__tool-copy{display:flex;min-width:0;flex-direction:column;gap:var(--space-hairline)}.vr-companion__tool-heading{display:flex;min-width:0;align-items:center;gap:var(--space-tight)}.vr-companion__tool-title{overflow:hidden;color:var(--color-text-primary);font-family:var(--font-family-display);font-size:var(--font-size-body-large);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.vr-companion__tool-title--disabled{color:var(--color-text-secondary)}.vr-companion__tool-subtitle{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.vr-companion__tool-chevron{color:var(--color-text-tertiary)}.vr-companion__status{min-height:var(--line-height-relaxed);margin:var(--space-default) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);text-align:center}.vr-companion__back:active,.vr-companion__tool--enabled:active{transform:scale(.97)}@media(hover:hover){.vr-companion__back:hover,.vr-companion__tool--enabled:hover{border-color:var(--color-amber)}}@media(max-width:360px){.vr-companion__hero-main{grid-template-columns:auto minmax(0,1fr)}.vr-companion__sign-in{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.vr-companion__back,.vr-companion__sign-in,.vr-companion__tool{transition:none}}:root{--color-black: #000000;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-accent: var(--color-interaction-primary);--color-accent-dim: var(--color-brand-blue-soft);--color-accent-soft: var(--color-interaction-primary-tint);--color-accent-faint: color-mix(in srgb, var(--color-interaction-primary-tint) 45%, transparent);--color-accent-border: var(--color-interaction-primary-border);--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-sky-400: #38bdf8;--color-ok: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-danger: #e74c3c;--app-background: var(--color-background-page);--app-surface: var(--color-background-inset);--app-surface-raised: rgba(28, 28, 28, .94);--app-surface-elevated: rgba(237, 237, 237, .04);--app-surface-hover: rgba(237, 237, 237, .07);--app-surface-active: var(--color-interaction-primary-tint);--app-border: var(--color-border-subtle);--app-border-subtle: rgba(237, 237, 237, .1);--app-border-faint: rgba(237, 237, 237, .06);--app-border-strong: var(--color-border-default);--app-text-primary: var(--color-text-primary);--app-text-secondary: var(--color-text-secondary);--app-text-muted: #949494;--app-text-dim: #5c5c5c;--app-text-faint: rgba(237, 237, 237, .36);--app-accent: var(--color-interaction-primary);--app-accent-soft: var(--color-interaction-primary-tint);--app-ok: #10b981;--app-error: #ef4444;--app-radius: 8px;--fitness-ember: var(--color-interaction-primary);--fitness-ember-soft: var(--color-interaction-primary-tint);--fitness-ember-border: var(--color-interaction-primary-border);--fitness-surface: rgba(28, 28, 28, .92);--fitness-surface-raised: rgba(35, 35, 35, .96);--fitness-border: var(--color-border-subtle);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--app-spacing-sm: .5rem;--app-spacing-md: 1rem;--app-spacing-lg: 1.5rem;--font-system: var(--font-family, system-ui, -apple-system, BlinkMacSystemFont, sans-serif);--font-display: var(--font-family-display, var(--font-system));--font-mono: var(--font-family-mono, "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace);--text-xs: 9px;--text-sm: 10px;--text-base: 11px;--text-md: 12px;--text-lg: 13px;--text-xl: 14px;--text-2xl: 16px;--text-3xl: 20px;--text-4xl: 24px;--text-5xl: 32px;--text-6xl: 56px;--motion-duration-instant: .1s;--motion-duration-fast: .2s;--motion-duration-normal: .3s;--motion-duration-slow: .6s;--motion-ease-out: ease-out;--motion-ease-in-out: ease-in-out;--motion-press-scale: .97;--motion-press-translate: 1px;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 40;--z-modal: 50;--z-toast: 60;--touch-target-min: 44px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--day-push: #ff6b6b;--day-pull: var(--color-interaction-primary);--day-legs: #ffe66d;--day-upper: #a8e6cf;--day-lower: #ffd93d;--day-full: #6c5ce7;--day-rest: #636e72;--day-cardio: #fd79a8;--day-skill: #74b9ff;--focus-ring-color: var(--color-accent);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-shadow: 0 0 0 var(--focus-ring-offset) var(--app-background), 0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width)) var(--focus-ring-color);--input-glow: 0 0 0 3px var(--color-interaction-primary-border);--input-glow-error: 0 0 0 3px rgba(239, 68, 68, .15);--input-glow-success: 0 0 0 3px rgba(16, 185, 129, .15);--skeleton-base: rgba(255, 255, 255, .05);--skeleton-shine: rgba(255, 255, 255, .1);--skeleton-gradient: linear-gradient( 90deg, var(--skeleton-base) 0%, var(--skeleton-shine) 50%, var(--skeleton-base) 100% );--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-accent: 0 0 20px var(--color-interaction-primary-glow)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:auto;min-height:100%}html{overflow-x:hidden;overflow-y:auto}body{font-family:var(--font-system);background-color:var(--app-background);color:var(--app-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden!important;overflow-y:auto!important}#root{min-height:100vh}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none;padding:0;margin:0}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fitness-week-fade-in{0%{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fitness-celebration-pop{0%{transform:translateY(8px) scale(.95);opacity:0}40%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-2px) scale(1);opacity:1}}@keyframes auth-gate-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-gate-glow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes auth-gate-scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes auth-gate-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkbox-pop{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.9)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ripple-out{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes number-tick{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(0)}}.is-skeleton{background:var(--skeleton-gradient);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;color:transparent!important;border-color:transparent!important;-webkit-user-select:none;user-select:none;pointer-events:none}.is-skeleton *{visibility:hidden}.is-skeleton--text{border-radius:2px;min-height:1em}.is-skeleton--circle{border-radius:50%}.is-skeleton--card{min-height:80px}.is-loading{position:relative;pointer-events:none;opacity:.7}.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--color-interaction-primary-border);border-top-color:var(--color-accent);border-radius:50%;animation:auth-gate-spinner .6s linear infinite}.is-disabled{opacity:.4;pointer-events:none;cursor:not-allowed}.is-hidden{display:none!important}.is-invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.has-focus-ring:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.has-ripple{position:relative;overflow:hidden}.has-ripple__effect{position:absolute;border-radius:50%;background:#ffffff4d;pointer-events:none;animation:ripple-out .6s ease-out forwards}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate--2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabular-nums{font-variant-numeric:tabular-nums}.animate-in{animation:slide-up-fade .4s var(--motion-ease-out) both}.animate-in--delay-1{animation-delay:50ms}.animate-in--delay-2{animation-delay:.1s}.animate-in--delay-3{animation-delay:.15s}.animate-in--delay-4{animation-delay:.2s}.animate-in--delay-5{animation-delay:.25s}.haptic-tap:active{transform:scale(.97);transition:transform 50ms ease-out}.haptic-success{animation:checkbox-pop .3s var(--motion-ease-out)}.app-shell{min-height:100vh;max-width:720px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:var(--app-spacing-lg)}.app-shell__header{display:flex;align-items:center;gap:var(--app-spacing-sm);padding:0 var(--app-spacing-sm)}.app-shell__logo{width:34px;height:34px;border-radius:var(--app-radius);border:1px solid var(--app-border);background:linear-gradient(145deg,var(--color-interaction-primary-tint),var(--color-interaction-primary-border));display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-family:var(--font-display);font-weight:800;color:var(--app-text-primary)}.app-shell__title{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.app-shell__main{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.app-view{border-radius:var(--app-radius);border:none;background-color:transparent;padding:24px 24px 28px;box-shadow:none}.app-view__title{margin:0 0 .35rem;font-size:1.75rem}.app-view__subtitle{margin:0 0 1.2rem;font-size:.95rem;color:var(--app-text-muted)}.app-view__status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--app-radius);font-size:.8rem;border:1px solid var(--app-border);background-color:var(--app-surface-elevated)}.app-view__status--ok{border-color:#10b98199;background-color:#10b9811f;color:#bbf7d0}.app-view__status--error{border-color:#ef444499;background-color:#ef44441f;color:#fecaca}.app-view__status--pending{border-style:dashed;border-color:var(--app-border-strong);color:var(--app-text-muted)}.app-section{margin-top:1.5rem}.app-section__title{margin:0 0 .75rem;font-size:.95rem;font-weight:600}.app-switch{display:flex;align-items:center;gap:.75rem;margin-top:.75rem}.app-switch__label{font-size:.85rem;color:var(--app-text-muted)}.app-switch__root{width:42px;height:22px;border-radius:var(--radius-pill);background-color:#ededed0f;border:1px solid var(--app-border);position:relative;display:inline-flex;align-items:center;padding:0 2px;cursor:pointer}.app-switch__thumb{width:18px;height:18px;border-radius:var(--radius-pill);background-color:var(--color-accent);box-shadow:0 8px 18px #00000047,0 0 0 1px #ededed38;transform:translate(0);transition:transform .16s ease-out,box-shadow .16s ease-out}.app-switch__root[data-state=checked]{background-color:var(--color-accent-soft);border-color:var(--color-accent-border)}.app-switch__root[data-state=checked] .app-switch__thumb{transform:translate(18px)}.app-list{margin:0 0 1.5rem;padding:0;list-style:none}.app-list__item{padding:.4rem 0;font-size:.85rem;color:var(--app-text-muted);display:flex;flex-direction:column;gap:.1rem}.app-list__item-name{color:var(--app-text-primary)}.app-list__item-meta{font-size:.75rem;color:var(--app-text-muted)}.app-input{padding:6px 10px;border-radius:var(--app-radius);border:1px solid var(--app-border-subtle);background-color:#141414a3;color:var(--app-text-primary);font-size:.85rem}.app-input:focus{border-color:var(--color-accent-border);box-shadow:var(--input-glow)}.app-input--narrow{width:80px}.app-input--select{padding-right:26px}.app-text-muted{font-size:.85rem;color:var(--app-text-muted)}.app-text-error{font-size:.85rem;color:var(--app-error)}.app-nav{margin-top:1.4rem}@media(max-width:480px){.app-nav{position:fixed;right:6px;bottom:calc(8px + var(--safe-area-bottom));left:6px;z-index:70;margin:0;padding:3px;display:block;overflow-x:visible;border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--color-background-page);box-shadow:0 -12px 32px #0000004d}}.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,var(--color-interaction-primary-tint),transparent 34%),radial-gradient(circle at 15% 22%,var(--color-interaction-primary-tint),transparent 28%),var(--app-background);padding:24px;position:relative;overflow:hidden}.auth-gate:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(237,237,237,.035),transparent 58%),radial-gradient(circle at 78% 78%,var(--color-interaction-primary-tint),transparent 34%);pointer-events:none}.auth-gate:after{display:none}.auth-gate__glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,var(--color-interaction-primary-tint) 0%,var(--color-interaction-primary-border) 45%,transparent 70%);animation:none;pointer-events:none}.auth-gate__panel{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;z-index:1}.auth-gate__brand{display:flex;flex-direction:column;align-items:center;gap:20px;animation:auth-gate-fade-up .6s var(--motion-ease-out) both}.auth-gate__logo{width:80px;height:80px;border:1px solid var(--app-border-strong);border-radius:var(--app-radius);background:linear-gradient(135deg,var(--color-interaction-primary-tint) 0%,var(--color-interaction-primary-border) 100%);display:flex;align-items:center;justify-content:center;font-size:28px;font-family:var(--font-display);font-weight:800;color:var(--app-text-primary);letter-spacing:0;position:relative}.auth-gate__logo:before,.auth-gate__logo:after{display:none}.auth-gate__wordmark{display:flex;flex-direction:column;align-items:center;gap:6px}.auth-gate__title{font-size:22px;font-family:var(--font-display);font-weight:700;color:var(--app-text-primary);text-align:center;letter-spacing:0;text-transform:uppercase}.auth-gate__tagline{font-size:11px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:var(--app-text-faint)}.auth-gate__card{width:100%;background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:28px 24px;animation:auth-gate-fade-up .6s var(--motion-ease-out) .1s both}.auth-gate__card-header{margin-bottom:24px;text-align:center}.auth-gate__card-title{font-size:13px;font-weight:600;color:var(--app-text-secondary);letter-spacing:0}.auth-gate__message{padding:12px 16px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-left-width:3px;border-radius:var(--app-radius);color:var(--app-text-secondary);font-size:12px;margin-bottom:20px}.auth-gate__form{display:flex;flex-direction:column;gap:18px}.auth-gate__row{display:flex;flex-direction:column;gap:8px}.auth-gate__label{font-size:10px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.auth-gate__input-wrap{position:relative}.auth-gate__input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--app-text-dim);pointer-events:none}.auth-gate__input{padding-left:44px;font-size:16px}.auth-gate__input:focus+.auth-gate__input-icon,.auth-gate__input:not(:placeholder-shown)+.auth-gate__input-icon{color:var(--color-accent-dim)}.auth-gate__input::placeholder{color:var(--app-text-dim)}.auth-gate__actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.auth-gate__spinner{width:14px;height:14px;border:2px solid var(--color-interaction-primary-border);border-top-color:var(--color-accent);border-radius:50%;animation:auth-gate-spinner .8s linear infinite}.auth-gate__divider{display:flex;align-items:center;gap:16px;margin:4px 0}.auth-gate__divider-line{flex:1;height:1px;background:var(--app-border-subtle)}.auth-gate__divider-text{font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:var(--app-text-faint)}.auth-gate__footer{animation:auth-gate-fade-up .6s var(--motion-ease-out) .2s both}.auth-gate__version{font-size:10px;font-weight:500;letter-spacing:0;text-transform:uppercase;color:var(--app-text-faint)}.admin-page{min-height:100vh;max-width:1180px;margin:0 auto;padding:32px 24px 48px;color:var(--app-text-primary)}.admin-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--app-border-subtle)}.admin-page__eyebrow{margin:0 0 6px;font-size:var(--text-sm);font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--color-accent)}.admin-page__title{margin:0;font-size:var(--text-4xl);line-height:1.15;font-weight:760;letter-spacing:0}.admin-page__subtitle{margin:8px 0 0;font-size:var(--text-md);color:var(--app-text-muted);overflow-wrap:anywhere}.admin-page__header-meta{min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);color:var(--app-text-secondary);font-size:var(--text-md)}.admin-page__empty,.admin-page__notice,.admin-page__section,.admin-page__table-wrap,.admin-page__pagination{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:var(--app-surface-elevated)}.admin-page__empty{padding:20px}.admin-page__empty-title{margin:0;font-size:var(--text-xl);font-weight:700}.admin-page__empty-copy{margin:8px 0 0;font-size:var(--text-md);line-height:1.55;color:var(--app-text-muted)}.admin-page__notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px}.admin-page__notice--error{border-color:#ef44446b;background:#ef444414}.admin-page__notice--success{border-color:var(--color-interaction-primary-border);background:var(--color-accent-faint)}.admin-page__notice-title{margin:0;font-size:var(--text-lg);font-weight:700}.admin-page__notice-copy{margin:4px 0 0;font-size:var(--text-md);color:var(--app-text-muted)}.admin-page__action{flex-shrink:0}.admin-page__table-wrap{overflow-x:auto}.admin-page__table{width:100%;min-width:720px;border-collapse:collapse}.admin-page__table th,.admin-page__table td{padding:12px;border-bottom:1px solid var(--app-border-faint);text-align:left;vertical-align:middle;font-size:var(--text-md)}.admin-page__table th{color:var(--app-text-muted);font-size:var(--text-sm);font-weight:800;letter-spacing:0;text-transform:uppercase}.admin-page__table tr:last-child td{border-bottom:none}.admin-page__user-cell{display:flex;flex-direction:column;gap:3px}.admin-page__user-name{font-size:var(--text-lg);font-weight:760;color:var(--app-text-primary)}.admin-page__user-meta{font-size:var(--text-sm);color:var(--app-text-muted)}.admin-page__code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--app-text-secondary);overflow-wrap:anywhere}.admin-page__pagination{margin-top:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--app-text-muted);font-size:var(--text-md)}.admin-page__detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.admin-page__section{padding:14px}.admin-page__section--danger{grid-column:1 / -1;border-color:#ef444461;background:#7f1d1d1a}.admin-page__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-page__section-title{margin:0;font-size:var(--text-xl);font-weight:760}.admin-page__section-copy{margin:4px 0 0;color:var(--app-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.admin-page__section-count{min-width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);color:var(--app-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.admin-page__definition-list{margin:0;display:flex;flex-direction:column;gap:8px}.admin-page__definition-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--app-border-faint)}.admin-page__definition-row:last-child{border-bottom:none}.admin-page__definition-row dt{color:var(--app-text-muted);font-size:var(--text-sm)}.admin-page__definition-row dd{margin:0;font-size:var(--text-md);color:var(--app-text-secondary);overflow-wrap:anywhere}.admin-page__session-list{display:flex;flex-direction:column;gap:10px}.admin-page__data-row{padding:10px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:var(--color-background-card)}.admin-page__data-row-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:var(--text-md);color:var(--app-text-muted)}.admin-page__strong{font-weight:760;color:var(--app-text-primary)}.admin-page__chip-row{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.admin-page__chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--fitness-ember-border);border-radius:var(--app-radius);background:var(--fitness-ember-soft);color:var(--app-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.admin-page__json{max-height:220px;overflow:auto;margin:10px 0 0;padding:10px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:var(--color-background-inset);color:var(--app-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.admin-page__delete-form{display:grid;gap:12px}.admin-page__danger-copy{margin:0;color:#fee2e2f0;font-size:var(--text-md);line-height:1.5}.admin-page__confirmation-target{display:grid;gap:5px;padding:10px;border:1px solid rgba(239,68,68,.28);border-radius:var(--app-radius);background:var(--color-background-card)}.admin-page__confirmation-target span,.admin-page__field span{color:var(--app-text-muted);font-size:var(--text-sm);font-weight:760;letter-spacing:0;text-transform:uppercase}.admin-page__confirmation-target code{color:var(--app-text-primary);font-family:var(--font-mono);font-size:var(--text-md);overflow-wrap:anywhere}.admin-page__field{display:grid;gap:7px}.admin-page__inline-error{margin:0;color:#fecacaf5;font-size:var(--text-md)}.admin-page__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:760px){.admin-page{padding:20px 14px 36px}.admin-page__header,.admin-page__notice,.admin-page__pagination{flex-direction:column;align-items:stretch}.admin-page__detail-grid{grid-template-columns:1fr}.admin-page__definition-row{grid-template-columns:1fr;gap:3px}.admin-page__actions{flex-direction:column}.admin-page__action{width:100%}}.fitness-tracker{min-height:100vh;max-width:620px;margin:0 auto;padding:16px;background:radial-gradient(circle at 20% 0%,var(--color-interaction-primary-tint),transparent 32%),linear-gradient(180deg,rgba(237,237,237,.025),transparent 280px);color:var(--app-text-primary);font-family:var(--font-system)}.fitness-tracker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--app-border-subtle)}.fitness-tracker__title-group{display:flex;flex-direction:column;gap:2px}.fitness-tracker__title{margin:0;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:0;line-height:1;color:var(--app-text-primary)}.fitness-tracker__date{font-size:var(--font-size-body);color:var(--app-text-muted);letter-spacing:0}.fitness-tracker__header-actions{display:flex;gap:8px}.fitness-tracker__session-action{min-height:48px;min-width:124px;padding-inline:24px;font-size:15px;font-weight:800;text-transform:uppercase}.fitness-tracker__mode-button{font-size:var(--font-size-label);font-weight:600;text-transform:uppercase}.fitness-tracker__reset-button{font-size:var(--font-size-label);font-weight:700;text-transform:uppercase}.fitness-tracker__reset-label{margin-left:4px;font-size:var(--font-size-caption);text-transform:uppercase}.fitness-icon-glyph{display:inline-block;font-size:var(--fitness-icon-glyph-size, 16px);line-height:1;color:var(--app-text-primary)}.fitness-icon-glyph--size-12{font-size:12px}.fitness-icon-glyph--size-14{font-size:14px}.fitness-icon-glyph--size-16{font-size:16px}.fitness-icon-glyph--size-18{font-size:18px}.fitness-icon-glyph--muted{color:var(--app-text-dim)}.fitness-icon-glyph--success{color:var(--color-ok)}.fitness-icon-glyph--inverse{color:var(--color-background-page)}.fitness-icon-glyph--danger{color:var(--color-error)}.fitness-icon-glyph--warning{color:var(--color-warning)}.fitness-icon-glyph--accent{color:var(--color-interaction-primary)}.fitness-runtime{position:relative;margin-bottom:16px;padding:14px;border:1px solid var(--fitness-border);border-radius:var(--app-radius);background:linear-gradient(180deg,var(--fitness-surface-raised),var(--fitness-surface));box-shadow:0 14px 36px #0000002e}.fitness-runtime__source-toggle{position:absolute;top:10px;right:10px;min-width:38px;min-height:34px;padding:6px 8px}.fitness-runtime__section+.fitness-runtime__section{margin-top:12px}.fitness-runtime__title{margin-bottom:8px;font-size:var(--font-size-label);font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.fitness-runtime__button-row{display:flex;flex-wrap:wrap;gap:8px}.fitness-runtime__button{min-width:44px;font-size:var(--font-size-label);font-weight:700;line-height:1.2;text-transform:uppercase}.fitness-runtime__readiness-cycle{display:none}.fitness-runtime__readiness-cycle-label,.fitness-runtime__readiness-cycle-score{display:block}.fitness-runtime__readiness-cycle-label{font-size:9px;color:inherit}.fitness-runtime__readiness-cycle-score{font-size:15px;line-height:1}.fitness-runtime__subsection{margin-bottom:10px}.fitness-runtime__subhead{margin-bottom:6px;font-size:var(--font-size-caption);font-weight:700;text-transform:uppercase;color:var(--app-text-dim)}.fitness-runtime__fields{display:grid;grid-template-columns:minmax(80px,.8fr) minmax(160px,1.4fr) auto;gap:8px;align-items:end;margin-bottom:10px}.fitness-runtime__field{display:grid;gap:4px}.fitness-runtime__field-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--app-text-dim)}.fitness-runtime__input{width:100%;font-size:16px}.fitness-runtime__readiness-grid{display:grid;gap:8px}.fitness-runtime__readiness-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.fitness-runtime__metric{min-width:104px;display:flex;align-items:baseline;gap:8px}.fitness-runtime__metric-short{font-size:var(--font-size-body);font-weight:800;color:var(--fitness-ember)}.fitness-runtime__metric-label{font-size:var(--font-size-body);color:var(--app-text-secondary)}.fitness-runtime__hints{margin-top:12px;display:grid;gap:6px}.fitness-runtime__hint{padding:8px 10px;border-left:2px solid var(--fitness-ember);border-radius:var(--radius-default);background:var(--fitness-ember-soft);color:var(--app-text-primary);font-size:var(--font-size-body);line-height:1.4}.fitness-runtime__hybrid-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.fitness-runtime__status-card{min-height:58px;padding:9px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:var(--app-surface-elevated)}.fitness-runtime__status-label{display:block;margin-bottom:5px;font-size:9px;font-weight:700;text-transform:uppercase;color:var(--app-text-dim)}.fitness-runtime__status-value{display:block;font-size:15px;font-weight:800;line-height:1.1;color:var(--app-text-primary)}.fitness-runtime__status-value--green{color:#88d8b0}.fitness-runtime__status-value--yellow{color:#ffe66d}.fitness-runtime__status-value--red{color:#ff8d79}.fitness-runtime__dial-row,.fitness-runtime__log-counts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fitness-runtime__guidance-grid{display:grid;gap:8px;margin-bottom:10px}.fitness-runtime__tools-toggle{width:100%;margin-bottom:10px;font-size:var(--font-size-label);font-weight:800;letter-spacing:0;text-transform:uppercase}.fitness-runtime__tools-panel{display:grid;gap:10px;margin-bottom:10px}.fitness-runtime__guidance{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:var(--app-surface-elevated)}.fitness-runtime__guidance-label{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--fitness-ember)}.fitness-runtime__guidance-text{font-size:11px;line-height:1.35;color:var(--app-text-secondary)}.fitness-runtime__dial,.fitness-runtime__log-count{padding:5px 8px;border:1px solid var(--app-border-subtle);border-radius:var(--radius-rounded);background:var(--app-surface-elevated);color:var(--app-text-secondary);font-size:var(--font-size-label);font-weight:700;text-transform:uppercase}@media(max-width:520px){.fitness-runtime__hybrid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fitness-runtime__fields{grid-template-columns:1fr}}.fitness-exercise-list{margin-bottom:24px}.fitness-exercise-divider{border-top-width:1px;border-top-style:solid;margin:12px 0;position:relative}.fitness-exercise-divider__label{position:absolute;top:-8px;left:0;padding:0 8px 0 0;font-size:10px;text-transform:uppercase;letter-spacing:0;color:var(--app-text-muted);background:var(--app-background)}.fitness-exercise-note{font-size:var(--font-size-body);color:var(--app-text-muted);margin-bottom:12px;font-style:italic}.fitness-footer{text-align:center;font-size:var(--font-size-caption);color:var(--app-text-dim);padding:24px 0 12px}.fitness-week-nav{display:flex;align-items:center;gap:10px;margin-bottom:20px;overflow-x:clip;padding-bottom:4px}.fitness-week-nav__days{animation:fitness-week-fade-in .25s var(--motion-ease-out)}.fitness-week-nav__arrow{font-size:18px;flex-shrink:0}.fitness-week-nav__tabs{flex:1 1 auto;min-width:0}.fitness-week-nav__tabs .tabs__list,.fitness-week-nav__tabs .tabs__trigger,.fitness-week-nav__tabs .tabs__indicator{border-radius:0}.fitness-week-nav__day{flex-direction:column;gap:4px;height:58px;min-height:58px;width:100%;min-width:0;padding:0 clamp(8px,1.6vw,20px);flex-shrink:0}.fitness-week-nav__day-label{font-size:15px;font-weight:800;line-height:1;color:inherit;text-transform:uppercase;letter-spacing:0;margin-bottom:0}.fitness-week-nav__day-date{font-size:12px;font-weight:600;line-height:1.15;color:inherit;opacity:.7;margin-top:6px}.fitness-day-header{border-radius:var(--app-radius);padding:16px;margin-bottom:16px;border-width:1px;border-style:solid;border-color:color-mix(in srgb,var(--fitness-day-color, var(--color-interaction-primary)) 20%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--fitness-day-color, var(--color-interaction-primary)) 8%,transparent),#232323e6 42%),var(--fitness-surface);contain:layout style}.fitness-day-header__top{display:flex;align-items:flex-start;justify-content:space-between}.fitness-day-header__name{font-size:var(--font-size-caption);font-weight:700;letter-spacing:0;margin-bottom:4px;text-transform:uppercase;color:var(--fitness-day-color, var(--color-accent))}.fitness-day-header__title{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:0;color:var(--app-text-primary);line-height:1.3}.fitness-day-header__summary{border-radius:var(--app-radius);background:#1414148f;border:1px solid var(--app-border-subtle);padding:8px 14px;font-size:16px;font-variant-numeric:tabular-nums}.fitness-day-header__summary-completed{color:var(--fitness-day-color, var(--color-accent));font-weight:700}.fitness-day-header__summary-total{color:var(--app-text-dim)}.fitness-day-header__progress{margin-top:14px;display:flex;gap:3px;height:10px}.fitness-day-header__progress-bar{width:var(--fitness-day-progress, 0%);height:100%;border-radius:var(--radius-sharp);background:var(--fitness-day-color, var(--color-accent));transition:width .2s linear}.fitness-day-header__progress-segment{flex:1;border-radius:var(--radius-sharp);background:#ededed14;transition:background var(--motion-duration-fast) var(--motion-ease-out);position:relative;overflow:hidden}.fitness-day-header__progress-segment--filled{opacity:1}.fitness-day-header__progress-segment--filled:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s ease-in-out infinite;animation-delay:calc(var(--segment-index, 0) * .1s)}.fitness-day-header__progress-segment--empty{flex:1}.fitness-day-header__session{margin-top:12px;padding:10px 12px;border-radius:var(--app-radius);background:#14141480;border:1px solid var(--app-border-subtle)}.fitness-day-header__session-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fitness-day-header__session-label{font-size:10px;text-transform:uppercase;letter-spacing:0;color:var(--app-text-dim)}.fitness-day-header__session-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--app-text-primary)}.fitness-day-header__session-value--active{animation:pulse-subtle 2s ease-in-out infinite}.fitness-day-header__rest{margin-top:8px}.fitness-day-header__rest-label{font-size:10px;margin-bottom:4px;color:var(--app-text-muted);letter-spacing:0;display:flex;justify-content:space-between;align-items:center}.fitness-day-header__rest-time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-accent)}.fitness-day-header__rest-bar{height:6px;border-radius:var(--radius-sharp);background:#ededed14;overflow:hidden;position:relative}.fitness-day-header__rest-bar-inner{height:100%;width:0;background:var(--color-accent);transition:width .2s linear;position:relative}.fitness-day-header__rest-bar-inner:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4))}.fitness-warmup-guide{margin-bottom:16px;padding:16px 18px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:var(--color-background-card);transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-warmup-guide--expanded{border-color:var(--app-border)}.fitness-warmup-guide__heading{margin:0;font:inherit;font-weight:400}.fitness-warmup-guide__header{width:100%;height:auto;min-height:48px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;justify-content:stretch;text-align:left}.fitness-warmup-guide__header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.fitness-warmup-guide__eyebrow{font-size:var(--font-size-caption);font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.fitness-warmup-guide__title{font-size:var(--font-size-h2);font-weight:700;color:var(--app-text-primary);line-height:1.3}.fitness-warmup-guide__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--app-text-muted);flex-shrink:0}.fitness-warmup-guide__body{margin-top:16px;border-top:1px solid var(--app-border-subtle);padding-top:16px}.fitness-warmup-guide__description{margin:0;font-size:var(--font-size-body);line-height:1.5;color:var(--app-text-secondary)}.fitness-warmup-guide__groups{display:grid;gap:12px;margin-top:12px}.fitness-warmup-guide__group{padding-top:12px;border-top:1px solid var(--app-border-subtle)}.fitness-warmup-guide__group:first-child{padding-top:0;border-top:0}.fitness-warmup-guide__group-title{margin:0;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--fitness-ember)}.fitness-warmup-guide__group-text{margin:8px 0 0;font-size:var(--font-size-body);line-height:1.5;color:var(--app-text-secondary)}.fitness-warmup-guide__list{margin:8px 0 0;padding-left:16px;display:grid;gap:8px;color:var(--app-text-secondary)}.fitness-warmup-guide__list--numbered{padding-left:18px}.fitness-warmup-guide__item{font-size:var(--font-size-body);line-height:1.5}.fitness-warmup-guide__stack{display:grid;gap:8px;margin-top:8px}.fitness-warmup-guide__stack-item{font-size:var(--font-size-body);line-height:1.5;color:var(--app-text-secondary)}.fitness-exercise-card{border-radius:var(--app-radius);margin-bottom:10px;border:1px solid var(--app-border-faint);overflow:hidden;background:var(--color-background-card);contain:layout style;transition:border-color var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}.fitness-exercise-card--expanded{border-color:var(--app-border);box-shadow:var(--shadow-md)}.fitness-exercise-card--done{border-color:var(--color-accent-border);background:var(--color-accent-faint)}.fitness-exercise-card--just-done{animation:slide-up-fade .3s var(--motion-ease-out);box-shadow:var(--shadow-glow-accent)}.fitness-exercise-card__header{padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-exercise-card__header:hover{background:#ededed09}.fitness-exercise-card__header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent)}.fitness-exercise-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:4px}.fitness-exercise-card__type{font-size:9px;padding:2px 6px;border-radius:var(--radius-rounded);font-weight:700;background:#ededed1a;color:var(--app-text-dim)}.fitness-exercise-card__type--main{background:var(--fitness-exercise-type-bg, var(--color-interaction-primary));color:var(--color-interaction-primary-text)}.fitness-exercise-card__tissue-icon{font-size:10px}.fitness-exercise-card__count{font-size:10px;color:var(--app-text-dim)}.fitness-exercise-card__swap{margin-left:auto;border:1px solid var(--app-border-subtle);background:#ededed0a;border-radius:var(--radius-rounded);padding:2px 8px;font-size:10px;cursor:pointer;color:var(--app-text-muted);transition:transform var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-exercise-card__swap:hover{border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-faint)}.fitness-exercise-card__swap:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.fitness-exercise-card__swap:active{transform:scale(var(--motion-press-scale))}.fitness-exercise-card__main{flex:1;min-width:0}.fitness-exercise-card__name{height:auto;min-height:0;font-size:17px;font-weight:700;line-height:1.2;color:var(--app-text-primary);display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;background:transparent;border:none;padding:2px 0;text-align:left;cursor:pointer}.fitness-exercise-card__name:hover{text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:3px}.fitness-exercise-card__name:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.fitness-exercise-card__history{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.fitness-exercise-card__history-item{display:inline-flex;align-items:baseline;gap:7px;min-height:30px;padding:5px 10px;border:1px solid var(--app-border-faint);border-radius:4px;background:#ededed0b}.fitness-exercise-card__history-label{font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.fitness-exercise-card__history-value{font-size:14px;font-weight:800;color:var(--app-text-primary)}.fitness-exercise-card__chevron{color:var(--app-text-dim);transition:transform var(--motion-duration-fast) var(--motion-ease-out)}.fitness-exercise-card--expanded .fitness-exercise-card__chevron{transform:rotate(180deg)}.fitness-exercise-card__body{padding:0 16px 16px;animation:slide-up-fade .2s var(--motion-ease-out)}.fitness-exercise-card__performed-options{margin-bottom:12px;padding:10px 12px;border-radius:var(--app-radius);background:#ededed07;border:1px solid var(--app-border-faint)}.fitness-exercise-card__performed-options-title{margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--app-text-muted)}.fitness-exercise-card__performed-options-row{display:flex;flex-wrap:wrap;gap:8px}.fitness-exercise-card__performed-option{min-width:44px;padding:8px 10px;border:1px solid var(--app-border-subtle);border-radius:var(--radius-rounded);background:#ededed09;color:var(--app-text-muted);font-size:11px;font-weight:700;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-exercise-card__performed-option--active{border-color:var(--fitness-ember-border);background:var(--fitness-ember-soft);color:var(--app-text-primary)}.fitness-exercise-card__warmup-cue{margin-bottom:12px;padding:10px 12px;border-left:2px solid var(--fitness-ember);border-radius:var(--radius-default);background:var(--fitness-ember-soft)}.fitness-exercise-card__warmup-cue-kicker{margin-bottom:4px;font-size:9px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--fitness-ember)}.fitness-exercise-card__warmup-cue-title{font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--app-text-primary)}.fitness-exercise-card__warmup-cue-directive{margin-top:6px;font-size:12px;line-height:1.45;color:var(--app-text-primary)}.fitness-exercise-card__warmup-cue-text{margin-top:6px;font-size:12px;line-height:1.5;color:var(--app-text-secondary)}.fitness-exercise-card__warmup-cue-list{margin:8px 0 0;padding-left:16px;display:grid;gap:6px;color:var(--app-text-secondary)}.fitness-exercise-card__warmup-cue-item{font-size:12px;line-height:1.5}.fitness-exercise-card__workset-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px;padding:10px 0 0;border-top:1px solid var(--app-border)}.fitness-exercise-card__workset-title{display:flex;align-items:baseline;gap:8px;min-width:0}.fitness-exercise-card__workset-label{font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--app-text-secondary)}.fitness-exercise-card__workset-count{font-size:10px;font-weight:700;color:var(--app-text-dim)}.fitness-exercise-card__details-button{flex-shrink:0;font-size:10px;font-weight:800;text-transform:uppercase}.fitness-exercise-card__progression{display:grid;gap:5px;margin-bottom:12px;padding:10px 12px;border-left:2px solid rgba(255,255,255,.16);border-radius:var(--app-radius);background:#ededed09}.fitness-exercise-card__progression--increase{border-left-color:var(--color-interaction-primary);background:var(--color-accent-faint)}.fitness-exercise-card__progression--reduce{border-left-color:#ef4444bf;background:#ef444414}.fitness-exercise-card__progression-label{font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--app-text-secondary)}.fitness-exercise-card__progression-text{font-size:12px;line-height:1.5;color:var(--app-text-muted)}.exercise-details-drawer__meta{border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ffffff05;padding:12px;margin-bottom:14px}.exercise-details-drawer__meta-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.exercise-details-drawer__meta-row+.exercise-details-drawer__meta-row{margin-top:8px}.exercise-details-drawer__meta-label{font-size:11px;color:var(--app-text-muted);letter-spacing:0}.exercise-details-drawer__meta-value{font-size:12px;color:var(--app-text-primary);font-weight:600}.exercise-details-drawer__section{margin-top:14px}.exercise-details-drawer__section-title{font-size:12px;font-weight:700;color:var(--app-text-primary);letter-spacing:0;margin-bottom:8px}.exercise-details-drawer__section-text{font-size:12px;color:var(--app-text-muted);line-height:1.4}.exercise-details-drawer__list{display:flex;flex-direction:column;gap:8px}.exercise-details-drawer__list-item{display:flex;gap:10px;align-items:flex-start}.exercise-details-drawer__bullet{color:var(--app-text-muted);line-height:1.2;flex-shrink:0}.exercise-details-drawer__list-text{font-size:12px;color:var(--app-text-muted);line-height:1.4}.exercise-details-drawer__history-list{display:flex;flex-direction:column;gap:10px}.exercise-details-drawer__history-item{border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ffffff05;padding:10px 12px}.exercise-details-drawer__history-date{font-size:11px;color:var(--app-text-muted);letter-spacing:0;margin-bottom:4px}.exercise-details-drawer__history-detail{font-size:13px;color:var(--app-text-primary);font-weight:600;line-height:1.35}.exercise-details-drawer__history-meta{font-size:11px;color:var(--app-text-muted);line-height:1.35;margin-top:4px}.fitness-skill-ladder{border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-surface-elevated);padding:var(--space-3);margin-bottom:var(--space-3)}.fitness-skill-ladder__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.fitness-skill-ladder__title{font-size:var(--text-md);font-weight:700;color:var(--app-text-primary)}.fitness-skill-ladder__progress{font-size:var(--text-sm);color:var(--app-text-muted)}.fitness-skill-ladder__next{margin-top:var(--space-2);font-size:var(--text-base);color:var(--app-text-secondary)}.fitness-skill-ladder__steps{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.fitness-skill-ladder__step{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:#ededed06;padding:var(--space-2)}.fitness-skill-ladder__step--unlocked{border-color:var(--color-accent-border);background:var(--color-accent-faint)}.fitness-skill-ladder__step--needs-data{border-color:#f59e0b59;background:#f59e0b0f}.fitness-skill-ladder__step-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.fitness-skill-ladder__step-name{font-size:var(--text-base);color:var(--app-text-primary)}.fitness-skill-ladder__badge{font-size:var(--text-xs);padding:2px 6px;border:1px solid var(--app-border-subtle);border-radius:var(--radius-rounded);color:var(--app-text-muted);background:#ededed09}.fitness-skill-ladder__badge--unlocked{border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-faint)}.fitness-skill-ladder__badge--needs-data{border-color:#f59e0b59;color:#f59e0be6;background:#f59e0b0f}.fitness-skill-ladder__criteria{margin-top:var(--space-2);display:flex;flex-direction:column;gap:2px}.fitness-skill-ladder__criterion{font-size:var(--text-sm);color:var(--app-text-muted)}.fitness-skill-ladder__why{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--app-text-faint)}.fitness-skill-ladder__footer{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--app-text-faint)}.fitness-skill-ladder__code{font-family:var(--font-system);font-size:var(--text-sm);color:var(--app-text-secondary)}.fitness-set-row{display:grid;grid-template-columns:28px minmax(96px,1fr) minmax(72px,84px) minmax(74px,88px) minmax(58px,72px) 34px;grid-template-areas:"check label load reps rpe controls";align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--app-border-faint);overflow-x:clip;overflow-clip-margin:3px;contain:layout style}.fitness-set-row:last-child{border-bottom:none}.fitness-set-row--completed{opacity:.6}.fitness-set-row--completed .fitness-set-row__label{text-decoration:line-through;text-decoration-color:var(--color-interaction-primary-border)}.fitness-set-row__checkbox{grid-area:check;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fitness-set-row__label{grid-area:label;min-width:0;font-size:11px;transition:opacity var(--motion-duration-fast) var(--motion-ease-out)}.fitness-set-row__label--top{color:var(--fitness-set-row-label-color, var(--color-accent));font-weight:700}.fitness-set-row__label--backoff{color:var(--app-text-muted);font-weight:500}.fitness-set-row__label--standard{color:var(--app-text-dim);font-weight:500}.fitness-set-row__label-note{font-size:9px;color:var(--app-text-dim)}.fitness-set-row__field{display:grid;grid-template-rows:44px auto;align-items:stretch;gap:4px;min-width:0}.fitness-set-row__field--load{grid-area:load}.fitness-set-row__field--reps{grid-area:reps}.fitness-set-row__field--rpe{grid-area:rpe}.fitness-set-row__field--wide{flex:1 1 170px}.fitness-set-row__input{width:calc(100% - 8px);min-width:0;justify-self:center;height:44px;min-height:44px;padding:0 8px;font-size:16px;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.fitness-set-row__input--changed{animation:number-tick .2s var(--motion-ease-out)}.fitness-set-row__input--load,.fitness-set-row__input--reps,.fitness-set-row__input--rpe{width:calc(100% - 8px)}.fitness-set-row__input--small{width:42px}.fitness-set-row__input--tempo{width:58px}.fitness-set-row__input--quality{width:72px}.fitness-set-row__input--rom{width:76px}.fitness-set-row__input--notes{width:100%;text-align:left}.fitness-set-row__advanced{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;grid-column:2 / -2;justify-self:center;min-width:0;width:calc(100% - 8px);max-width:100%;margin-top:2px;padding:10px 12px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ededed06}.fitness-set-row__unit{font-size:9px;line-height:1;text-align:center;color:var(--app-text-dim);-webkit-user-select:none;user-select:none}.fitness-set-row__progression{font-size:10px;font-weight:600}.fitness-set-row__progression--up{color:var(--color-ok)}.fitness-set-row__progression--down{color:var(--color-error)}.fitness-set-row__progression--same{color:var(--app-text-dim)}.fitness-set-row__controls{grid-area:controls;display:flex;align-items:center;gap:4px;justify-content:center;margin-left:0;min-width:0;overflow-x:clip}.fitness-set-row__remove-button{width:34px;min-width:34px;padding:0;font-size:13px}.fitness-set-row__add-button{margin-top:8px;font-size:11px;font-weight:700;text-transform:uppercase}.fitness-warmups{margin-bottom:8px;padding:10px 12px;border-radius:var(--app-radius);background:var(--app-surface-elevated);border:1px solid var(--app-border-faint)}.fitness-warmups__title{font-size:10px;color:var(--app-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:0;font-weight:800}.fitness-warmups__actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fitness-warmups__add-button{font-size:11px;font-weight:700;text-transform:uppercase}.fitness-warmup-row{display:grid;grid-template-columns:32px minmax(64px,1fr) minmax(124px,max-content) minmax(112px,max-content) 32px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--app-border-faint)}.fitness-warmup-row:last-child{border-bottom:none}.fitness-warmup-row--completed{opacity:.5}.fitness-warmup-row__checkbox{padding:0;width:32px;height:32px;min-width:32px}.fitness-warmup-row__label{font-size:10px;color:var(--app-text-dim);min-width:0;line-height:1.15;overflow-wrap:anywhere}.fitness-warmup-row__text{font-size:12px;color:var(--app-text-muted)}.fitness-warmup-row__field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;min-width:0}.fitness-warmup-row__input{font-size:12px;text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;box-sizing:border-box;min-width:0;padding-inline:8px}.fitness-warmup-row__input::-webkit-outer-spin-button,.fitness-warmup-row__input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.fitness-warmup-row__input--load{width:92px}.fitness-warmup-row__input--reps{width:78px}.fitness-warmup-row__unit{font-size:9px;color:var(--app-text-dim)}.fitness-warmup-row__remove-button{width:32px;height:32px;min-width:32px;padding:0;font-size:12px}.fitness-microdose{padding:14px 16px;border-radius:var(--app-radius);margin-bottom:20px;border:1px solid var(--app-border-faint);background:var(--color-background-card)}.fitness-microdose--ember{border-color:color-mix(in srgb,var(--fitness-ember) 25%,transparent);background:color-mix(in srgb,var(--fitness-ember) 8%,transparent)}.fitness-microdose__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fitness-microdose__title{font-size:var(--font-size-caption);font-weight:700;text-transform:uppercase;color:var(--fitness-ember)}.fitness-microdose__text{font-size:var(--font-size-body-large);color:var(--app-text-secondary)}.fitness-microdose__target{color:var(--app-text-muted)}.fitness-durability{background:var(--color-background-card);border-radius:var(--app-radius);padding:14px 16px;margin-bottom:20px;border:1px solid var(--app-border-faint)}.fitness-durability__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.fitness-durability__title{font-size:var(--font-size-label);font-weight:600;color:var(--app-text-muted)}.fitness-durability__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fitness-durability__item{border-radius:var(--app-radius);padding:10px;background:#ededed09;border:1px solid var(--app-border-subtle)}.fitness-durability__item--low{background:#e74c3c14}.fitness-durability__item-header{display:flex;align-items:center;gap:4px;margin-bottom:6px}.fitness-durability__item-name{font-size:9px;color:var(--app-text-muted)}.fitness-durability__icon{font-size:12px;line-height:1}.fitness-durability__bar{height:3px;background:#ededed14;border-radius:var(--radius-pill);overflow:hidden}.fitness-durability__bar-inner{height:100%}.fitness-durability__bar-inner--complete{background:var(--color-success)}.fitness-durability__bar-inner--active{background:var(--color-warning)}.fitness-durability__bar-inner--low{background:var(--color-danger)}.fitness-durability__item-count{font-size:9px;color:var(--app-text-dim);margin-top:4px}.fitness-session-recap{background:var(--color-background-card);border-radius:var(--app-radius);border:1px solid var(--app-border-faint);padding:14px 16px;margin-top:16px;font-size:var(--font-size-body);color:var(--app-text-secondary)}.fitness-session-recap__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fitness-session-recap__title{font-weight:600;text-transform:uppercase;letter-spacing:0;font-size:var(--font-size-caption);color:var(--app-text-muted)}.fitness-session-recap__meta{font-size:var(--font-size-caption);color:var(--app-text-dim)}.fitness-session-recap__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:6px}.fitness-session-recap__exercise{font-size:var(--font-size-caption);color:var(--app-text-muted)}.fitness-session-recap__exercise-name{color:var(--app-text-primary);display:block;width:100%;background:transparent;border:none;padding:2px 0;text-align:left;cursor:pointer}.fitness-session-recap__exercise-name:hover{text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:3px}.fitness-session-recap__exercise-name:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.fitness-session-recap__exercise-meta{font-size:9px;color:var(--app-text-dim)}.fitness-celebration{margin-top:8px;padding:8px 12px;border-radius:var(--app-radius);border:1px solid var(--color-accent-border);background:var(--color-accent-faint);font-size:var(--font-size-body);display:flex;align-items:flex-start;gap:6px;animation:fitness-celebration-pop .6s var(--motion-ease-out);animation-fill-mode:both;position:relative;overflow:hidden}.fitness-celebration:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--color-interaction-primary-tint) 50%,transparent 100%);animation:progress-shine 3s ease-in-out infinite;animation-delay:.6s}.fitness-celebration__icon{font-size:12px;animation:checkbox-pop .6s var(--motion-ease-out) .3s both}.fitness-celebration__body{display:flex;flex-direction:column;gap:2px}.fitness-celebration__title{color:var(--app-text-primary);font-weight:700;letter-spacing:0}.fitness-celebration__meta{color:var(--app-text-muted);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums;display:flex;flex-direction:column;gap:2px}.fitness-celebration__meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fitness-celebration__meta-item{white-space:nowrap}.fitness-celebration__meta-item--highlight{color:var(--color-accent);font-weight:600}.fitness-celebration__meta-divider{color:var(--app-text-dim);line-height:1}.fitness-celebration--pr{border-color:#ffd70080;background:linear-gradient(135deg,rgba(255,215,0,.12) 0%,var(--color-accent-faint) 100%)}.fitness-celebration--pr:before{background:linear-gradient(90deg,transparent 0%,rgba(255,215,0,.2) 50%,transparent 100%)}.fitness-celebration--volume{border-color:#a078ff66;background:#a078ff14}.fitness-celebration--streak{border-color:#ff6b6b66;background:#ff6b6b14}.fitness-swap-dialog{display:flex;flex-direction:column;gap:10px;min-height:0}.fitness-swap-dialog__search{font-size:16px}.fitness-swap-dialog__hint{font-size:var(--font-size-caption);color:var(--app-text-muted)}.fitness-swap-dialog__list{display:flex;flex-direction:column;flex:1;gap:8px;overflow:auto;min-height:0;padding-right:2px;-webkit-overflow-scrolling:touch}.fitness-swap-dialog__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,max-content);flex:0 0 auto;align-items:stretch;overflow:hidden;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:var(--app-surface-elevated);transition:background-color var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out)}.fitness-swap-dialog__item:hover{background:var(--app-surface-hover);border-color:var(--app-border)}.fitness-swap-dialog__item-select{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,.72fr);align-items:center;gap:6px 16px;width:100%;height:auto;min-height:64px;min-width:0;padding:10px 12px;justify-content:stretch;text-align:left;white-space:normal}.fitness-swap-dialog__item-details{align-self:stretch;height:auto;min-width:84px;padding:10px 12px;font-size:var(--font-size-label);font-weight:700;letter-spacing:0;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-faint);border:0;border-left:1px solid var(--app-border-subtle);cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-swap-dialog__item-details:hover{color:var(--app-text-primary);background:var(--color-accent-soft)}.fitness-swap-dialog__item-details:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-accent)}.fitness-swap-dialog__item-details:active{transform:scale(var(--motion-press-scale))}.fitness-swap-dialog__item-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.fitness-swap-dialog__item-name{display:block;min-width:0;font-size:var(--font-size-body-large);font-weight:600;line-height:1.08;color:var(--app-text-primary);overflow-wrap:anywhere}.fitness-swap-dialog__item-meta{display:block;min-width:0;margin-top:0;font-size:var(--font-size-caption);line-height:1.1;color:var(--app-text-muted);overflow-wrap:anywhere}.fitness-swap-dialog__item-best{display:block;justify-self:end;min-width:0;margin-top:0;font-size:var(--font-size-caption);line-height:1.1;color:var(--color-accent);font-weight:600;text-align:right;overflow-wrap:anywhere}.fitness-swap-dialog__empty{padding:14px 12px;border-radius:var(--app-radius);font-size:var(--font-size-body);color:var(--app-text-muted);border:1px dashed var(--app-border)}.fitness-swap-dialog__confirm{display:flex;flex-direction:column;gap:10px}.fitness-swap-dialog__confirm-title{font-size:var(--font-size-body-large);font-weight:700;color:var(--app-text-primary)}.fitness-swap-dialog__confirm-text{font-size:var(--font-size-body);color:var(--app-text-muted);line-height:1.5}.fitness-swap-dialog__confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.fitness-swap-dialog__confirm-cancel{font-size:12px}.fitness-swap-dialog__confirm-accept{border:1px solid var(--color-accent-border);border-radius:var(--app-radius);background:var(--color-accent-soft);padding:10px 12px;font-size:12px;cursor:pointer;color:var(--app-text-primary);transition:transform var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out)}.fitness-swap-dialog__confirm-accept:active{transform:scale(var(--motion-press-scale))}.fitness-progression-toggle{width:100%;background:var(--color-background-card);border:1px solid var(--app-border-faint);border-radius:var(--app-radius);padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--app-text-muted)}.fitness-progression-toggle__content{display:flex;align-items:center;gap:8px}.fitness-progression-toggle__label{font-size:11px}.fitness-progression-panel{background:var(--color-background-card);border-radius:var(--app-radius);border:1px solid var(--app-border-faint);border-top:none;padding:14px 16px;font-size:var(--font-size-body);color:var(--app-text-muted);line-height:1.6}.fitness-progression-panel__section{margin:0 0 10px}.fitness-progression-panel__section-title{font-weight:700;color:var(--app-text-secondary);margin:0 0 6px}.fitness-progression-panel__line{margin:0 0 4px}.fitness-progression-panel__line:last-child{margin-bottom:0}.history-view{min-width:0;padding:0 16px 24px}.history-view__header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.history-view__header-main{min-width:0}.history-view__title{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:800;color:var(--app-text-primary);margin-bottom:4px}.history-view__subtitle{font-size:var(--font-size-label);color:var(--app-text-muted);text-transform:uppercase;letter-spacing:0}.history-view__controls{display:flex;align-items:center;justify-content:flex-end}.history-view__mode-toggle{width:auto}.history-view__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.history-view__empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.history-view__empty-text{font-size:14px;font-weight:600;color:var(--app-text-primary);margin-bottom:4px}.history-view__empty-hint{font-size:12px;color:var(--app-text-muted)}.history-view__list{display:flex;flex-direction:column;gap:10px;min-width:0}.history-view__list .history-card{animation:slide-up-fade .3s var(--motion-ease-out) both}.history-view__session-drawer .drawer__body{flex:1 1 auto;min-height:0;padding-top:8px}.history-view__session-drawer.drawer__content{height:calc(90vh - var(--safe-area-bottom));max-height:calc(90vh - var(--safe-area-bottom))}.history-view__session-drawer .drawer__handle{margin-top:8px;margin-bottom:4px}.history-view__session-drawer .drawer__header{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:10px;padding:4px 16px 10px;text-align:left}.history-view__session-drawer .drawer__title{font-size:clamp(20px,6vw,26px);line-height:1.05}.history-view__session-drawer .drawer__description{margin-top:3px;font-size:12px}.history-view__session-drawer .drawer__close{width:44px;height:44px;justify-self:end}.history-view__session-drawer .history-view__session-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.history-view__session-drawer .history-view__session-detail-stat{padding:8px}.history-view__session-drawer-empty{padding:8px 0;font-size:13px;color:var(--app-text-muted)}.history-view__session-detail{display:flex;flex-direction:column;gap:12px}.history-view__session-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.history-view__session-detail-stat{padding:10px;border-radius:var(--app-radius);background:#ededed09;border:1px solid var(--app-border-subtle)}.history-view__session-detail-stat-value{display:block;font-size:14px;font-weight:700;color:var(--app-text-primary);font-variant-numeric:tabular-nums}.history-view__session-detail-stat-label{display:block;margin-top:3px;font-size:9px;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:0}.history-view__session-detail-exercises{display:flex;flex-direction:column;gap:12px}.history-view__session-detail-exercise{padding:12px;border-radius:var(--app-radius);background:#ededed09;border:1px solid var(--app-border-subtle)}.history-view__session-detail-exercise-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.history-view__session-detail-exercise-name{font-size:15px;font-weight:700;color:var(--app-text-primary)}.history-view__session-detail-exercise-meta{margin-top:3px;font-size:11px;color:var(--app-text-muted)}.history-view__session-detail-vault{flex:0 0 auto;min-height:34px;font-size:var(--font-size-label);font-weight:700;text-transform:uppercase;letter-spacing:0}.history-view__session-set-group{display:flex;flex-direction:column;gap:6px}.history-view__session-set-group+.history-view__session-set-group{margin-top:12px}.history-view__session-warmups-disclosure{margin-top:12px;border-radius:var(--app-radius);background:#ededed06;border:1px solid var(--app-border-subtle)}.history-view__session-warmups-summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;color:var(--app-text-muted);cursor:pointer;list-style:none}.history-view__session-warmups-summary::-webkit-details-marker{display:none}.history-view__session-warmups-summary:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.history-view__session-warmups-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0}.history-view__session-warmups-count{min-width:24px;padding:2px 7px;border-radius:var(--radius-rounded);color:var(--app-text-secondary);background:var(--app-surface-hover);font-size:11px;font-weight:700;line-height:1.35;text-align:center;font-variant-numeric:tabular-nums}.history-view__session-set-group--warmups{padding:0 10px 10px}.history-view__session-set-group-label{font-size:10px;font-weight:700;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:0}.history-view__session-set-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:9px 10px;border-radius:var(--app-radius);background:#ededed09;border:1px solid var(--app-border-subtle)}.history-view__session-set-row--skipped{opacity:.62}.history-view__session-set-status{align-self:start;padding-top:1px;font-size:10px;font-weight:700;color:var(--app-text-secondary);text-transform:uppercase;letter-spacing:0}.history-view__session-set-label{font-size:12px;font-weight:700;color:var(--app-text-primary)}.history-view__session-set-values{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:5px;font-size:12px;color:var(--app-text-muted);font-variant-numeric:tabular-nums}.history-view__session-set-notes{margin-top:6px;font-size:12px;line-height:1.4;color:var(--app-text-secondary)}.history-view__session-detail-empty{padding:8px 0 0;font-size:12px;color:var(--app-text-muted)}@media(max-width:560px){.history-view__session-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-view__session-set-row{grid-template-columns:1fr;gap:6px}}.history-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;min-width:0;padding:16px 18px;border-radius:var(--app-radius);background:var(--color-background-card);border:1px solid var(--app-border-faint);overflow:hidden;contain:layout style;transition:transform var(--motion-duration-fast) var(--motion-ease-out),background-color var(--motion-duration-fast) var(--motion-ease-out),box-shadow var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out)}.history-card:hover{background:#ededed0b;box-shadow:var(--shadow-md);border-color:var(--app-border)}.history-card:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}.history-card:nth-child(1){animation-delay:0ms}.history-card:nth-child(2){animation-delay:30ms}.history-card:nth-child(3){animation-delay:60ms}.history-card:nth-child(4){animation-delay:90ms}.history-card:nth-child(5){animation-delay:.12s}.history-card:focus-within{box-shadow:var(--focus-ring-shadow)}.history-card__session-button{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:stretch;width:100%;height:auto;min-height:0;min-width:0;text-align:left;padding:0}.history-card__session-button:focus-visible{outline:none}.history-card__details-button{flex:0 0 auto;align-self:center;justify-self:end;min-width:118px;min-height:48px;font-size:var(--font-size-label);font-weight:700;letter-spacing:0;text-transform:uppercase}.history-card__header{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:6px}.history-card__day-badge{font-size:10px;font-weight:700;min-width:30px;padding:3px 8px;border-radius:var(--radius-subtle);text-align:center;text-transform:uppercase;letter-spacing:0;background:var(--history-card-day-color, var(--color-accent));color:#0a0a0f}.history-card__date{font-size:12px;color:var(--app-text-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card__title{font-size:var(--font-size-body-large);color:var(--app-text-primary);margin-bottom:10px;line-height:1.3;min-width:0;overflow-wrap:anywhere}.history-card__stats{display:flex;flex-wrap:wrap;gap:8px 18px;min-width:0;margin-bottom:0}.history-card__stat{display:flex;flex-direction:column;gap:2px;min-width:58px}.history-card__stat-value{font-size:14px;font-weight:600;color:var(--app-text-primary);font-variant-numeric:tabular-nums}.history-card__stat-label{font-size:9px;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:0}.history-card__time{font-size:10px;color:var(--app-text-dim);margin-top:8px}.history-calendar{display:flex;flex-direction:column;gap:12px}.history-calendar__month-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-calendar__month-button{width:32px;height:32px;font-size:18px}.history-calendar__month-label{font-size:15px;font-weight:700;color:var(--app-text-primary);letter-spacing:0}.history-calendar__weekday-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.history-calendar__weekday{font-size:10px;font-weight:700;color:var(--app-text-dim);text-align:center;text-transform:uppercase;letter-spacing:0}.history-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.history-calendar__day{min-height:92px;padding:8px;border-radius:var(--app-radius);background:var(--color-background-card);border:1px solid var(--app-border-faint);display:flex;flex-direction:column;gap:8px}.history-calendar__day--outside-month{opacity:.45}.history-calendar__day-number{font-size:12px;font-weight:700;color:var(--app-text-primary)}.history-calendar__sessions{display:flex;flex-direction:column;gap:4px}.history-calendar__session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:stretch}.history-calendar__session{width:100%;padding:4px 6px;font-size:10px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:0;border-radius:var(--radius-rounded);border:1px solid color-mix(in srgb,var(--history-session-color, var(--app-border-subtle)) 40%,transparent);background:color-mix(in srgb,var(--history-session-color, var(--color-accent)) 13%,transparent);color:var(--history-session-color, var(--color-accent));transition:transform var(--motion-duration-fast) var(--motion-ease-out),border-color var(--motion-duration-fast) var(--motion-ease-out)}.history-calendar__session:hover{transform:translateY(-1px);border-color:var(--app-border)}.history-calendar__session-details{min-width:24px;padding:4px 6px;font-size:11px;font-weight:700}.friends-view{color:var(--app-text-primary)}.friends-view__header,.friends-view__detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--app-border-subtle)}.friends-view__eyebrow{margin:0 0 6px;font-size:var(--text-sm);font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--color-accent)}.friends-view__title,.friends-view__detail-title{margin:0;font-size:var(--text-4xl);line-height:1.15;font-weight:760;letter-spacing:0}.friends-view__detail-title{font-size:var(--text-3xl)}.friends-view__subtitle{margin:8px 0 0;font-size:var(--text-md);color:var(--app-text-muted);overflow-wrap:anywhere}.friends-view__header-meta{min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);color:var(--app-text-secondary);font-size:var(--text-md)}.friends-view__notice,.friends-view__directory,.friends-view__section,.friends-view__pagination{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:#ededed09}.friends-view__notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px}.friends-view__notice--error{border-color:#ef44446b;background:#ef444414}.friends-view__notice-title{margin:0;font-size:var(--text-lg);font-weight:760}.friends-view__notice-copy,.friends-view__empty-copy{margin:6px 0 0;font-size:var(--text-md);line-height:1.55;color:var(--app-text-muted)}.friends-view__directory,.friends-view__section{padding:14px}.friends-view__section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.friends-view__section-title{margin:0;font-size:var(--text-xl);font-weight:760}.friends-view__count{min-width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);color:var(--app-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.friends-view__list,.friends-view__data-list{display:flex;flex-direction:column;gap:10px}.friends-view__friend{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:linear-gradient(90deg,var(--color-interaction-primary-tint),transparent 42%),#ededed06}.friends-view__friend-main{min-width:0;display:flex;align-items:center;gap:12px}.friends-view__avatar{width:42px;height:42px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-interaction-primary-border);border-radius:var(--app-radius);background:var(--color-accent-faint);color:var(--app-text-primary);font-size:var(--text-xl);font-weight:800}.friends-view__friend-copy{min-width:0}.friends-view__friend-name{margin:0;font-size:var(--text-xl);line-height:1.2;font-weight:760}.friends-view__friend-meta,.friends-view__friend-detail{margin:3px 0 0;font-size:var(--text-sm);color:var(--app-text-muted);overflow-wrap:anywhere}.friends-view__button{flex:0 0 auto}.friends-view__button--small{font-size:var(--text-sm)}.friends-view__pagination{margin-top:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--app-text-muted);font-size:var(--text-md)}.friends-view__detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}.friends-view__definition-list{margin:0;display:flex;flex-direction:column;gap:8px}.friends-view__definition-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--app-border-faint)}.friends-view__definition-row:last-child{border-bottom:none}.friends-view__definition-row dt{color:var(--app-text-muted);font-size:var(--text-sm)}.friends-view__definition-row dd{margin:0;font-size:var(--text-md);color:var(--app-text-secondary);overflow-wrap:anywhere}.friends-view__history-strip,.friends-view__chip-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.friends-view__chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--fitness-ember-border);border-radius:var(--app-radius);background:var(--fitness-ember-soft);color:var(--app-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.friends-view__data-row{padding:10px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ededed06}.friends-view__data-row-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:var(--text-md);color:var(--app-text-muted)}.friends-view__strong{font-weight:760;color:var(--app-text-primary)}.friends-view__json{max-height:220px;overflow:auto;margin:10px 0 0;padding:10px;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#141414b8;color:var(--app-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.friends-view__header,.friends-view__detail-header,.friends-view__notice,.friends-view__pagination,.friends-view__friend{flex-direction:column;align-items:stretch}.friends-view__detail-grid{grid-template-columns:1fr}.friends-view__definition-row{grid-template-columns:1fr;gap:3px}}.profile-view{padding:16px;display:flex;flex-direction:column;gap:12px}.char-header{display:flex;align-items:center;gap:16px;padding:20px;background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius)}.char-header__badge{width:56px;height:56px;background:linear-gradient(135deg,var(--color-interaction-primary),var(--color-interaction-primary-pressed));border-radius:var(--app-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px var(--color-interaction-primary-tint)}.char-header__badge--silver{background:linear-gradient(135deg,var(--color-background-hover),var(--color-background-raised));box-shadow:0 0 20px #ededed14}.char-header__badge--gold{background:linear-gradient(135deg,var(--color-interaction-primary),var(--color-brand-blue-300));box-shadow:0 0 20px var(--color-interaction-primary-tint)}.char-header__badge--legendary{background:linear-gradient(135deg,var(--color-interaction-primary),var(--color-purple));box-shadow:0 0 20px var(--color-interaction-primary-tint)}.char-header__badge-label{font-size:8px;font-weight:700;letter-spacing:0;color:#1414148f;line-height:1}.char-header__badge-value{font-size:26px;font-weight:800;color:var(--app-background);line-height:1;font-variant-numeric:tabular-nums;margin-top:1px}.char-header__info{flex:1;min-width:0}.char-header__name{font-size:20px;font-weight:700;color:var(--app-text-primary);line-height:1.2;letter-spacing:0}.char-header__class-row{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.char-header__class-select{min-width:min(180px,100%)}.char-header__belt{font-size:11px;color:var(--app-text-faint);white-space:nowrap}.char-header__meta{font-size:11px;color:var(--app-text-dim);margin-top:4px}.char-header__actions{display:flex;align-items:center;flex-shrink:0}.char-header__logout{font-size:11px;letter-spacing:0;text-transform:uppercase}@media(max-width:520px){.char-header{flex-wrap:wrap}.char-header__actions,.char-header__logout{width:100%}}.char-xp{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:14px 16px}.char-xp__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.char-xp__label{font-size:9px;font-weight:700;letter-spacing:0;color:var(--color-accent-dim)}.char-xp__progress{font-size:11px;font-weight:600;color:var(--app-text-muted);font-variant-numeric:tabular-nums}.char-xp__track{height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.char-xp__fill{height:100%;background:linear-gradient(90deg,var(--color-interaction-primary-pressed),var(--color-accent));box-shadow:0 0 12px var(--color-interaction-primary-glow);transition:width .6s ease-out}.char-xp__meta{font-size:10px;color:var(--app-text-dim);margin-top:6px}@media(prefers-reduced-motion:reduce){.char-xp__fill{transition:none}}.char-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);overflow:hidden}.char-stats__cell{padding:16px 12px;text-align:center;border-right:1px solid var(--app-border-faint)}.char-stats__cell:last-child{border-right:none}.char-stats__value{font-size:22px;font-weight:700;color:var(--app-text-primary);line-height:1;font-variant-numeric:tabular-nums}.char-stats__cell--streak .char-stats__value{color:var(--color-interaction-primary)}.char-stats__label{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint);margin-top:8px}.char-stats__sublabel{font-size:9px;color:var(--app-text-dim);margin-top:2px}.char-training{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:14px 16px}.char-training__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.char-training__label{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint)}.char-training__count{font-size:12px;font-weight:600;color:var(--app-text-muted);font-variant-numeric:tabular-nums}.char-training__dots{display:flex;gap:8px}.char-training__dot{width:10px;height:10px;border-radius:50%;background:#ffffff0f;flex-shrink:0}.char-training__dot--active{background:var(--color-accent);box-shadow:0 0 8px var(--color-interaction-primary-glow)}.char-attrs{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:16px}.char-attrs__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.char-attrs__title{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint)}.char-attrs__period{font-size:9px;color:var(--app-text-dim)}.char-attrs__list{display:flex;flex-direction:column;gap:10px}.char-attr{display:flex;align-items:center;gap:10px}.char-attr__name{width:72px;font-size:11px;font-weight:600;letter-spacing:0;color:var(--app-text-muted);flex-shrink:0}.char-attr__pips{display:flex;gap:3px;flex:1}.char-attr__pip{flex:1;height:8px;background:#ffffff0d;border-radius:999px}.char-attr__pip--on{background:var(--color-accent);box-shadow:0 0 6px var(--color-interaction-primary-tint)}.char-attr__value{width:24px;text-align:right;font-size:12px;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;flex-shrink:0}.char-year{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:14px 16px}.char-year__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.char-year__label{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint)}.char-year__value{font-size:12px;font-weight:600;color:var(--app-text-muted);font-variant-numeric:tabular-nums}.char-year__track{display:flex;gap:3px;height:6px}.char-year__seg{flex:1;background:#ffffff0f;border-radius:999px}.char-year__seg--on{background:var(--color-accent)}.auth-card{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:16px}.auth-card__header{margin-bottom:12px}.auth-card__title{font-size:9px;font-weight:600;letter-spacing:0;text-transform:uppercase;color:var(--app-text-faint)}.auth-card__message{font-size:12px;color:var(--app-text-muted);margin-top:6px}.auth-card__body{display:flex;flex-direction:column;gap:10px}.auth-card__user{font-size:12px;color:var(--app-text-dim)}.auth-card__actions{display:flex;gap:8px}.auth-card__button{flex:0 0 auto}.auth-card__form{display:flex;flex-direction:column;gap:10px}.auth-card__row{display:flex;flex-direction:column;gap:4px}.auth-card__label{font-size:10px;font-weight:500;color:var(--app-text-faint)}.auth-card__input{font-size:16px}.char-details{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:16px}.char-details__title{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint);margin-bottom:16px}.char-details__form{display:flex;flex-direction:column;gap:14px}.char-details__row{display:flex;flex-direction:column;gap:6px}.char-details__row-inline{display:flex;gap:8px}.char-details__label{font-size:11px;font-weight:500;color:var(--app-text-faint)}.char-details__input{font-size:16px}.char-details__input::placeholder{color:var(--app-text-dim)}.char-details__input--narrow{width:100px}.char-details__unit{padding:10px 12px;background:#ededed06;border:1px solid var(--app-border-faint);border-radius:var(--app-radius);color:var(--app-text-dim);font-size:14px;display:flex;align-items:center;justify-content:center;width:56px}.chart-section{background:var(--app-surface-raised);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);padding:16px}.chart-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chart-section__title{font-size:9px;font-weight:600;letter-spacing:0;color:var(--app-text-faint)}.chart-section__meta{font-size:9px;color:var(--app-text-dim)}.chart-section__empty{text-align:center;padding:24px 0;font-size:11px;color:var(--app-text-dim)}.chart-section [class*=plot-] text,.chart-section svg text{fill:var(--app-text-dim)}.chart-section svg [aria-label*=axis] line,.chart-section svg [aria-label*=axis] path{stroke:#ffffff14}.chart-section svg [aria-label*=grid] line{stroke:#ffffff0d}.radar-chart{display:flex;justify-content:center;padding:8px 0}.muscle-radar{display:block;max-width:var(--muscle-radar-size);margin:0 auto}.muscle-radar__grid,.muscle-radar__axis{fill:none;stroke:#ededed0f;stroke-width:1}.muscle-radar__frame{fill:none;stroke:#ededed14;stroke-width:1;stroke-dasharray:3,3}.muscle-radar__area{fill:color-mix(in srgb,var(--color-accent) 14%,transparent);stroke:var(--color-accent);stroke-width:2}.muscle-radar__dot{fill:var(--color-accent)}.muscle-radar__label{fill:var(--app-text-faint);font-size:9px;font-weight:600;letter-spacing:0}.volume-trend-chart{width:100%;overflow-x:auto}.volume-trend-chart svg{display:block;max-width:100%}.training-heatmap{width:100%;overflow-x:auto}.training-heatmap svg{display:block;max-width:100%}@media(prefers-reduced-motion:reduce){.chart-section svg *{transition:none!important;animation:none!important}}.strength-rank{display:flex;flex-direction:column;gap:16px;min-width:0}.strength-rank__masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--app-border-subtle)}.strength-rank__heading{min-width:0}.strength-rank__title{display:block;font-size:10px;font-weight:800;letter-spacing:0;color:var(--app-text-primary);text-transform:uppercase}.strength-rank__subtitle{display:block;margin-top:4px;font-size:11px;line-height:1.35;color:var(--app-text-dim)}.strength-rank__meta{max-width:220px;font-size:10px;line-height:1.35;color:var(--app-text-dim);text-align:right}.strength-rank__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.strength-rank__field{display:grid;gap:6px;min-width:0}.strength-rank__label{font-size:10px;font-weight:700;letter-spacing:0;color:var(--app-text-faint);text-transform:uppercase}.strength-rank__input,.strength-rank__select{width:100%;min-width:0;min-height:var(--touch-target-min);font-size:16px}.strength-rank__input{font-variant-numeric:tabular-nums}.strength-rank__groups{display:grid;gap:10px;min-width:0}.strength-rank__group{min-width:0;overflow:hidden;background:color-mix(in srgb,var(--color-background-card) 92%,transparent);border:1px solid var(--app-border-subtle);border-radius:var(--app-radius)}.strength-rank__group--expanded{background:linear-gradient(180deg,var(--color-interaction-primary-tint),transparent 72%),var(--color-background-card);border-color:var(--color-interaction-primary-border)}.strength-rank__group-heading{margin:0;font:inherit}.strength-rank__group-toggle{width:100%;height:auto;min-height:72px;padding:14px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;text-align:left}.strength-rank__group-score{display:grid;place-items:center;min-width:0;min-height:54px;border:1px solid var(--color-interaction-primary-border);border-radius:var(--radius-default);background:var(--color-interaction-primary-tint)}.strength-rank__group-score-value{font-size:21px;font-weight:850;line-height:1;color:var(--color-interaction-primary);font-variant-numeric:tabular-nums}.strength-rank__group-score-label{margin-top:3px;font-size:8px;font-weight:800;letter-spacing:0;color:var(--app-text-dim)}.strength-rank__group-main,.strength-rank__group-meta{display:grid;gap:4px;min-width:0}.strength-rank__group-title{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.15;font-weight:800;color:var(--app-text-primary)}.strength-rank__group-best{font-size:11px;line-height:1.3;color:var(--app-text-muted)}.strength-rank__group-meta{justify-items:end;text-align:right}.strength-rank__group-meta-text{font-size:10px;line-height:1.3;color:var(--app-text-dim);white-space:nowrap}.strength-rank__group-action{font-size:10px;font-weight:800;line-height:1.3;color:var(--color-interaction-primary);text-transform:uppercase;white-space:nowrap}.strength-rank__group-lifts{display:grid;gap:10px;padding:0 14px 14px;min-width:0}.strength-rank__lift{min-width:0;padding:12px;background:color-mix(in srgb,var(--color-background-raised) 82%,transparent);border:1px solid var(--app-border-faint);border-radius:var(--radius-large)}.strength-rank__lift-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:10px}.strength-rank__lift-name{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:750;line-height:1.25;color:var(--app-text-primary)}.strength-rank__lift-value{display:grid;gap:1px;justify-items:end;text-align:right;font-size:10px;line-height:1.1;color:var(--app-text-dim);white-space:nowrap}.strength-rank__lift-value span:first-child{font-size:13px;font-weight:800;color:var(--color-interaction-primary);font-variant-numeric:tabular-nums}.strength-rank__meter{position:relative;height:12px;overflow:hidden;border-radius:var(--radius-sharp);background:linear-gradient(90deg,transparent 0 calc(20% - 1px),var(--app-border-faint) calc(20% - 1px) 20%,transparent 20% calc(40% - 1px),var(--app-border-faint) calc(40% - 1px) 40%,transparent 40% calc(60% - 1px),var(--app-border-faint) calc(60% - 1px) 60%,transparent 60% calc(80% - 1px),var(--app-border-faint) calc(80% - 1px) 80%,transparent 80% 100%),var(--color-background-surface)}.strength-rank__meter-fill{width:clamp(0%,var(--strength-rank-percentile),100%);height:100%;background:linear-gradient(90deg,var(--color-interaction-primary-tint),var(--color-interaction-primary))}.strength-rank__meter-marker{position:absolute;top:-4px;left:clamp(0%,var(--strength-rank-percentile),100%);width:2px;height:20px;background:var(--color-interaction-primary);box-shadow:0 0 10px var(--color-interaction-primary-glow);transform:translate(-50%)}.strength-rank__meter-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:6px}.strength-rank__meter-labels span{min-width:0;font-size:8px;font-weight:700;letter-spacing:0;color:var(--app-text-dim);text-align:center}.strength-rank__lift-percentile{margin-top:6px;font-size:11px;font-weight:800;line-height:1.3;color:var(--color-interaction-primary);font-variant-numeric:tabular-nums}@media(max-width:620px){.strength-rank__masthead{grid-template-columns:minmax(0,1fr)}.strength-rank__meta{max-width:none;text-align:left}.strength-rank__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.strength-rank__field--gender{grid-column:1 / -1}.strength-rank__group-toggle{grid-template-columns:minmax(0,1fr);gap:10px;align-items:start}.strength-rank__group-score{min-height:44px;grid-template-columns:auto 1fr;gap:8px;justify-items:start;padding:0 10px}.strength-rank__group-score-label{margin-top:0}.strength-rank__group-meta{justify-items:start;text-align:left}}@media(max-width:430px){.strength-rank__controls{grid-template-columns:minmax(0,1fr)}.strength-rank__field--gender{grid-column:auto}.strength-rank__lift-header{grid-template-columns:minmax(0,1fr);gap:6px}.strength-rank__lift-value{justify-items:start;text-align:left}}.glass-panel{background-color:transparent;border-radius:var(--app-radius);border:none;box-shadow:none}.glass-panel--heavy{background-color:transparent}.unlocks-view{padding-top:var(--space-4)}.unlocks-view__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.unlocks-view__title{font-size:var(--text-2xl);font-weight:800;color:var(--app-text-primary);letter-spacing:0}.unlocks-view__subtitle{margin-top:var(--space-2);color:var(--app-text-faint);font-size:var(--text-sm)}.unlocks-view__empty{margin-top:var(--space-4);border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--app-surface-elevated);padding:var(--space-4);color:var(--app-text-muted);font-size:var(--text-sm)}.unlocks-view__body{margin-top:var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-4)}.unlocks-view__target-selector{align-items:flex-start}.unlocks-view__panel{border:1px solid var(--app-border);border-radius:var(--app-radius);background:#ffffff03;padding:var(--space-3)}.unlocks-view__panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.unlocks-view__panel-title{font-size:var(--text-lg);font-weight:700;color:var(--app-text-primary);flex:1;min-width:0;justify-content:flex-start;text-align:left}.unlocks-view__panel-meta{font-size:var(--text-sm);color:var(--app-text-faint)}.unlocks-view__format-help{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--app-text-faint)}.unlocks-view__code{font-family:var(--font-system);font-size:var(--text-sm);color:var(--app-text-secondary)}@media(min-width:900px){.unlocks-view__body{grid-template-columns:280px 1fr;align-items:start}}.programs-view__header{margin-bottom:16px}.programs-view__title{font-size:18px;font-weight:700;color:var(--app-text-primary)}.programs-view__subtitle{margin-top:4px;font-size:12px;color:var(--app-text-muted)}.programs-view__list{display:flex;flex-direction:column;gap:12px}.programs-view__card{border:1px solid var(--app-border-subtle);border-radius:var(--app-radius);background:#ededed09;padding:14px}.programs-view__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.programs-view__card-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--app-text-primary)}.programs-view__badge{font-size:10px;padding:2px 6px;border:1px solid var(--fitness-ember-border);border-radius:var(--app-radius);color:var(--app-text-secondary);background:var(--fitness-ember-soft)}.programs-view__card-meta{margin-top:6px;font-size:11px;color:var(--app-text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.programs-view__meta-item{color:var(--app-text-muted)}.programs-view__meta-divider{color:var(--app-text-dim)}.programs-view__card-actions{display:flex;gap:8px;align-items:center}.programs-view__details{margin-top:12px;border-top:1px solid var(--app-border-faint);padding-top:12px}.programs-view__controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.programs-view__hint{font-size:11px;color:var(--app-text-muted);margin-bottom:10px}.programs-view__overview{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.programs-view__overview-intro{border-left:2px solid var(--fitness-ember-border);padding-left:10px;font-size:12px;line-height:1.55;color:var(--app-text-secondary)}.programs-view__overview-section{border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ededed06;padding:10px}.programs-view__overview-section-title{font-size:12px;font-weight:700;color:var(--app-text-primary)}.programs-view__overview-section-description{margin-top:6px;font-size:11px;line-height:1.5;color:var(--app-text-muted)}.programs-view__overview-group{margin-top:8px}.programs-view__overview-group-title{font-size:11px;font-weight:700;color:var(--app-text-secondary)}.programs-view__overview-group-text{margin-top:4px;font-size:11px;line-height:1.5;color:var(--app-text-muted)}.programs-view__overview-list{margin:6px 0 0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.programs-view__overview-list--numbered{list-style:decimal}.programs-view__overview-item{font-size:11px;line-height:1.5;color:var(--app-text-muted)}.programs-view__overview-stack{margin-top:6px;display:flex;flex-direction:column;gap:4px}.programs-view__overview-stack-item{font-size:11px;line-height:1.5;color:var(--app-text-secondary)}.programs-view__days{display:flex;flex-direction:column;gap:10px}.programs-view__day{border:1px solid var(--app-border-faint);border-radius:var(--app-radius);background:#ededed06;padding:10px}.programs-view__day-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.programs-view__day-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--app-radius);background:var(--programs-view-day-color, var(--color-interaction-primary));color:var(--color-interaction-primary-text)}.programs-view__day-title{font-size:11px;color:var(--app-text-secondary)}.programs-view__day-guide{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.programs-view__day-guide-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:11px}.programs-view__day-guide-label{color:var(--app-text-muted);text-transform:uppercase;letter-spacing:0;font-size:10px}.programs-view__day-guide-text{color:var(--app-text-secondary)}.programs-view__day-guide-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.programs-view__day-guide-item{font-size:11px;line-height:1.5;color:var(--app-text-muted)}.programs-view__exercise-list{display:flex;flex-direction:column;gap:8px}.programs-view__exercise{padding:8px 0;border-top:1px solid var(--app-border-faint)}.programs-view__exercise:first-child{border-top:none;padding-top:0}.programs-view__exercise-row{display:flex;align-items:baseline;gap:10px}.programs-view__exercise-type{font-size:10px;color:var(--app-text-muted);min-width:44px}.programs-view__exercise-name{font-size:12px;color:var(--app-text-primary);font-weight:600;flex:1;min-width:0;justify-content:flex-start;text-align:left}.programs-view__exercise-meta{margin-top:2px;font-size:11px;color:var(--app-text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.programs-view__exercise-meta-item{color:var(--app-text-muted)}@media(max-width:480px){.app-shell{padding:10px 10px calc(132px + var(--safe-area-bottom));gap:8px}.app-shell__header{min-height:30px;padding:0 2px;gap:8px}.app-shell__logo{width:28px;height:28px;font-size:12px}.app-shell__title{font-size:13px;line-height:1.1}.app-view{padding:4px 0 16px}.auth-gate{padding:16px;padding-bottom:calc(16px + var(--safe-area-bottom))}.auth-gate__panel{gap:24px}.auth-gate__logo{width:64px;height:64px;font-size:24px}.auth-gate__title{font-size:18px}.auth-gate__card{padding:20px 16px}.auth-gate__input{font-size:16px;padding:14px 14px 14px 40px}.auth-gate__button{padding:14px 16px;min-height:48px}.fitness-tracker{padding:4px 0 0}.fitness-tracker__header{display:block;margin:0;padding:0;border-bottom:0}.fitness-tracker__title-group{display:none}.fitness-tracker__title{font-size:24px}.fitness-tracker__header-actions{position:fixed;right:8px;bottom:calc(62px + var(--safe-area-bottom));left:8px;z-index:75;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--app-border);border-radius:var(--app-radius);background:var(--color-background-page);box-shadow:0 -10px 28px #00000042}.fitness-tracker__mode-button,.fitness-tracker__reset-button{min-height:44px;min-width:44px;width:100%;justify-content:center;padding:8px 10px}.fitness-runtime{padding:4px 8px;margin-bottom:4px;box-shadow:none}.fitness-runtime__section+.fitness-runtime__section{margin-top:2px}.fitness-runtime__title{margin-bottom:2px;font-size:9px}.fitness-runtime__source-toggle{top:12px;right:10px;width:52px;min-width:52px;min-height:36px}.fitness-runtime__section:first-of-type{padding-right:58px}.fitness-runtime__readiness-row{display:block;min-width:0}.fitness-runtime__readiness-grid{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;width:100%;box-sizing:border-box;margin:0;padding:0;overflow:visible}.fitness-runtime__metric{min-width:0;justify-content:center;gap:0}.fitness-runtime__readiness-row .fitness-runtime__metric,.fitness-runtime__readiness-row .fitness-runtime__button-row,.fitness-runtime__metric-label{display:none}.fitness-runtime__button-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0}.fitness-runtime__button{flex:1 1 0;min-height:44px;padding:6px 7px}.fitness-runtime__readiness-row .fitness-runtime__button{width:100%;max-width:100%;min-width:44px;min-height:44px;padding:4px 0;border-radius:7px;box-sizing:border-box;font-size:10px}.fitness-runtime__readiness-row .fitness-runtime__button-row{grid-template-columns:repeat(3,minmax(44px,1fr));gap:4px}.fitness-runtime__readiness-cycle{width:100%;min-width:44px;min-height:44px;padding:3px 0;display:grid;align-content:center;justify-items:center;gap:2px}.fitness-week-nav{margin:0 0 6px;padding:0 0 4px;scrollbar-width:none;-ms-overflow-style:none}.fitness-week-nav::-webkit-scrollbar{display:none}.fitness-week-nav__arrow{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:20px}.fitness-week-nav__day{height:44px;min-width:48px;min-height:44px;padding:6px 7px}.fitness-week-nav__day-label{font-size:10px}.fitness-week-nav__day-date{font-size:14px}.fitness-day-header{padding:7px 8px;margin-bottom:6px}.fitness-day-header__top{align-items:center}.fitness-day-header__name{display:none}.fitness-day-header__title{font-size:14px;line-height:1.15}.fitness-day-header__summary{padding:4px 8px;font-size:12px}.fitness-day-header__progress{margin-top:6px;height:4px}.fitness-day-header__session{margin-top:5px;padding:0;border:0;background:transparent}.fitness-day-header__session-value{font-size:14px}.fitness-day-header__session-row{margin-bottom:0}.fitness-day-header__session-label{font-size:9px}.fitness-day-header__rest-bar{height:4px}.fitness-exercise-card__header{padding:12px;gap:10px;min-height:56px}.fitness-exercise-card__name{font-size:13px}.fitness-exercise-card__history{gap:6px;margin-top:8px}.fitness-exercise-card__history-item{min-height:28px;padding:4px 8px}.fitness-exercise-card__history-value{font-size:13px}.fitness-exercise-card__swap{min-height:44px;min-width:44px;padding:8px 12px;font-size:11px}.fitness-exercise-card__body{padding:0 12px 12px}.fitness-exercise-card__performed-options,.fitness-warmups{padding:10px}.fitness-set-row{padding:12px 0;grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px;grid-template-areas:"check label label label controls" ". load reps rpe .";gap:8px 3px}.fitness-set-row__checkbox{width:44px;height:44px}.fitness-set-row__label{font-size:13px}.fitness-set-row__field{gap:4px}.fitness-set-row__input{font-size:16px;padding:0 6px;height:44px;min-height:44px;width:calc(100% - 8px)}.fitness-set-row__input--load,.fitness-set-row__input--reps,.fitness-set-row__input--rpe{width:calc(100% - 8px)}.fitness-set-row__unit{font-size:9px;line-height:1;text-align:center}.fitness-set-row__progression{display:none}.fitness-set-row__advanced{display:grid;grid-column:1 / -1;justify-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:calc(100% - 8px);padding:8px}.fitness-set-row__advanced .fitness-set-row__field{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:3px}.fitness-set-row__advanced .fitness-set-row__input{grid-column:1;grid-row:2;min-height:40px;padding:6px 5px}.fitness-set-row__advanced .fitness-set-row__unit{grid-column:1;grid-row:1;font-size:9px;line-height:1.1;font-weight:800;text-align:left;text-transform:uppercase;color:var(--app-text-muted)}.fitness-set-row__advanced .fitness-set-row__field--seconds{order:1}.fitness-set-row__advanced .fitness-set-row__field--rir{order:2}.fitness-set-row__advanced .fitness-set-row__field--pain{order:3}.fitness-set-row__advanced .fitness-set-row__field--tempo{order:4}.fitness-set-row__advanced .fitness-set-row__field--quality{order:5}.fitness-set-row__advanced .fitness-set-row__field--rom{order:6}.fitness-set-row__advanced .fitness-set-row__field--wide{order:7;grid-column:1 / -1}.fitness-exercise-card__details-button{min-height:44px}.fitness-set-row__controls{grid-area:controls;justify-content:center;margin-left:0;min-height:44px}.fitness-set-row__remove-button{width:44px;min-width:44px;height:44px;padding:0;font-size:14px}.fitness-set-row__add-button{min-height:40px;padding:8px 12px;font-size:12px}.fitness-warmup-row{display:grid;grid-template-columns:40px minmax(42px,.7fr) minmax(96px,1fr) minmax(86px,1fr) 44px;padding:10px 0;gap:5px}.fitness-warmup-row__checkbox{width:40px;height:40px}.fitness-warmup-row__input{font-size:16px;padding:8px 6px;min-height:40px}.fitness-warmup-row__input--load{width:100%;min-width:76px}.fitness-warmup-row__input--reps{width:100%;min-width:64px}.fitness-warmup-row__unit{font-size:8px}.fitness-warmup-row__remove-button{width:44px;min-width:44px;height:44px}.fitness-warmups__add-button{min-height:44px;padding:8px 12px;font-size:12px}.fitness-swap-dialog{padding-bottom:var(--safe-area-bottom)}.fitness-swap-dialog__search{font-size:16px;padding:12px;min-height:48px}.fitness-swap-dialog__item{grid-template-columns:minmax(0,1fr) minmax(80px,max-content)}.fitness-swap-dialog__item-select{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px}.fitness-swap-dialog__item-select,.fitness-swap-dialog__item-details{min-height:56px}.fitness-swap-dialog__item-details{min-width:80px;padding:10px 8px}.fitness-swap-dialog__item-best{justify-self:start;text-align:left}.fitness-swap-dialog__confirm-cancel,.fitness-swap-dialog__confirm-accept{min-height:44px;padding:12px 16px;font-size:13px}.fitness-durability__grid{grid-template-columns:repeat(2,1fr);gap:6px}.fitness-durability__item{padding:8px}.fitness-session-recap{padding:12px}.fitness-session-recap__grid{grid-template-columns:1fr;gap:4px}.fitness-celebration{padding:10px;gap:8px}.history-view{padding:0 12px 16px}.history-view__title{font-size:18px}.history-view__header{align-items:stretch;flex-direction:column}.history-view__list{gap:8px}.history-calendar__grid{gap:4px}.history-calendar__day{min-height:80px;padding:6px}.history-calendar__session{padding:4px;font-size:9px}.history-card{grid-template-columns:minmax(0,1fr);padding:12px;gap:10px;min-height:72px}.history-card__details-button{justify-self:stretch;width:100%;min-height:44px}.history-card__header{gap:8px}.history-card__stats{gap:16px}.history-calendar__session-row{grid-template-columns:minmax(0,1fr) 28px}.history-calendar__session-details{min-height:24px;padding:4px}.profile-view{padding:12px;gap:12px}.profile-stat-hero{padding:16px}.profile-stat-hero__value{font-size:48px}.profile-stats-grid{gap:8px}.profile-stat-card{padding:12px}.profile-stat-card__value{font-size:28px}.profile-streak-card{padding:12px}.profile-streak-card__value{font-size:28px}.profile-muscle-card,.profile-active-days,.profile-program-card,.profile-sync-key-card,.profile-settings{padding:12px}.profile-form__input,.profile-form__select,.profile-sync-key-card__input,.profile-program-card__select{font-size:16px;min-height:44px}.profile-sync-key-card__button{min-height:40px}.fitness-progression-toggle{padding:12px;min-height:48px}.fitness-progression-panel{padding:12px}}@media(max-width:480px)and (max-height:700px){.fitness-warmup-guide{margin-bottom:8px}.fitness-runtime__readiness-cycle{padding:3px 0}.history-view__session-drawer.drawer__content{height:calc(96vh - var(--safe-area-bottom));max-height:calc(96vh - var(--safe-area-bottom))}.history-view__session-drawer .drawer__handle{margin-top:4px;margin-bottom:2px}.history-view__session-drawer .drawer__header{gap:8px;padding:2px 12px 6px}.history-view__session-drawer .drawer__body{padding-top:4px}.history-view__session-detail{gap:8px}.history-view__session-detail-exercise{padding:10px}}@media(max-width:375px){.app-shell{padding:8px 8px calc(132px + var(--safe-area-bottom))}.fitness-tracker{padding:4px 8px 0}.fitness-tracker__title{font-size:18px}.fitness-week-nav{margin:0 -8px 6px;padding:0 8px 4px}.fitness-week-nav__day{height:44px;min-width:46px;min-height:44px;padding:6px}.fitness-week-nav__day-label{font-size:9px}.fitness-week-nav__day-date{font-size:12px}.fitness-day-header{padding:7px 8px}.fitness-exercise-card__header{padding:10px}.fitness-exercise-card__body{padding:0 10px 10px}.fitness-set-row{grid-template-columns:44px repeat(3,minmax(0,1fr)) 44px;gap:8px 3px}.fitness-set-row__input--load,.fitness-set-row__input--reps{width:calc(100% - 8px)}.profile-stat-hero__value{font-size:42px}.profile-stat-card__value,.profile-streak-card__value{font-size:24px}.history-view{padding:0 8px 12px}.history-card{grid-template-columns:minmax(0,1fr);padding:10px}.history-card__details-button{min-height:40px}.history-calendar__weekday{font-size:9px}}@media(max-height:500px)and (orientation:landscape){.auth-gate__panel{gap:16px}.auth-gate__brand{gap:12px}.auth-gate__logo{width:48px;height:48px;font-size:18px}.auth-gate__card{padding:16px}.fitness-tracker__header{margin-bottom:8px;padding-bottom:8px}.fitness-week-nav,.fitness-day-header{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fitness-week-nav__days,.fitness-celebration,.auth-gate__brand,.auth-gate__card,.auth-gate__footer{animation:none}.auth-gate:after{animation:none}.auth-gate__glow{animation:none}}@media(hover:none)and (pointer:coarse){.fitness-tracker__mode-button:hover,.fitness-tracker__reset-button:hover,.history-card:hover,.auth-gate__button:hover{background:inherit;box-shadow:inherit;border-color:inherit}.fitness-warmup-row__checkbox:active,.fitness-swap-dialog__item:active{transform:scale(.95)}}