:root{--surface-deep: #0F0418;--surface-mid: #1F0E2C;--surface-hi: #2B143D;--surface-lo: #160820;--surface-card: #FFF4DE;--surface-card-bright: #FFF8E8;--surface-card-quiet: rgba(255, 244, 222, .55);--bg: var(--surface-deep);--bg-2: var(--surface-mid);--card: var(--surface-card);--text-on-deep: #FFF4DE;--text-on-card: #1A0820;--text-muted: rgba(255, 244, 222, .7);--text-faint: rgba(255, 244, 222, .4);--ink-soft: #3F1A4A;--ink: #1A0820;--ink-deep: var(--ink);--text-soft: #B5A48E;--card-fg: var(--text-on-card);--muted: var(--text-muted);--border: #F0E2C2;--primary: #FF5722;--primary-hover: #D33E14;--primary-on: #ffffff;--primary-fg: var(--primary-on);--primary-2: var(--primary-hover);--primary-glow: rgba(255, 87, 34, .45);--fire: var(--primary);--fire-dim: var(--primary-hover);--ember: #FFC857;--secondary: #FFC857;--secondary-2: #E8A93A;--accent-cool: #14b8a6;--accent-cool-deep: #0f766e;--accent-cool-bg: rgba(20, 184, 166, .12);--pantsy: #FF1744;--pantsy-2: #D81144;--pantsy-deep: #A8082E;--pantsy-glow: rgba(255, 23, 68, .3);--pantsy-hi: #FF3D6B;--gold: #FFD24A;--gold-deep: #C99820;--gold-glow: rgba(255, 210, 74, .3);--smarty-gold: var(--gold);--violet: #9B6BFF;--violet-deep: #4A2870;--violet-soft: #9966CC;--cream: #FFF4DE;--cream-dim: #F0E2C2;--pof-smarty-gold-stroke: #8A5A1A;--pof-pantsy-red-stroke: #7A0A1F;--pof-positive: #7CD992;--pof-card-stroke-opacity: .15;--player-smarty-gold: var(--gold);--player-violet: #9B6BFF;--player-aqua: #5DCFEA;--player-pink: #E27ABE;--player-sky: #7FB0F0;--player-plum: #C77DFF;--player-coral: #FF8A65;--pantsy-fire: var(--fire);--pantsy-pantsy-red: var(--pantsy);--pantsy-pantsy-red-hi: var(--pantsy-hi);--pantsy-smarty-gold: var(--gold);--pantsy-cream: var(--surface-card);--pantsy-cream-dim: var(--cream-dim);--pantsy-ink: var(--ink);--pantsy-ink-soft: var(--ink-soft);--pantsy-fg: var(--text-on-deep);--pantsy-fg-soft: var(--text-muted);--pantsy-fg-faint: var(--text-faint);--pantsy-bg: var(--surface-deep);--pantsy-bg-grad: radial-gradient(ellipse at 50% 0%, #3A0E2A 0%, #1A0820 50%, #0F0418 100%);--pantsy-surface: var(--surface-mid);--pantsy-surface-hi: var(--surface-hi);--pantsy-surface-lo: var(--surface-lo);--pantsy-display: var(--font-display);--pantsy-sans: var(--font-body);--pantsy-mono: var(--font-mono);--pantsy-radius-card: var(--radius-card);--pantsy-radius-btn: var(--radius-btn);--pantsy-radius-pill: var(--radius-pill);--pantsy-smarty-gold-stroke: var(--pof-smarty-gold-stroke);--pantsy-pantsy-red-stroke: var(--pof-pantsy-red-stroke);--pantsy-positive: var(--pof-positive);--danger: #FF1744;--success: #16a34a;--warning: #FFC857;--warning-amber: #f59e0b;--radius: 18px;--radius-card: 28px;--radius-btn: 18px;--radius-pill: 999px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-md-2: 16px;--radius-md-3: 14px;--radius-circle: 50%;--cta-h: 52px;--cta-h-final-stand: 56px;--cta-h-entry: 58px;--cta-bottom-gap: 8px;--radius-modal: 24px;--modal-backdrop: rgba(15, 4, 24, .94);--scrim-sheet: var(--surface-deep);--scrim-modal: var(--modal-backdrop);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--shadow-glow: 0 8px 24px var(--primary-glow);--z-overlay: 200;--z-sheet: 240;--z-build-cat: 260;--z-toast: 265;--z-achievement: 270;--z-confetti: 300;--z-confirm: 400;--font-display: "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-body: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", monospace;--text-scale: 1;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-28: 28px;--inset-screen: var(--space-12);--inset-sheet: var(--space-16);--inset-modal: var(--space-20);--gap-tight: var(--space-4);--gap-xs: var(--space-6);--gap-sm: var(--space-8);--gap-md: var(--space-10);--gap-base: var(--space-12);--gap-lg: var(--space-14);--gap-xl: var(--space-16);--gap-xxl: var(--space-24);--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .15s;--dur-slow: .2s;--dur-slowest: .4s;--ease-default: ease;--ease-out: ease-out;--ease-spring: cubic-bezier(.2, .9, .3, 1);--ease-linear: linear;--elev-1: 0 2px 6px;--elev-2: 0 4px 12px;--elev-3: 0 6px 18px;--elev-4: 0 8px 22px;--elev-5: 0 14px 28px;--elev-6: 0 30px 60px;--pad-card-sm: var(--space-12);--pad-card-md: var(--space-16);--pad-card-lg: var(--space-22);--pad-card-xl: var(--space-28);--rhythm-eyebrow-title: 4px;--rhythm-title-body: 8px;--rhythm-section-eyebrow: 10px;--rhythm-panel-to-panel: 14px;--rhythm-card-to-cta: 14px;--fs-xs-px: 11px;--fs-sm-px: 13px;--fs-base-px: 15px;--fs-md-px: 18px;--fs-lg-px: 22px;--fs-xl-px: 28px;--fs-headline-px: 32px;--fs-display-px: 36px;--fs-mega-px: 56px;--fs-xs: calc(var(--fs-xs-px) * var(--text-scale));--fs-sm: calc(var(--fs-sm-px) * var(--text-scale));--fs-base: calc(var(--fs-base-px) * var(--text-scale));--fs-md: calc(var(--fs-md-px) * var(--text-scale));--fs-lg: calc(var(--fs-lg-px) * var(--text-scale));--fs-xl: calc(var(--fs-xl-px) * var(--text-scale));--fs-headline: calc(var(--fs-headline-px) * var(--text-scale));--fs-display: calc(var(--fs-display-px) * var(--text-scale));--fs-mega: calc(var(--fs-mega-px) * var(--text-scale));--fs-micro: var(--fs-xs);--fs-caption: var(--fs-xs);--fs-small: var(--fs-sm);--fs-body: var(--fs-sm);--fs-body-lg: var(--fs-base);--fs-lead: var(--fs-base);--fs-h6: var(--fs-base);--fs-h6-alt: var(--fs-lg);--fs-h5: var(--fs-md);--fs-h4: var(--fs-lg);--fs-h3: var(--fs-xl);--fs-h2: var(--fs-display);--fs-h1: var(--fs-mega);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--fw-ultra: 900;--lh-flat: 1;--lh-ultra: .95;--lh-tight: 1.1;--lh-snug: 1.2;--lh-cozy: 1.3;--lh-normal: 1.4;--lh-relaxed: 1.5;--track-tightest: -.03em;--track-tight: -.02em;--track-body: -.01em;--track-none: 0;--track-loose: .04em;--track-caps-sm: .08em;--track-caps-narrow: .1em;--track-caps-mid: .14em;--track-caps: .12em;--track-caps-wide: .18em;--alpha-faint: .04;--alpha-soft: .06;--alpha-quiet: .1;--alpha-dim: .18;--alpha-mid: .2;--alpha-quarter: .25;--alpha-half: .4;--alpha-strong: .55;--alpha-near-full: .85;--overlay-white: #fff;--shadow-black: #000;--state-hover-opacity: .08;--state-press-opacity: .12;--state-disabled-opacity: .4;--state-loading-opacity: .6;--state-selected-opacity: .12;--state-focus-ring-width: 2px;--state-focus-ring-offset: 2px;--color-text-default: var(--text-on-deep);--color-text-secondary: var(--text-muted);--color-text-tertiary: var(--text-faint);--color-text-on-card: var(--text-on-card);--color-text-on-cta: var(--primary-on);--color-text-link: var(--accent-cool);--color-text-status-danger: var(--danger);--color-text-status-success: var(--success);--color-bg-default: var(--surface-deep);--color-bg-elevated: var(--surface-mid);--color-bg-overlay: var(--surface-hi);--color-bg-recessed: var(--surface-lo);--color-bg-card: var(--surface-card);--color-bg-card-quiet: var(--surface-card-quiet);--color-cta-default: var(--primary);--color-cta-hover: var(--primary-hover);--color-cta-pressed: color-mix(in srgb, var(--primary) 80%, var(--ink));--color-cta-disabled: color-mix(in srgb, var(--primary) 40%, transparent);--color-cta-on: var(--primary-on);--color-pantsy: var(--pantsy);--color-smarty: var(--gold);--color-positive: var(--pof-positive);--color-border-default: color-mix(in srgb, var(--overlay-white) 8%, transparent);--color-border-strong: color-mix(in srgb, var(--overlay-white) 14%, transparent);--color-border-card: color-mix(in srgb, var(--gold) 13%, transparent);--panel-border: 1px solid color-mix(in srgb, var(--pantsy-fg) 12%, transparent);--panel-border-accent: 1px solid color-mix(in srgb, var(--panel-accent, var(--pantsy-fg)) 20%, transparent);--icon-xs: 18px;--icon-sm: 22px;--icon-md: 28px;--icon-lg: 32px;--icon-xl: 36px;--icon-tap: 44px;--tap-min: 44px;--icon-stroke-thin: .5px;--icon-stroke-default: 1px;--icon-stroke-bold: 1.5px;--icon-gap: 6px;--icon-gap-tight: 4px;--icon-gap-loose: 8px}body[data-mode=stress]{--radius-card: 16px;--radius-btn: 12px;--pantsy-radius-card: 16px;--pantsy-radius-btn: 12px;--pof-card-stroke-opacity: .28}html[lang=th]{--font-display: "Prompt", "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-body: "Prompt", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "Prompt", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", monospace}html[lang=ko]{--font-display: "Pretendard", "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-body: "Pretendard", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "Pretendard", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", monospace}html[lang=hi]{--font-display: "Baloo 2", "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-body: "Baloo 2", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "Baloo 2", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", monospace}html[lang=ja]{--font-display: "M PLUS Rounded 1c", "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-body: "M PLUS Rounded 1c", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "M PLUS Rounded 1c", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", monospace}html[lang=ru]{--font-display: "Rubik", "Bricolage Grotesque", "Archivo Black", system-ui, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif}html[lang=th],html[lang=hi],html[lang=ko],html[lang=ja]{--track-tightest: 0;--track-tight: 0;--track-body: 0;--track-none: 0;--track-loose: 0;--track-caps-sm: 0;--track-caps-narrow: 0;--track-caps-mid: 0;--track-caps: 0;--track-caps-wide: 0;--lh-flat: 1.4;--lh-ultra: 1.4;--lh-tight: 1.45;--lh-snug: 1.45}html[lang=hi]{--lh-flat: 1.55;--lh-ultra: 1.55}html[lang=th] *,html[lang=hi] *,html[lang=ko] *,html[lang=ja] *{letter-spacing:0!important}