@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");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{color-scheme:light;--ink: #1b2230;--ink-secondary: #3f4859;--ink-muted: #667085;--ink-faint: #9aa3b2;--paper: #f1f3f6;--paper-raised: #ffffff;--paper-sunken: #e8ecf2;--line: #dde3ec;--paper-rgb: 241, 243, 246;--ink-rgb: 27, 34, 48;--brand: #378bf9;--brand-deep: #1558c0;--brand-soft: #e3efff;--highlight: #7db8ff;--highlight-deep: #1558c0;--highlight-soft: #e6f0ff;--highlight-strong: #5ea6ff;--coral: #d92d20;--coral-soft: #fee4e2;--gold: #f5c518;--gold-soft: #fff5d1;--gold-deep: #8a5b00;--green: #0f9d63;--green-soft: #dcf5e9;--on-brand: #ffffff;--on-highlight: #1b2230;--on-coral: #ffffff;--color-bg: var(--paper);--color-surface: var(--paper-raised);--color-surface-secondary: var(--paper-sunken);--color-border: var(--line);--color-border-strong: var(--ink);--color-text: var(--ink);--color-text-muted: var(--ink-muted);--color-accent: var(--brand);--color-accent-hover: var(--brand-deep);--color-accent-soft: var(--brand-soft);--color-success: var(--green);--color-success-soft: var(--green-soft);--color-danger: var(--coral);--color-danger-hover: #b42318;--color-danger-soft: var(--coral-soft);--color-warning: var(--gold);--color-warning-soft: var(--gold-soft);--color-gold: var(--gold);--color-gold-soft: var(--gold-soft);--color-xp: var(--highlight);--color-xp-ink: var(--highlight-deep);--color-xp-soft: var(--highlight-soft);--color-on-accent: var(--on-brand);--color-on-gold: var(--ink);--color-overlay: rgba(var(--ink-rgb), .72);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px;--radius-full: 999px;--border-hairline: 1px;--border-thick: 2px;--shadow-hard: 3px 3px 0 var(--ink);--shadow-hard-lg: 5px 5px 0 var(--ink);--shadow-hard-brand: 4px 4px 0 var(--brand-deep);--shadow-sm: 0 1px 2px rgba(var(--ink-rgb), .06);--shadow-md: 0 4px 14px rgba(var(--ink-rgb), .09);--shadow-lg: 0 18px 44px rgba(var(--ink-rgb), .16);--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-family: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: clamp(16px, 4vw, 18px);--font-size-xl: clamp(18px, 4.6vw, 21px);--font-size-2xl: clamp(19px, 4.4vw, 23px);--font-size-3xl: clamp(22px, 4.8vw, 30px);--font-size-4xl: clamp(25px, 5.6vw, 42px);--font-size-5xl: clamp(29px, 7vw, 60px);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-tight: 1.04;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .08em;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .14s;--duration-base: .28s;--duration-slow: .56s;--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--transition-spring: var(--duration-base) var(--ease-spring);--tap-target-min: 44px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--breakpoint-desktop: 768px;--content-max-width: 720px;--wide-max-width: 1100px;--header-height: 64px;--tabbar-height: 58px;--tabbar-space: calc(var(--tabbar-height) + var(--safe-bottom));--sticky-top: calc(var(--header-height) + var(--safe-top));--guide-hud-height: 64px;--section-gap: clamp(40px, 9vw, 64px);--section-gap-lg: clamp(52px, 11vw, 80px)}@media(min-width:768px){:root{--tabbar-height: 0px}}@media(max-width:767px){:root{--line-height-normal: 1.45;--line-height-relaxed: 1.55}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 1ms;--duration-base: 1ms;--duration-slow: 1ms;--transition-fast: 1ms linear;--transition-base: 1ms linear;--transition-spring: 1ms linear}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}