@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.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}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.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:dark;--lime-dark: #afff00;--lime-dark-rgb: 175 255 0;--lime-dark-2: #c8ff4d;--lime-light: #4a6800;--lime-light-rgb: 74 104 0;--lime-light-2: #5c7a00;--lime-fill: #afff00;--lime-fill-2: #c8ff4d;--lime-ink: #0b1a00;--mint-dark: #5ee9b5;--mint-dark-rgb: 94 233 181;--mint-dark-2: #8af5cb;--mint-light: #0b6b4f;--mint-light-rgb: 11 107 79;--mint-light-2: #0d7d5c;--mint-fill: #5ee9b5;--mint-fill-2: #8af5cb;--mint-ink: #0b1a00;--sky-dark: #59a8f8;--sky-dark-rgb: 89 168 248;--sky-dark-2: #8bbaff;--sky-light: #0a4399;--sky-light-rgb: 10 67 153;--sky-light-2: #1a6fd8;--sky-fill: #59a8f8;--sky-fill-2: #8bbaff;--sky-ink: #0a1829;--violet-dark: #b18cff;--violet-dark-rgb: 177 140 255;--violet-dark-2: #c9b0ff;--violet-light: #5b2fd0;--violet-light-rgb: 91 47 208;--violet-light-2: #6d43dd;--violet-fill: #b18cff;--violet-fill-2: #c9b0ff;--violet-ink: #150a33;--amber-dark: #ffb13d;--amber-dark-rgb: 255 177 61;--amber-dark-2: #ffc670;--amber-light: #8e440b;--amber-light-rgb: 142 68 11;--amber-light-2: #a34d0a;--amber-fill: #ffb13d;--amber-fill-2: #ffc670;--amber-ink: #2a170a;--rose-dark: #ff7a9c;--rose-dark-rgb: 255 122 156;--rose-dark-2: #ffa3ba;--rose-light: #b3003a;--rose-light-rgb: 179 0 58;--rose-light-2: #cc0044;--rose-fill: #ff7a9c;--rose-fill-2: #ffa3ba;--rose-ink: #3d0014;--accent-dark: var(--violet-dark);--accent-dark-rgb: var(--violet-dark-rgb);--accent-dark-2: var(--violet-dark-2);--accent-light: var(--violet-light);--accent-light-rgb: var(--violet-light-rgb);--accent-light-2: var(--violet-light-2);--accent-fill: var(--violet-fill);--accent-fill-2: var(--violet-fill-2);--accent-ink-night: var(--violet-ink);--accent-ink-day: var(--on-fill)}:root{color-scheme:dark;--bg: #0a0a0b;--rail: #0c0c0e;--side: #101013;--panel: #15151a;--panel-2: #1a1a20;--elevated: #202027;--elevated-2: #26262e;--sunken: #121216;--sunken-2: #101014;--code-bg: #0c0c0f;--overlay: rgba(6, 6, 8, .72);--scrim-modal: rgba(4, 4, 6, .72);--scrim-drawer: rgba(4, 4, 6, .62);--line-1: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--line-3: rgba(255, 255, 255, .16);--text-1: #f2f3f5;--text-2: #c3c7cf;--text-3: #8b8f98;--text-4: #8f939c;--blue: #5c9dff;--blue-soft: rgba(92, 157, 255, .14);--blue-rgb: 92 157 255;--blue-2: #a8c8ff;--green: #4ade80;--green-soft: rgba(74, 222, 128, .14);--green-rgb: 74 222 128;--green-2: #86efac;--yellow: #f5c451;--yellow-soft: rgba(245, 196, 81, .14);--yellow-rgb: 245 196 81;--yellow-2: #f7d488;--red: #ff6b6b;--red-soft: rgba(255, 107, 107, .14);--red-rgb: 255 107 107;--red-fill: #c62f36;--red-2: #ff9a9a;--grey: #8b8f98;--wash: rgba(255, 255, 255, .08);--wash-strong: rgba(255, 255, 255, .16);--on-accent: rgba(0, 0, 0, .12);--on-accent-strong: rgba(0, 0, 0, .18);--on-fill: #ffffff;--hover: rgba(255, 255, 255, .025);--hover2: rgba(255, 255, 255, .04);--sheen: rgba(255, 255, 255, .02);--accent-glow: rgb(var(--accent-rgb) / .09);--blue-glow: rgb(var(--blue-rgb) / .1);--blue-glow-soft: rgb(var(--blue-rgb) / .07);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .28);--shadow-md: 0 12px 32px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 28px 70px -28px rgba(0, 0, 0, .85);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .06);--grain-opacity: .035;--scroll-thumb: var(--line-3);--scroll-thumb-hover: rgba(255, 255, 255, .28);--accent: var(--accent-dark);--accent-2: var(--accent-dark-2);--accent-rgb: var(--accent-dark-rgb);--accent-ink: var(--accent-ink-night);--accent-soft: rgb(var(--accent-rgb) / .12);--accent-line: rgb(var(--accent-rgb) / .35);--heat-1: rgb(var(--accent-rgb) / .22);--heat-2: rgb(var(--accent-rgb) / .45);--heat-3: var(--accent-fill);--font: "Geist Variable", "Geist", system-ui, sans-serif;--mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;--t-12: .75rem;--t-13: .8125rem;--t-14: .875rem;--t-15: .9375rem;--t-16: 1rem;--t-18: 1.125rem;--t-22: 1.375rem;--t-28: 1.75rem;--t-36: 2.25rem;--t-48: 3rem;--t-64: 4rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.05;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-display: 1.08;--tracking-tighter: -.045em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .08em;--tracking-caps: .14em;--numeric: tabular-nums;--sp4: .25rem;--sp8: .5rem;--sp12: .75rem;--sp16: 1rem;--sp20: 1.25rem;--sp24: 1.5rem;--sp32: 2rem;--sp40: 2.5rem;--sp48: 3rem;--sp64: 4rem;--sp80: 5rem;--sp96: 6rem;--hair-1: 1px;--hair-2: 2px;--hair-3: 3px;--hair-collapse: -1px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-bezel: 32px;--r-bezel-inner: 24px;--r-pill: 999px;--r-track: 999px;--r-thumb: 999px;--checkbox-size: 20px;--checkbox-hit: 44px;--radio-size: 20px;--track-h: 6px;--thumb: 22px;--thumb-ring: 3px;--thumb-ring-offset: 2px;--accordion-trigger-min-h: 44px;--speed-instant: 80ms;--speed-fast: .12s;--speed-base: .2s;--speed-enter: .32s;--speed-exit: .18s;--speed-spinner: .7s;--motion-kill-switch: .01ms;--ease-base: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-soft: cubic-bezier(.19, 1, .22, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--stagger: 40ms;--weight-display: 320;--tracking-wordmark: .26em;--tracking-display: .3em;--rail-w: 68px;--side-w: 240px;--rail-collapsed: 72px;--aside-w: 200px;--topbar-h: 48px;--tabbar-h: 56px;--nav-h: 72px;--content-max: 1080px;--focus-ring: 2px solid var(--accent);--focus-offset: 2px;--target: 44px;--z-scrim: 19;--z-shell: 20;--z-overlay: 40;--z-toast: 60;--z-skip: 80;--z-header: 20;--z-dialog: 40;--grid-min: 220px;--grid-min-xs: 120px;--grid-min-sm: 140px;--grid-min-md: 220px;--grid-min-lg: 320px;--alpha-whisper-1: rgb(255 255 255 / .05);--alpha-whisper-2: rgb(255 255 255 / .08);--alpha-whisper-3: rgb(255 255 255 / .12);--alpha-whisper-4: rgb(255 255 255 / .16);--alpha-whisper-5: rgb(255 255 255 / .22);--alpha-veil-1: rgb(255 255 255 / .45);--alpha-veil-2: rgb(255 255 255 / .6);--alpha-veil-3: rgb(255 255 255 / .75);--aurora-teal-dark: #2a9e93;--aurora-teal-light: #3a9e96;--aurora-blue-dark: #385db4;--aurora-blue-light: #4264a8;--aurora-plum-dark: #a04e78;--aurora-plum-light: #a44f67;--aurora-plum-light2: #8e5689;--aurora-ember-dark: #c78b47;--aurora-ember-light: #bb704b;--aurora-ember-light2: #c59b47;--aurora-violet-dark: #765d9c;--aurora-violet-light: #9358a1;--aurora-rust-dark: #b27855;--aurora-rust-light: #b46b54;--aurora-green-dark: #3c9b77;--aurora-green-light: #458b82;--aurora-indigo-dark: #6262ad;--aurora-indigo-light: #4d61b1;--aurora-steel-dark: #357f9b;--aurora-steel-light: #3d79b7;--aurora-fallback: #050607;--atmo-scrim-deep: rgba(4, 5, 7, .9);--atmo-scrim-mid: rgba(4, 5, 7, .64);--atmo-scrim-soft: rgba(10, 10, 12, .72);--atmo-scrim-quiet: rgba(10, 10, 12, .42);--atmo-scrim-pure: rgba(0, 0, 0, .9);--atmo-scrim-danger: rgba(22, 5, 5, .88);--atmo-danger: #ffb3ab;--atmo-danger-wash: rgba(255, 122, 112, .35);--atmo-white: #ffffff;--qr-light: #ffffff;--qr-dark: #000000;--atmo-black: #000000;--frame-w: 16px;--form-max: 420px;--dialog-max: 480px;--prose-max: 760px;--measure: 65ch;--gutter: clamp(1.25rem, 4vw, 3.5rem);--section-tight: 4rem;--section-base: 6rem;--section-loose: 9rem;--bp-sm: 34rem;--bp-md: 56rem;--bp-lg: 62rem}:root :focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:root :focus:not(:focus-visible){outline:none}[data-theme=light]{--bg: #f7f7f8;--rail: #f2f2f4;--side: #f4f4f6;--panel: #ffffff;--panel-2: #fafafa;--elevated: #ececed;--elevated-2: #e2e2e4;--sunken: #f4f4f6;--sunken-2: #f2f2f4;--code-bg: #f2f2f4;--overlay: rgba(255, 255, 255, .75);--scrim-modal: rgba(24, 24, 28, .44);--scrim-drawer: rgba(24, 24, 28, .32);--line-1: rgba(16, 16, 20, .08);--line-2: rgba(16, 16, 20, .14);--line-3: rgba(16, 16, 20, .24);--text-1: #101014;--text-2: #3d4048;--text-3: #5c6069;--text-4: #5f636c;--blue: #1257c4;--blue-soft: rgba(18, 87, 196, .1);--blue-rgb: 18 87 196;--blue-2: #1257c4;--green: #17703c;--green-soft: rgba(23, 112, 60, .1);--green-rgb: 23 112 60;--green-2: #14663a;--yellow: #8a5a00;--yellow-soft: rgba(138, 90, 0, .1);--yellow-rgb: 138 90 0;--yellow-2: #6d3f00;--red: #c0272d;--red-soft: rgba(192, 39, 45, .1);--red-rgb: 192 39 45;--red-fill: #c0272d;--red-2: #a3121a;--grey: #5f636c;--wash: rgba(16, 16, 20, .06);--wash-strong: rgba(16, 16, 20, .1);--on-accent: rgba(0, 0, 0, .14);--on-accent-strong: rgba(0, 0, 0, .2);--on-fill: #ffffff;--hover: rgba(16, 16, 20, .03);--hover2: rgba(16, 16, 20, .05);--sheen: rgba(16, 16, 20, .015);--blue-glow-soft: rgb(var(--blue-rgb) / .09);--shadow-sm: 0 1px 2px rgba(16, 16, 20, .06), 0 1px 3px rgba(16, 16, 20, .04);--shadow-md: 0 6px 16px -6px rgba(16, 16, 20, .14), 0 2px 6px rgba(16, 16, 20, .05);--shadow-lg: 0 24px 56px -20px rgba(16, 16, 20, .22), 0 6px 16px rgba(16, 16, 20, .07);--inset-top: inset 0 1px 0 rgba(255, 255, 255, .9);--grain-opacity: .02;--scroll-thumb: rgba(16, 16, 20, .2);--scroll-thumb-hover: rgba(16, 16, 20, .34);--accent: var(--accent-light);--accent-2: var(--accent-light-2);--accent-rgb: var(--accent-light-rgb);--accent-ink: var(--accent-ink-day);--accent-soft: rgb(var(--accent-rgb) / .1);--accent-line: rgb(var(--accent-rgb) / .34);--heat-1: rgb(var(--accent-rgb) / .16);--heat-2: rgb(var(--accent-rgb) / .34);--heat-3: var(--accent-fill)}.zone-content>*+*{margin-block-start:var(--sp24)}.zone-hero>*+*{margin-block-start:var(--sp16)}.stack{display:grid;gap:var(--sp16);align-content:start}.stack--sm{gap:var(--sp8)}.stack--lg{gap:var(--sp24)}.cluster{display:flex;flex-wrap:wrap;gap:var(--sp8);align-items:center}.duo{display:grid;gap:var(--sp16);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.split{display:grid;gap:var(--sp24);grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:start}.frame{display:grid;gap:var(--sp12);grid-template-columns:var(--frame-w) minmax(0,1fr);align-items:baseline}.container{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.container--prose{max-inline-size:var(--prose-max)}.container--form{max-inline-size:var(--form-max)}.measure{max-inline-size:var(--measure)}.rhythm-tight>*+*{margin-block-start:var(--section-tight)}.rhythm-base>*+*{margin-block-start:var(--section-base)}.rhythm-loose>*+*{margin-block-start:var(--section-loose)}@media(max-width:56rem){.split{grid-template-columns:minmax(0,1fr)}.container{padding-inline:var(--sp16)}}@media(max-width:34rem){.duo{grid-template-columns:minmax(0,1fr)}.rhythm-base>*+*{margin-block-start:var(--section-tight)}}:root{color-scheme:dark;--pearl-dark: #f5f5f4;--pearl-dark-rgb: 245 245 244;--pearl-dark-2: #ffffff;--pearl-light: #18181b;--pearl-light-rgb: 24 24 27;--pearl-light-2: #27272a;--pearl-fill: #f5f5f4;--pearl-fill-2: #ffffff;--pearl-ink: #000000;--lime-dark: #afff00;--lime-dark-rgb: 175 255 0;--lime-dark-2: #c8ff4d;--lime-light: #4a6800;--lime-light-rgb: 74 104 0;--lime-light-2: #5c7a00;--lime-fill: #afff00;--lime-fill-2: #c8ff4d;--lime-ink: #0b1a00;--mint-dark: #5ee9b5;--mint-dark-rgb: 94 233 181;--mint-dark-2: #8af5cb;--mint-light: #0b6b4f;--mint-light-rgb: 11 107 79;--mint-light-2: #0d7d5c;--mint-fill: #5ee9b5;--mint-fill-2: #8af5cb;--mint-ink: #0b1a00;--sky-dark: #59a8f8;--sky-dark-rgb: 89 168 248;--sky-dark-2: #8bbaff;--sky-light: #0a4399;--sky-light-rgb: 10 67 153;--sky-light-2: #1a6fd8;--sky-fill: #59a8f8;--sky-fill-2: #8bbaff;--sky-ink: #0a1829;--violet-dark: #b18cff;--violet-dark-rgb: 177 140 255;--violet-dark-2: #c9b0ff;--violet-light: #5b2fd0;--violet-light-rgb: 91 47 208;--violet-light-2: #6d43dd;--violet-fill: #b18cff;--violet-fill-2: #c9b0ff;--violet-ink: #150a33;--amber-dark: #ffb13d;--amber-dark-rgb: 255 177 61;--amber-dark-2: #ffc670;--amber-light: #8e440b;--amber-light-rgb: 142 68 11;--amber-light-2: #a34d0a;--amber-fill: #ffb13d;--amber-fill-2: #ffc670;--amber-ink: #2a170a;--rose-dark: #ff7a9c;--rose-dark-rgb: 255 122 156;--rose-dark-2: #ffa3ba;--rose-light: #b3003a;--rose-light-rgb: 179 0 58;--rose-light-2: #cc0044;--rose-fill: #ff7a9c;--rose-fill-2: #ffa3ba;--rose-ink: #3d0014;--accent-dark: var(--pearl-dark);--accent-dark-rgb: var(--pearl-dark-rgb);--accent-dark-2: var(--pearl-dark-2);--accent-light: var(--pearl-light);--accent-light-rgb: var(--pearl-light-rgb);--accent-light-2: var(--pearl-light-2);--accent-fill: var(--pearl-fill);--accent-fill-2: var(--pearl-fill-2);--accent-ink-night: var(--pearl-ink);--accent-ink-day: var(--on-fill);--bg: #000000;--rail: #000000;--side: #060607;--panel: #0c0c0e;--panel-2: #111114;--elevated: #17171b;--overlay: rgba(6, 6, 8, .72);--scrim-modal: rgba(4, 4, 6, .72);--scrim-drawer: rgba(4, 4, 6, .62);--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--line-3: rgba(255, 255, 255, .16);--text: #f2f3f5;--text-2: #c3c7cf;--text-3: #8b8f98;--text-4: #8f939c;--blue: #5c9dff;--blue-soft: rgba(92, 157, 255, .14);--green: #4ade80;--green-soft: rgba(74, 222, 128, .14);--yellow: #f5c451;--yellow-soft: rgba(245, 196, 81, .14);--red: #ff6b6b;--red-soft: rgba(255, 107, 107, .14);--grey: #8b8f98;--red-rgb: 255 107 107;--green-rgb: 74 222 128;--yellow-rgb: 245 196 81;--blue-rgb: 92 157 255;--red-fill: #c62f36;--danger-line: rgb(var(--red-rgb) / .32);--danger-line-strong: rgb(var(--red-rgb) / .4);--danger-wash: rgb(var(--red-rgb) / .22);--warn-line: rgb(var(--yellow-rgb) / .3);--elevated-2: #1d1d22;--sunken: #08080a;--sunken-2: #070708;--code-bg: #060607;--wash: rgba(255, 255, 255, .08);--wash-strong: rgba(255, 255, 255, .16);--on-accent-wash: rgba(0, 0, 0, .12);--on-accent-wash-strong: rgba(0, 0, 0, .18);--accent-glow: rgb(var(--accent-rgb) / .09);--blue-glow: rgb(var(--blue-rgb) / .1);--blue-glow-soft: rgb(var(--blue-rgb) / .07);--auth-surface: rgba(12, 12, 14, .94);--auth-surface-2: rgba(6, 6, 7, .94);--hover-wash: rgba(255, 255, 255, .025);--hover-wash-2: rgba(255, 255, 255, .04);--panel-sheen: rgba(255, 255, 255, .02);--grain-opacity: .025;--scroll-thumb: var(--line-3);--scroll-thumb-hover: rgba(255, 255, 255, .28);--accent: var(--accent-dark);--accent-2: var(--accent-dark-2);--accent-rgb: var(--accent-dark-rgb);--accent-soft: rgb(var(--accent-rgb) / .12);--accent-line: rgb(var(--accent-rgb) / .35);--heat-1: rgb(var(--accent-rgb) / .22);--heat-2: rgb(var(--accent-rgb) / .45);--heat-3: var(--accent-fill);--profile-accent: var(--accent);--profile-accent-rgb: var(--accent-rgb);--profile-wash: rgb(var(--profile-accent-rgb) / .16);--profile-tint: rgb(var(--profile-accent-rgb) / .12);--profile-radius: var(--r-xl);--rank: var(--accent);--xp-plate: var(--sunken);--xp-plate-line: var(--line-2);--reveal-index: 0;--reveal-step: 45ms;--compare-side: var(--accent);--cos-a: var(--violet-dark);--cos-b: var(--sky-dark);--cos-c: var(--rose-dark);--cos-gold: var(--amber-dark-2);--cos-gold-deep: var(--amber-dark);--cos-metal: #eef1f6;--cos-metal-deep: #8d95a3;--cos-pattern: rgb(255 255 255 / .07);--rarity: var(--pearl-dark);--font: "Geist Variable", "Geist", system-ui, sans-serif;--mono: "Geist Mono Variable", "Geist Mono", ui-monospace, monospace;--t-12: .75rem;--t-13: .8125rem;--t-14: .875rem;--t-15: .9375rem;--t-16: 1rem;--t-18: 1.125rem;--t-22: 1.375rem;--t-28: 1.75rem;--numeric: tabular-nums;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--speed-instant: 80ms;--speed-fast: .12s;--speed-base: .2s;--speed-enter: .32s;--speed-exit: .18s;--ease: cubic-bezier(.2, .8, .2, 1);--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-soft: cubic-bezier(.19, 1, .22, 1);--ease-enter: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--rail-w: 68px;--side-w: 240px;--topbar-h: 52px;--row-h: 36px;--tabbar-h: 56px;--content-max: 1080px;--z-shell: 20;--z-scrim: 19;--z-overlay: 40;--z-toast: 60;--z-skip: 80}[data-theme=light]{color-scheme:light;--panel-2: #fafafa;--elevated-2: #e2e2e4;--sunken-2: #f2f2f4;--xp-plate: #16171b;--xp-plate-line: #2a2c33;--cos-a: var(--violet-light);--cos-b: var(--sky-light);--cos-c: var(--rose-light);--cos-gold: var(--amber-light-2);--cos-gold-deep: var(--amber-light);--cos-metal: #3a404c;--cos-metal-deep: #9aa1ad;--cos-pattern: rgb(16 16 20 / .08);--bg: #f7f7f8;--rail: #f2f2f4;--side: #f4f4f6;--panel: #ffffff;--elevated: #ececed;--overlay: rgba(255, 255, 255, .75);--scrim-modal: rgba(24, 24, 28, .44);--scrim-drawer: rgba(24, 24, 28, .32);--line: rgba(16, 16, 20, .08);--line-2: rgba(16, 16, 20, .14);--line-3: rgba(16, 16, 20, .24);--text: #101014;--text-2: #3d4048;--text-3: #5c6069;--text-4: #5f636c;--blue: #1257c4;--blue-soft: rgba(18, 87, 196, .1);--green: #17703c;--green-soft: rgba(23, 112, 60, .1);--yellow: #8a5a00;--yellow-soft: rgba(138, 90, 0, .1);--red: #c0272d;--red-soft: rgba(192, 39, 45, .1);--grey: #5f636c;--red-rgb: 192 39 45;--green-rgb: 23 112 60;--yellow-rgb: 138 90 0;--blue-rgb: 18 87 196;--red-fill: #c0272d;--sunken: #f4f4f6;--code-bg: #f2f2f4;--wash: rgba(16, 16, 20, .06);--wash-strong: rgba(16, 16, 20, .1);--on-accent-wash: rgba(0, 0, 0, .14);--on-accent-wash-strong: rgba(0, 0, 0, .2);--blue-glow-soft: rgb(var(--blue-rgb) / .09);--auth-surface: rgba(255, 255, 255, .94);--auth-surface-2: rgba(250, 250, 250, .94);--hover-wash: rgba(16, 16, 20, .03);--hover-wash-2: rgba(16, 16, 20, .05);--panel-sheen: rgba(16, 16, 20, .015);--grain-opacity: .02;--scroll-thumb: rgba(16, 16, 20, .2);--scroll-thumb-hover: rgba(16, 16, 20, .34);--accent: var(--accent-light);--accent-2: var(--accent-light-2);--accent-rgb: var(--accent-light-rgb);--accent-soft: rgb(var(--accent-rgb) / .1);--accent-line: rgb(var(--accent-rgb) / .34);--heat-1: rgb(var(--accent-rgb) / .16);--heat-2: rgb(var(--accent-rgb) / .34);--heat-3: var(--accent-fill);--profile-wash: rgb(var(--profile-accent-rgb) / .14);--profile-tint: rgb(var(--profile-accent-rgb) / .1);--profile-radius: var(--r-lg)}[data-accent=pearl]{--accent-dark: var(--pearl-dark);--accent-dark-rgb: var(--pearl-dark-rgb);--accent-dark-2: var(--pearl-dark-2);--accent-light: var(--pearl-light);--accent-light-rgb: var(--pearl-light-rgb);--accent-light-2: var(--pearl-light-2);--accent-fill: var(--pearl-fill);--accent-fill-2: var(--pearl-fill-2);--accent-ink-night: var(--pearl-ink);--accent-ink-day: var(--on-fill)}[data-accent=lime]{--accent-dark: var(--lime-dark);--accent-dark-rgb: var(--lime-dark-rgb);--accent-dark-2: var(--lime-dark-2);--accent-light: var(--lime-light);--accent-light-rgb: var(--lime-light-rgb);--accent-light-2: var(--lime-light-2);--accent-fill: var(--lime-fill);--accent-fill-2: var(--lime-fill-2);--accent-ink-night: var(--lime-ink);--accent-ink-day: var(--on-fill)}[data-accent=mint]{--accent-dark: var(--mint-dark);--accent-dark-rgb: var(--mint-dark-rgb);--accent-dark-2: var(--mint-dark-2);--accent-light: var(--mint-light);--accent-light-rgb: var(--mint-light-rgb);--accent-light-2: var(--mint-light-2);--accent-fill: var(--mint-fill);--accent-fill-2: var(--mint-fill-2);--accent-ink-night: var(--mint-ink);--accent-ink-day: var(--on-fill)}[data-accent=sky]{--accent-dark: var(--sky-dark);--accent-dark-rgb: var(--sky-dark-rgb);--accent-dark-2: var(--sky-dark-2);--accent-light: var(--sky-light);--accent-light-rgb: var(--sky-light-rgb);--accent-light-2: var(--sky-light-2);--accent-fill: var(--sky-fill);--accent-fill-2: var(--sky-fill-2);--accent-ink-night: var(--sky-ink);--accent-ink-day: var(--on-fill)}[data-accent=violet]{--accent-dark: var(--violet-dark);--accent-dark-rgb: var(--violet-dark-rgb);--accent-dark-2: var(--violet-dark-2);--accent-light: var(--violet-light);--accent-light-rgb: var(--violet-light-rgb);--accent-light-2: var(--violet-light-2);--accent-fill: var(--violet-fill);--accent-fill-2: var(--violet-fill-2);--accent-ink-night: var(--violet-ink);--accent-ink-day: var(--on-fill)}[data-accent=amber]{--accent-dark: var(--amber-dark);--accent-dark-rgb: var(--amber-dark-rgb);--accent-dark-2: var(--amber-dark-2);--accent-light: var(--amber-light);--accent-light-rgb: var(--amber-light-rgb);--accent-light-2: var(--amber-light-2);--accent-fill: var(--amber-fill);--accent-fill-2: var(--amber-fill-2);--accent-ink-night: var(--amber-ink);--accent-ink-day: var(--on-fill)}[data-accent=rose]{--accent-dark: var(--rose-dark);--accent-dark-rgb: var(--rose-dark-rgb);--accent-dark-2: var(--rose-dark-2);--accent-light: var(--rose-light);--accent-light-rgb: var(--rose-light-rgb);--accent-light-2: var(--rose-light-2);--accent-fill: var(--rose-fill);--accent-fill-2: var(--rose-fill-2);--accent-ink-night: var(--rose-ink);--accent-ink-day: var(--on-fill)}[data-density=compact]{--s3: .5rem;--s4: .75rem;--s5: 1rem;--s6: 1.25rem;--s8: 1.5rem;--s10: 2rem;--s12: 2.5rem;--topbar-h: 44px;--row-h: 32px}[data-density=spacious]{--s3: 1rem;--s4: 1.25rem;--s5: 1.5rem;--s6: 2rem;--s8: 2.5rem;--s10: 3rem;--s12: 4rem;--topbar-h: 56px;--row-h: 44px}@layer base{*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text-2);font-family:var(--font);font-size:var(--t-14);font-synthesis:none;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:after{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:180px 180px;content:"";opacity:var(--grain-opacity);pointer-events:none}button,input,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{color:var(--text);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}ul,ol{margin:0;padding:0;list-style:none}table{border-collapse:collapse;width:100%}hr{height:1px;margin:0;border:0;background:var(--line)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:var(--z-skip);top:var(--s4);left:var(--s4);min-height:44px;padding:0 var(--s5);border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-semibold);transform:translateY(calc(-100% - var(--s6)));transition:transform var(--speed-fast) var(--ease)}.skip-link:focus-visible{transform:translateY(0)}::selection{background:var(--accent);color:var(--accent-ink)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--r-pill);background:var(--scroll-thumb);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--motion-kill-switch)!important;animation-iteration-count:1!important;transition-duration:var(--motion-kill-switch)!important;scroll-behavior:auto!important}}}.page{width:100%;max-width:1080px;margin-inline:auto;padding:var(--s12) var(--s8) calc(var(--s12) * 1.8)}.page--wide{max-width:none}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}.page__head>.row{justify-content:flex-end}.page__head h1{font-size:var(--t-28);letter-spacing:var(--tracking-tight)}.page__head p{margin-top:var(--s1);color:var(--text-3);font-size:var(--t-13)}.section-title{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s3);color:var(--text-3);font-size:var(--t-12);font-weight:var(--weight-semibold)}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack--sm{gap:var(--s2)}.stack--lg{gap:var(--s6)}.row{display:flex;align-items:center;gap:var(--s3);min-width:0}.row--wrap{flex-wrap:wrap}.row--between{justify-content:space-between}.spacer{flex:1}.avatar{position:relative;display:grid;flex:none;place-items:center;border-radius:50%;background:linear-gradient(140deg,var(--elevated),var(--panel));color:var(--text-2);font-size:var(--t-12);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none}.avatar--xs{width:20px;height:20px;font-size:var(--t-12)}.avatar--sm{width:28px;height:28px;font-size:var(--t-12)}.avatar--md{width:36px;height:36px;font-size:var(--t-12)}.avatar--lg{width:56px;height:56px;font-size:var(--t-16)}.avatar--xl{width:88px;height:88px;font-size:var(--t-28)}.avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar[data-frame=ring]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.avatar[data-frame=square]{border-radius:var(--r-md)}.avatar[data-frame=double]{border-radius:var(--r-md);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--profile-accent),0 0 0 6px var(--bg),0 0 0 7px var(--profile-accent)}.avatar__status{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:3px solid var(--bg);border-radius:50%;background:var(--grey)}.avatar__status[data-status=online]{background:var(--green)}.avatar__status[data-status=idle]{background:var(--yellow)}.avatar__status[data-status=dnd]{background:var(--red)}.avatar__status[data-status=offline]{background:var(--text-4)}.btn{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:var(--s2);padding:0 var(--s4);border:1px solid transparent;border-radius:var(--r-pill);background:var(--elevated);color:var(--text-2);font-size:var(--t-13);font-weight:var(--weight-semibold);white-space:nowrap;transition:transform var(--speed-base) var(--ease-spring),background-color var(--speed-fast) var(--ease),border-color var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease),opacity var(--speed-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--elevated-2);color:var(--text)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{border-radius:var(--r-pill);padding:0 var(--s5);background:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-2);color:var(--accent-ink)}.btn--secondary{border-color:var(--line-2);background:transparent}.btn--secondary:hover:not(:disabled){border-color:var(--line-3);background:var(--line)}.btn--ghost{background:transparent;color:var(--text-3)}.btn--ghost:hover:not(:disabled){background:var(--line);color:var(--text)}.btn--danger{background:var(--red-soft);color:var(--red)}.btn--danger:hover:not(:disabled){background:var(--danger-wash);color:var(--red-2)}.btn--sm{min-height:28px;padding:0 var(--s3);border-radius:var(--r-pill);font-size:var(--t-12)}.btn--icon{width:34px;padding:0}.btn--icon.btn--sm{width:28px}.btn__icon{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--wash);transition:transform var(--speed-base) var(--ease-spring),background-color var(--speed-fast) var(--ease)}.btn--primary .btn__icon{background:var(--on-accent-wash)}.btn:hover .btn__icon{background:var(--wash-strong);transform:translate(2px,-1px)}.btn--primary:hover .btn__icon{background:var(--on-accent-wash-strong)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field__label{color:var(--text-2);font-size:var(--t-12);font-weight:var(--weight-semibold)}.field__hint{color:var(--text-4);font-size:var(--t-12)}.panel__title-row{display:inline-flex;align-items:center}.field__hint--error{color:var(--red)}.hint{position:relative;display:inline-flex;align-items:center}.hint__btn{display:inline-grid;width:20px;height:20px;flex:none;place-items:center;margin-left:var(--s1);padding:0;border:1px solid var(--line-2);border-radius:50%;background:transparent;color:var(--text-3);font-family:inherit;font-size:var(--t-12);font-weight:var(--weight-semibold);line-height:var(--leading-tight);cursor:help}.hint__btn:after{content:"";position:absolute;width:32px;height:32px}.hint__btn:hover{border-color:var(--line-3);color:var(--text)}.hint__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.hint__tip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:var(--z-toast);width:max-content;max-width:min(260px,calc(100vw - 32px));padding:var(--s2) var(--s3);transform:translate(calc(-50% + var(--hint-shift, 0px)),4px);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--elevated);box-shadow:var(--shadow-md);color:var(--text-2);font-size:var(--t-12);font-weight:var(--weight-regular);line-height:var(--leading-normal);text-align:left;opacity:0;pointer-events:none;transition:opacity var(--speed-fast) var(--ease),transform var(--speed-fast) var(--ease)}.hint[data-open] .hint__tip{transform:translate(calc(-50% + var(--hint-shift, 0px)));opacity:1}.hint[data-drop=down] .hint__tip{top:calc(100% + 8px);bottom:auto;transform:translate(calc(-50% + var(--hint-shift, 0px)),-4px)}.hint[data-drop=down][data-open] .hint__tip{transform:translate(calc(-50% + var(--hint-shift, 0px)))}@media(prefers-reduced-motion:reduce){.hint__tip{transition:none}}.choice{display:inline-flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s1);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel-2)}.choice__item{display:inline-flex;min-height:38px;align-items:center;gap:var(--s2);padding:0 var(--s4);border:1px solid transparent;border-radius:var(--r-md);color:var(--text-3);font-size:var(--t-13);font-weight:var(--weight-semibold);transition:background-color var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease),border-color var(--speed-fast) var(--ease)}.choice__item:hover{color:var(--text-2)}.choice__item[aria-checked=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.choice__item[aria-checked=true] svg{color:var(--accent)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.toolbar__search{flex:1 1 16rem;min-width:0}.toolbar__sort .select{width:auto;min-width:9rem}.tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-sm),1fr));gap:var(--s3)}.tile{position:relative;display:grid;justify-items:center;gap:var(--s1);padding:var(--s4) var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-sm),var(--inset-top);transition:border-color var(--speed-fast) var(--ease),transform var(--speed-fast) var(--ease)}.tile:hover{border-color:var(--line-2);transform:translateY(-2px)}.tile__link{display:grid;justify-items:center;gap:var(--s2);width:100%;color:inherit;text-align:center}.tile__link:focus-visible{border-radius:var(--r-md);outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * 2)}.tile__name{max-width:100%;overflow:hidden;color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.tile__id{max-width:100%;overflow:hidden;color:var(--text-4);font-size:var(--t-12);text-overflow:ellipsis;white-space:nowrap}.tile>.chip{position:absolute;top:var(--s2);right:var(--s2)}.grid-2{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min),1fr))}.split-2{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-lg),1fr))}.stack--divided>*+*{padding-top:var(--s2);border-top:1px solid var(--line)}.swatch{display:inline-flex;min-height:44px;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4) var(--s2) var(--s2);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--panel-2);color:var(--text-2);font-size:var(--t-14);transition:border-color var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease)}.swatch:hover,.swatch[aria-pressed=true]{color:var(--text)}.swatch__chip{width:22px;height:22px;flex:none;border-radius:var(--r-sm)}.settings-nav__label{padding:0 var(--s2) var(--s2);color:var(--text-4);font-size:var(--t-12);font-weight:600}.settings{display:grid;grid-template-columns:var(--aside-w) minmax(0,1fr);gap:var(--s6);align-items:start}.settings-nav{position:sticky;top:0;display:grid;gap:var(--s4)}.settings-nav__group{display:grid;gap:var(--s1)}.settings-nav__list{display:grid;gap:var(--hair-1);padding:0;margin:0;list-style:none}.settings-nav__item{display:block;padding:var(--s2) var(--s3);border-left:2px solid transparent;border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-3);font-size:var(--t-14);transition:color var(--speed-fast) var(--ease),background var(--speed-fast) var(--ease)}.settings-nav__item:hover{background:var(--panel-2);color:var(--text)}.settings-nav__item[aria-current=page]{border-left-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:var(--weight-semibold)}.settings__content{min-width:0}@media(max-width:56rem){.settings{grid-template-columns:minmax(0,1fr);gap:var(--s5)}.settings-nav{position:static;gap:var(--s3)}.settings-nav__list{grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--s2);overflow-x:auto;padding-bottom:var(--hair-2);scrollbar-width:none;scroll-padding-inline:var(--s2)}.settings-nav__list::-webkit-scrollbar{display:none}.settings-nav__item{border-left:0;border-bottom:2px solid transparent;border-radius:var(--r-sm) var(--r-sm) 0 0;white-space:nowrap}.settings-nav__item[aria-current=page]{border-bottom-color:var(--accent)}}.board{counter-reset:none}.board__rank{width:2.5ch;flex:none;color:var(--text-3);font-size:var(--t-13);text-align:right}.board__score{color:var(--accent);font-size:var(--t-18);font-weight:var(--weight-semibold)}.picker{align-items:center;padding:var(--s3);border:1px solid var(--line-2);border-radius:var(--r-md);background:transparent;color:var(--text-2);transition:border-color var(--speed-fast) var(--ease),background var(--speed-fast) var(--ease)}.picker:hover{background:var(--panel-2)}.picker[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.picker__label{color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold)}.customize-preview{container-type:inline-size}@media(max-width:34rem){.profile-hero__actions{margin-top:var(--s2)}}.media-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.media-summary__copy{min-width:0;flex:1 1 14rem}.media-control__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.media-control__body{display:flex;min-width:0;flex:1 1 15rem;flex-direction:column;gap:var(--s2)}.media-preview{width:180px;height:56px;border:1px solid var(--line-2);border-radius:var(--r-md);object-fit:cover}.media-preview--empty{border-style:dashed;background:var(--panel-2)}.media-control img.media-preview{background:var(--panel-2)}.media-control[aria-busy=true] .media-preview,.media-control[aria-busy=true] .avatar{opacity:.55}.media-control{border-radius:var(--r-md);transition:box-shadow var(--speed-fast) ease,background var(--speed-fast) ease}.media-control[data-dropping=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.media-control__drop{margin:0;color:var(--accent);font-size:var(--t-13);font-weight:var(--weight-semibold)}.qr{display:grid;width:132px;height:132px;flex:none;place-items:center;padding:var(--s2);border-radius:var(--r-md);background:var(--qr-light)}.qr svg{width:100%;height:100%}.recovery-grid{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-xs),1fr))}.input,.textarea,.select{width:100%;padding:var(--s2) var(--s3);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg);color:var(--text);font-size:var(--t-14);transition:border-color var(--speed-fast) var(--ease),background-color var(--speed-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.input:hover,.textarea:hover,.select:hover{border-color:var(--line-3)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--accent-line)}.textarea{min-height:88px;resize:vertical}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-3) 50%),linear-gradient(135deg,var(--text-3) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:4px 4px;padding-right:var(--s8)}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0}.switch__text strong{display:block;color:var(--text);font-size:var(--t-13);font-weight:var(--weight-semibold)}.switch__text span{color:var(--text-4);font-size:var(--t-12)}.switch__track{position:relative;flex:none;width:40px;height:22px;border-radius:var(--r-pill);background:var(--elevated);transition:background-color var(--speed-base) var(--ease)}.switch__track:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text-3);content:"";transition:transform var(--speed-base) var(--ease-spring),background-color var(--speed-base) var(--ease)}.switch[aria-checked=true] .switch__track{background:var(--accent)}.switch[aria-checked=true] .switch__track:after{background:var(--accent-ink);transform:translate(18px)}.chip{display:inline-flex;min-height:20px;align-items:center;gap:var(--s1);padding:0 var(--s2);border-radius:var(--r-sm);background:var(--elevated);color:var(--text-3);font-size:var(--t-12);font-weight:var(--weight-semibold)}.role-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.chip--expand{cursor:pointer;font:inherit}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--blue{background:var(--blue-soft);color:var(--blue)}.chip--green{background:var(--green-soft);color:var(--green)}.chip--yellow{background:var(--yellow-soft);color:var(--yellow)}.chip--red{background:var(--red-soft);color:var(--red)}.chip--outline{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2)}.count{min-width:16px;padding:0 var(--s1);border-radius:var(--r-pill);background:var(--elevated);color:var(--text-3);font-size:var(--t-12);font-weight:var(--weight-bold);line-height:var(--leading-normal);text-align:center}.count--urgent{background:var(--red-fill);color:var(--on-fill)}.linkish{padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-2)}.linkish:focus-visible{border-radius:var(--r-sm)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--grey)}.status-dot[data-status=online]{background:var(--green)}.status-dot[data-status=idle]{background:var(--yellow)}.status-dot[data-status=dnd]{background:var(--red)}.status-dot[data-status=offline]{background:var(--text-4)}.status-dot[data-status=unread]{background:var(--accent)}.panel{min-width:0;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel-sheen)}.panel__core{padding:var(--s5);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel),var(--sunken));box-shadow:var(--inset-top)}.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s3);margin-bottom:var(--s4)}.panel__head>h2,.panel__head>h3{min-width:0}.panel__head h2,.panel__head h3{font-size:var(--t-15)}.list{overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel),var(--sunken-2));box-shadow:var(--shadow-sm),var(--inset-top)}.list__row{display:flex;min-height:52px;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);transition:background-color var(--speed-fast) var(--ease)}.list__row:last-child{border-bottom:0}.list__row:hover{background:var(--hover-wash)}.list__row--static:hover{background:none}.list__title{color:var(--text);font-size:var(--t-14);font-weight:var(--weight-medium);overflow-wrap:break-word}.list__sub{color:var(--text-4);font-size:var(--t-12);overflow-wrap:break-word}.kv{display:grid;gap:var(--s2) var(--s4);margin:0}.kv dt{color:var(--text-4);font-size:var(--t-12)}.kv dd{margin:0;color:var(--text);font-size:var(--t-13);min-width:0}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mono-wrap{overflow-wrap:anywhere;word-break:break-word}.state{display:grid;justify-items:center;gap:var(--s3);padding:var(--s10) var(--s5);border:1px dashed var(--line-2);border-radius:var(--r-lg);text-align:center}.state__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--r-lg);background:var(--elevated);color:var(--text-3)}.state strong{color:var(--text);font-size:var(--t-14)}.state p{max-width:42ch;color:var(--text-4);font-size:var(--t-13)}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--panel-2) 25%,var(--elevated) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:skel 1.6s var(--ease) infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.stack-skel{display:grid;gap:var(--s3)}.banner{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--panel);color:var(--text-2);font-size:var(--t-13)}.banner svg{flex:none;margin-top:var(--hair-2)}.banner--warn{border-color:var(--warn-line);background:var(--yellow-soft);color:var(--yellow-2)}.banner--danger{border-color:var(--danger-line);background:var(--red-soft);color:var(--red-2)}.tabs{display:flex;gap:var(--s1);border-bottom:1px solid var(--line)}.tabs__tab{position:relative;padding:var(--s3) var(--s3);color:var(--text-3);font-size:var(--t-13);font-weight:var(--weight-semibold);transition:color var(--speed-fast) var(--ease)}.tabs__tab:after{position:absolute;right:var(--s2);bottom:-1px;left:var(--s2);height:2px;border-radius:var(--r-pill);background:var(--accent);content:"";opacity:0;transform:scaleX(.3);transition:opacity var(--speed-base) var(--ease),transform var(--speed-base) var(--ease-spring)}.tabs__tab:hover{color:var(--text-2)}.tabs__tab[aria-selected=true],.tabs__tab[aria-current=page]{color:var(--text)}.tabs__tab[aria-selected=true]:after,.tabs__tab[aria-current=page]:after{opacity:1;transform:scaleX(1)}.table-wrap{overflow-x:auto;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel),var(--sunken-2));box-shadow:var(--shadow-sm),var(--inset-top)}.table{min-width:720px;font-size:var(--t-13)}.table th{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);color:var(--text-4);font-size:var(--t-12);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-align:left;text-transform:uppercase;white-space:nowrap}.table td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);color:var(--text-2);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background-color var(--speed-fast) var(--ease)}.table tbody tr:hover{background:var(--hover-wash)}.mono{font-family:var(--mono);font-size:var(--t-12)}.code{padding:var(--s3);overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--code-bg);color:var(--text-2);font-family:var(--mono);font-size:var(--t-12);line-height:var(--leading-normal)}.modal{position:fixed;z-index:var(--z-overlay);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s5);background:var(--scrim-modal);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in var(--speed-base) var(--ease)}.modal__box{display:flex;width:min(480px,100%);max-height:84dvh;flex-direction:column;overflow:hidden;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-lg),var(--inset-top);animation:modal-in var(--speed-enter) var(--ease-spring)}.modal[data-leaving]{animation:fade-out var(--speed-exit) var(--ease-exit) forwards;pointer-events:none}.modal[data-leaving] .modal__box{animation:modal-out var(--speed-exit) var(--ease-exit) forwards}.modal__head{display:flex;flex:none;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);border-bottom:1px solid var(--line)}.modal__head h2{font-size:var(--t-16)}.modal__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s5)}.modal__foot{display:flex;flex:none;align-items:center;justify-content:flex-end;gap:var(--s2);padding:var(--s4) var(--s5);border-top:1px solid var(--line);background:var(--panel-2)}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.toasts{position:fixed;z-index:var(--z-toast);right:var(--s5);bottom:var(--s5);display:grid;gap:var(--s2)}.toast{display:flex;min-width:240px;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--elevated);box-shadow:var(--shadow-md);color:var(--text-2);font-size:var(--t-13);animation:toast-in var(--speed-enter) var(--ease-spring)}.toast[data-leaving]{pointer-events:none;animation:toast-out var(--speed-exit) var(--ease-exit) forwards}.toast[data-kind=error]{border-color:var(--danger-line-strong)}.toast[data-kind=ok] .status-dot{background:var(--green)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@keyframes toast-out{to{opacity:0;transform:translate(16px)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px) scale(.99)}}.hub{max-width:960px}.hub__intro{padding-block:clamp(2.5rem,8vh,5rem) clamp(2rem,6vh,4rem);text-align:center}.hub__title{margin-top:0;color:var(--text);font-size:clamp(2.2rem,5.6vw,4rem);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);text-wrap:balance}.hub__lead{max-width:52ch;margin:var(--s5) auto 0;color:var(--text-3);font-size:clamp(1rem,1.5vw,1.15rem);line-height:var(--leading-normal);text-wrap:pretty}.hub__intro--compact{padding-block:0 0;text-align:left}.hub__title--compact{font-size:var(--t-22);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.hub__intro--compact .hub__actions{justify-content:flex-start;margin-top:var(--s5)}.hub__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin-top:var(--s8)}.hub-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:var(--s4);padding:var(--s5) var(--s6);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-md),var(--inset-top)}.hub-stat__value{color:var(--text);font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}.hub-stat{min-width:0}.hub-stat--lead .hub-stat__value{color:var(--accent)}.hub-stat__label{margin-top:var(--s1);color:var(--text-4);font-size:var(--t-12)}.hub-stat__status{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);color:var(--text-2);font-size:var(--t-14);font-weight:var(--weight-semibold)}.hub-stat--meta{text-align:right}.hub-community{margin-top:var(--s5)}.hub-links{display:grid;gap:var(--s3)}.hub-link{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--r-lg);background:var(--panel-sheen);transition:background-color var(--speed-fast) var(--ease)}.hub-link:hover{background:var(--hover-wash-2)}.hub-link__icon{display:grid;flex:none;width:38px;height:38px;place-items:center;border-radius:var(--r-md);background:var(--elevated);color:var(--text-2)}.hub-link__copy{min-width:0;flex:1}.hub-link__name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);color:var(--text);font-size:var(--t-15);font-weight:var(--weight-semibold)}.hub-link__blurb{margin-top:var(--hair-2);color:var(--text-4);font-size:var(--t-13)}@media(max-width:56rem){.hub-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--s4)}.hub-stat--meta{grid-column:1 / -1;text-align:left}.hub__actions .btn{flex:1 1 auto}}.home-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:var(--s5)}.home-split>*,.home-split__rail>*{min-width:0}.home-split__rail{display:grid;gap:var(--s5);align-content:start}@media(max-width:62rem){.home-split{grid-template-columns:1fr}}.profile-hero,.profile-card{--profile-scanlines: 1;--profile-glow: 1;--profile-grain: 1}.profile-hero{position:relative;overflow:hidden;border-radius:var(--profile-radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-md),var(--inset-top)}.profile-hero[data-ptheme=minimal]{--profile-radius: var(--r-sm);background:var(--panel);box-shadow:var(--inset-top)}.profile-hero[data-ptheme=terminal]{--profile-radius: 2px}.profile-hero[data-ptheme=terminal] .profile-hero__meta h1{font-family:var(--mono);letter-spacing:var(--tracking-tight);text-transform:uppercase}.profile-hero[data-ptheme=dark]{background:var(--bg)}.profile-hero[data-ptheme=dark] .profile-hero__meta p{color:var(--text-2)}.profile-hero[data-ptheme=experimental]{--profile-radius: var(--r-lg);background:linear-gradient(135deg,var(--profile-tint),transparent 55%),var(--panel-2)}.profile-hero__banner{position:relative;height:120px;background:radial-gradient(120% 160% at 12% 0%,var(--profile-wash),transparent 55%),radial-gradient(90% 140% at 88% 20%,var(--blue-glow),transparent 60%),var(--rail);background-size:cover;background-position:center}.profile-hero__banner:after{position:absolute;inset:auto 0 0 0;height:56%;background:linear-gradient(180deg,transparent,var(--panel));content:""}.profile-hero__body{position:relative;z-index:1;display:flex;align-items:flex-end;gap:var(--s4);padding:0 var(--s5) var(--s5);margin-top:calc(var(--s8) * -1)}.profile-hero__meta{min-width:0;flex:1}.profile-hero__meta h1{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:var(--t-22)}.profile-hero__meta p{color:var(--text-3);font-size:var(--t-13)}.profile-hero__bio{max-width:60ch;margin-top:var(--s2);color:var(--text-2);font-size:var(--t-14);line-height:var(--leading-normal)}.profile-hero__actions{flex:none;align-self:flex-end}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-sm),1fr));gap:var(--s3)}.stat{padding:var(--s4);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-sm),var(--inset-top)}.stat__value{color:var(--text);font-size:var(--t-22);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.stat__label{color:var(--text-4);font-size:var(--t-12)}.meter{height:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--elevated)}.meter__fill{height:100%;border-radius:inherit;background:var(--accent);transition:width var(--speed-enter) var(--ease-soft)}.feed{display:grid;gap:var(--hair-2)}.feed__item{display:grid;grid-template-columns:var(--frame-w) minmax(0,1fr);align-items:start;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-sm);transition:background-color var(--speed-fast) var(--ease)}.feed__item:hover{background:var(--hover-wash)}.feed__marker{display:flex;padding-top:var(--s2)}.feed__body{display:grid;gap:var(--hair-2);min-width:0}.feed__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.feed__title{color:var(--text);font-size:var(--t-14);font-weight:var(--weight-medium);margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed__note{color:var(--text-3);font-size:var(--t-13);margin:0}.feed__tag{justify-self:start;margin-top:var(--hair-2);padding:var(--hair-1) var(--s2);border:1px solid var(--line);border-radius:var(--r-pill, 999px);color:var(--text-3);font-size:var(--t-12);letter-spacing:var(--tracking-wide);text-transform:uppercase}.feed__item time{color:var(--text-4);font-size:var(--t-12);white-space:nowrap;flex:none}.auth{position:relative;display:grid;height:100dvh;place-items:safe center;padding:var(--s6);overflow-y:auto;background:radial-gradient(90% 60% at 50% -10%,var(--accent-glow),transparent 60%),radial-gradient(70% 50% at 90% 110%,var(--blue-glow-soft),transparent 60%),var(--bg)}.auth__box{width:min(420px,100%);padding:var(--s8);border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(180deg,var(--auth-surface),var(--auth-surface-2));box-shadow:var(--shadow-lg),var(--inset-top)}.auth__brand{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s6);color:var(--text);font-size:var(--t-15);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.auth__box h1{font-size:var(--t-22);letter-spacing:var(--tracking-tight)}.auth__lead{margin-top:var(--s2);color:var(--text-3);font-size:var(--t-13)}.auth__actions{display:grid;gap:var(--s2);margin-top:var(--s6)}.auth__foot{margin-top:var(--s6);color:var(--text-4);font-size:var(--t-12);text-align:center}.auth__foot a{color:var(--text-3);text-decoration:underline;text-underline-offset:2px}.auth__foot a:hover{color:var(--text)}.auth--page{align-items:start}.public-profile{max-width:min(760px,100%);padding-top:var(--s6)}.auth__links{display:grid;gap:var(--s1);margin-top:var(--s4);text-align:center}.auth__hint{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4);color:var(--text-4);font-size:var(--t-12)}.spinner{width:13px;height:13px;flex:none;border:2px solid var(--line-3);border-top-color:var(--accent);border-radius:50%;animation:spin var(--speed-spinner) linear infinite}.muted{color:var(--text-4)}.small{font-size:var(--t-12)}@media(max-width:56rem){.tabs{flex-wrap:wrap}.page{padding:var(--s6) var(--s4) calc(var(--s10) + env(safe-area-inset-bottom,0px))}.btn,.btn--sm{min-height:44px}.btn--icon.btn--sm{width:44px}.input,.select,.textarea{min-height:44px;font-size:var(--t-16)}.profile-hero__banner{height:92px}.profile-hero__body{flex-direction:column;align-items:flex-start;margin-top:calc(var(--s8) * -1);padding:0 var(--s4) var(--s4)}.profile-hero__body .avatar--xl{width:72px;height:72px;font-size:var(--t-22)}.profile-hero__meta h1{font-size:var(--t-18)}.profile-hero__body>.row--wrap{width:100%}.profile-hero__body>.row--wrap .btn{flex:1 1 auto}.page__head{flex-direction:column;align-items:stretch;gap:var(--s4)}.page__head>.row,.page__head>.panel,.page__head>.field{width:100%}.page__head .row{flex-wrap:wrap}.page__head .input,.page__head .select{flex:1 1 180px;width:auto;min-width:0}.page__head .btn{flex:1 1 auto}.list__row{flex-wrap:wrap;row-gap:var(--s2)}.list__row>div{min-width:0;flex:1 1 60%}.list__row>.list__row__actions{flex:1 0 100%;justify-content:flex-end;gap:var(--s2)}.list__title,.list__sub{overflow-wrap:anywhere}.list__row--static{display:grid;grid-template-columns:var(--frame-w) minmax(0,1fr);align-items:start;column-gap:var(--s3)}.list__row--static>svg{grid-column:1;grid-row:1;margin-top:var(--s1)}.list__row--static>div{grid-column:2;min-width:0;width:auto;flex:none}.list__row--static>.spacer{display:none}.list__row--static>.chip,.list__row--static>.btn,.list__row--static>.muted{grid-column:2;justify-self:start}.list__row--static .row--between{display:block}.list__row--static .nowrap{display:block;margin-top:var(--s1)}.feed__item>div{min-width:0;overflow-wrap:anywhere}.feed__item p{overflow-wrap:anywhere;word-break:normal}.hub-link{flex-wrap:wrap;gap:var(--s3);padding:var(--s3)}.hub-link__copy{flex:1 1 70%}.hub-link__blurb{font-size:var(--t-12)}.tabs{margin-inline:calc(var(--s4) * -1);padding-inline:var(--s4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex:none;white-space:nowrap}.table-wrap{overflow-x:visible;border-radius:0;background:none;box-shadow:none}.table{display:block;min-width:0}.table thead tr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.table tbody{display:grid;gap:var(--s3)}.table tbody tr{display:grid;gap:var(--s2);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel),var(--sunken-2));box-shadow:var(--shadow-sm),var(--inset-top)}.table tbody tr:hover{background:linear-gradient(180deg,var(--panel),var(--sunken-2))}.table td{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:0;border:0;text-align:right}.table td:before{flex:none;color:var(--text-4);content:attr(data-label);font-size:var(--t-12);font-weight:var(--weight-semibold);text-align:left}.table td>*{min-width:0}.table td[data-label=""]:before{content:none}.table td:last-child{justify-content:flex-end;margin-top:var(--s1)}.table td:last-child:before{content:none}.table td:last-child .row{width:100%;justify-content:flex-end}.table td:last-child .btn{flex:0 1 auto}.table td:last-child .row{flex-wrap:wrap;gap:var(--s2)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(100%)}}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,1fr);gap:var(--hair-3);margin-top:var(--s3);max-width:100%;padding-bottom:var(--s1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.heatmap::-webkit-scrollbar{display:none}.heatmap__cell{flex:none;width:10px;height:10px;border-radius:var(--hair-2);background:var(--elevated);border:1px solid var(--line-2)}.heatmap__cell[data-level="1"]{background:var(--heat-1);border-color:var(--accent-line)}.heatmap__cell[data-level="2"]{background:var(--heat-2);border-color:var(--accent-line)}.heatmap__cell[data-level="3"]{background:var(--heat-3);border-color:var(--heat-3)}@media(prefers-reduced-motion:no-preference){.heatmap__cell{transition:background var(--speed-fast) ease}}.stats-page .page__head p{max-width:42rem}.choice--sources{margin-top:var(--s4);flex-wrap:wrap}.choice--sources .choice__item{display:inline-flex;align-items:center;gap:var(--s2)}.stats--hero{gap:var(--s3)}.stat--accent{border-color:var(--accent-line);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,var(--panel)),var(--panel))}.stat--accent .stat__value{color:var(--accent)}.stats-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.stats-pair__card{padding:var(--s4) var(--s5);border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--panel);box-shadow:var(--inset-top)}.stats-pair__head{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4);color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold)}.stats-pair__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4);margin:0}.stats-pair__grid dt{color:var(--text-4);font-size:var(--t-12)}.stats-pair__grid dd{margin:var(--hair-2) 0 0;color:var(--text);font-size:var(--t-16);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.stats-grid__wide{grid-column:1 / -1}.spark{display:grid;gap:var(--s2)}.spark__bars{display:flex;align-items:flex-end;gap:var(--hair-3);height:96px;padding:var(--s2) 0;border-bottom:1px solid var(--line-2)}.spark__bar{flex:1 1 0;min-width:3px;max-width:18px;border-radius:var(--hair-3) var(--hair-3) var(--hair-1) var(--hair-1);background:linear-gradient(180deg,var(--accent),color-mix(in oklab,var(--accent) 45%,transparent));opacity:.92}.spark__axis{display:flex;justify-content:space-between}.source-split{display:grid;gap:var(--s4);list-style:none;margin:0;padding:0}.source-split__row,.spark-tabs,.score-breakdown{min-width:0}.source-split__head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}.source-split__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-md);background:var(--elevated);color:var(--text-2);flex:none}.source-split__copy{min-width:0;flex:1}.source-split__name{color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold)}.source-split__meta{color:var(--text-4);font-size:var(--t-12)}.source-split__score{color:var(--accent);font-size:var(--t-16);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.board__row[data-rank="1"] .board__rank,.hub-board__row[data-rank="1"] .hub-board__rank{color:var(--accent);font-weight:var(--weight-bold)}.board__row[data-rank="2"] .board__rank,.board__row[data-rank="3"] .board__rank,.hub-board__row[data-rank="2"] .hub-board__rank,.hub-board__row[data-rank="3"] .hub-board__rank{color:var(--text-2);font-weight:var(--weight-semibold)}.board__name{color:inherit;text-decoration:none}.board__name:hover{color:var(--accent)}.board__value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:var(--weight-semibold)}.hub-boards{margin-top:var(--s6)}.hub-boards__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4)}.hub-boards__title{margin:0;color:var(--text);font-size:var(--t-18);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.hub-boards__sub{margin:var(--s1) 0 0;color:var(--text-4);font-size:var(--t-13)}.hub-boards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.hub-board{min-width:0}.hub-board__blurb{margin:0 0 var(--s3);color:var(--text-4);font-size:var(--t-13)}.hub-board__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--hair-2)}.hub-board__row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s2);border-radius:var(--r-md)}.hub-board__row:hover{background:var(--hover-wash-2)}.hub-board__rank{width:2.5ch;flex:none;text-align:right;color:var(--text-3);font-size:var(--t-13)}.hub-board__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:var(--t-14);font-weight:var(--weight-medium)}.hub-board__name a{color:inherit;text-decoration:none}.hub-board__name a:hover{color:var(--accent)}.hub-board__value{flex:none;color:var(--text-2);font-size:var(--t-13);font-variant-numeric:tabular-nums}.hub-board__optin{margin-top:var(--s3)}@media(max-width:56rem){.stats-pair,.stats-grid,.hub-boards__grid{grid-template-columns:1fr}.hub-boards__head{flex-direction:column;align-items:flex-start}.spark__bars{height:72px}}@media(prefers-reduced-motion:no-preference){.spark__bar{transition:height var(--speed-base) var(--ease)}}.tg-link{display:grid;gap:var(--s3)}.tg-link__code{display:grid;gap:var(--s2);padding:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line-2);background:var(--elevated)}.tg-link__code-value{display:inline-block;padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line-2);color:var(--text);font-size:var(--t-18);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);font-variant-numeric:tabular-nums}.check-row{display:grid;grid-template-columns:var(--checkbox-size) minmax(0,1fr);align-items:start;gap:var(--s8);min-block-size:var(--checkbox-hit);padding-block:var(--s4);padding-inline:var(--s8);border-radius:var(--r-sm);cursor:pointer}.check-row:hover{background:var(--hover)}.check-row:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.check-row--disabled{opacity:.5;cursor:not-allowed}.check-row__input{position:absolute;inline-size:1px;block-size:1px;opacity:0;margin:0;pointer-events:none}.check-row__box{inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--panel-2);display:grid;place-items:center;color:var(--accent-ink);transition:background-color var(--speed-fast) var(--ease-base),border-color var(--speed-fast) var(--ease-base)}.check-row__input:checked+.check-row__box,.check-row__input:indeterminate+.check-row__box{background:var(--accent);border-color:var(--accent)}.check-row__dash{inline-size:10px;block-size:2px;background:var(--accent-ink);border-radius:var(--r-pill)}.check-row__text{display:grid;gap:var(--s4);min-inline-size:0}.check-row__label{color:var(--text)}.check-row__hint{color:var(--text-3);font-size:var(--t-13)}.radio-group{border:0;margin:0;padding:0;min-inline-size:0}.radio-group__legend{padding:0;color:var(--text-2);font-size:var(--t-13)}.radio-group__items{display:flex;flex-wrap:wrap;gap:var(--s8);margin-block-start:var(--s8)}.radio-group--vertical .radio-group__items{flex-direction:column;flex-wrap:nowrap}.radio{display:grid;grid-template-columns:var(--radio-size) minmax(0,1fr);align-items:start;gap:var(--s8);min-block-size:var(--checkbox-hit);padding:var(--s8) var(--s4);border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--panel);cursor:pointer;transition:border-color var(--speed-fast) var(--ease-base),background-color var(--speed-fast) var(--ease-base)}.radio:hover{background:var(--hover2)}.radio:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.radio--on{border-color:var(--accent);background:var(--accent-soft)}.radio--disabled{opacity:.5;cursor:not-allowed}.radio__input{position:absolute;inline-size:1px;block-size:1px;opacity:0;margin:0;pointer-events:none}.radio__dot{inline-size:var(--radio-size);block-size:var(--radio-size);border:1px solid var(--line-2);border-radius:var(--r-thumb);background:var(--panel-2);position:relative;transition:border-color var(--speed-fast) var(--ease-base)}.radio__input:checked+.radio__dot{border-color:var(--accent)}.radio__input:checked+.radio__dot:after{content:"";position:absolute;inset:var(--hair-3);border-radius:var(--r-thumb);background:var(--accent)}.radio__text{display:grid;gap:var(--s4);min-inline-size:0}.radio__label{color:var(--text)}.radio__hint{color:var(--text-3);font-size:var(--t-13)}.slider{display:grid;gap:var(--s8)}.slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s12)}.slider__label{color:var(--text-2)}.slider__value{font-family:var(--mono);color:var(--text)}.slider__body{position:relative;display:flex;align-items:center;min-block-size:var(--thumb)}.slider__track{inline-size:100%;block-size:var(--track-h);border-radius:var(--r-track);background:var(--line-2);overflow:hidden}.slider__fill{display:block;block-size:100%;background:var(--accent);border-radius:var(--r-track);transition:inline-size var(--speed-fast) var(--ease-base)}.slider__thumb{position:absolute;inset-block-start:50%;inline-size:var(--thumb);block-size:var(--thumb);translate:-50% -50%;border-radius:var(--r-thumb);background:var(--text);box-shadow:0 0 0 var(--thumb-ring-offset) var(--bg);pointer-events:none;transition:inset-inline-start var(--speed-fast) var(--ease-base)}.slider__input{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:var(--thumb);margin:0;opacity:0;cursor:grab}.slider__input:active{cursor:grabbing}.slider__input:focus-visible+.slider__thumb,.slider__input:focus-visible~.slider__thumb{box-shadow:0 0 0 var(--thumb-ring-offset) var(--bg),0 0 0 calc(var(--thumb-ring-offset) + var(--thumb-ring)) var(--accent)}.slider--disabled{opacity:.5}.slider__hint{color:var(--text-3);font-size:var(--t-13);margin:0}.carousel{display:grid;gap:var(--s12);min-inline-size:0}.carousel__head{display:flex;justify-content:space-between;align-items:center;gap:var(--s12)}.carousel__label{color:var(--text-2)}.carousel__nav{display:flex;gap:var(--s4)}.carousel__btn{inline-size:var(--target);block-size:var(--target);display:grid;place-items:center;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--panel);color:var(--text-2);transition:background-color var(--speed-fast) var(--ease-base),color var(--speed-fast) var(--ease-base)}.carousel__btn:hover:not(:disabled){background:var(--hover2);color:var(--text)}.carousel__btn:disabled{opacity:.4;cursor:not-allowed}.carousel__track{display:flex;gap:var(--s12);overflow-x:auto;scroll-snap-type:x proximity;padding-block-end:var(--s4);scrollbar-color:var(--scroll-thumb) transparent}.carousel__track:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.carousel__track>*{scroll-snap-align:start;flex:0 0 auto}.carousel__dots{display:flex;gap:var(--s4);justify-content:center}.carousel__dot{inline-size:var(--s8);block-size:var(--s8);padding:0;border:0;border-radius:var(--r-thumb);background:var(--line-2);cursor:pointer;transition:background-color var(--speed-fast) var(--ease-base)}.carousel__dot--on{background:var(--accent)}.carousel__position{color:var(--text-3);font-family:var(--mono);font-size:var(--t-13);text-align:center;margin:0}.accordion{display:grid;gap:var(--s4)}.accordion__label{font-size:var(--t-16);color:var(--text-1);margin:0 0 var(--s4)}.accordion__item{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--panel);overflow:hidden}.accordion__heading{margin:0;font-size:inherit;font-weight:inherit}.accordion__trigger{inline-size:100%;min-block-size:var(--accordion-trigger-min-h);display:flex;align-items:center;justify-content:space-between;gap:var(--s12);padding:var(--s12) var(--s4);border:0;background:transparent;color:var(--text);text-align:start;cursor:pointer;transition:background-color var(--speed-fast) var(--ease-base)}.accordion__trigger:hover:not(:disabled){background:var(--hover)}.accordion__trigger:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -1)}.accordion__trigger:disabled{opacity:.5;cursor:not-allowed}.accordion__trigger-text{min-inline-size:0;overflow-wrap:anywhere}.accordion__trigger svg{flex:none;transition:rotate var(--speed-fast) var(--ease-base);color:var(--text-3)}.accordion__trigger--open svg{rotate:180deg}.accordion__panel{border-block-start:1px solid var(--line-1)}.accordion__content{padding:var(--s4);color:var(--text-2)}@media(prefers-reduced-motion:reduce){.check-row__box,.radio,.radio__dot,.slider__fill,.slider__thumb,.carousel__btn,.carousel__dot,.accordion__trigger,.accordion__trigger svg{transition:none}}.reveal{animation:reveal-in var(--speed-enter) var(--ease-enter) both;animation-delay:calc(var(--reveal-index) * var(--reveal-step))}@keyframes reveal-in{0%{opacity:0;transform:translateY(var(--s2))}}[data-tone=pearl]{--rank: var(--pearl-dark)}[data-tone=sky]{--rank: var(--sky-dark)}[data-tone=mint]{--rank: var(--mint-dark)}[data-tone=lime]{--rank: var(--lime-dark)}[data-tone=amber]{--rank: var(--amber-dark)}[data-tone=rose]{--rank: var(--rose-dark)}[data-tone=violet]{--rank: var(--violet-dark)}[data-theme=light] [data-tone=pearl]{--rank: var(--pearl-light)}[data-theme=light] [data-tone=sky]{--rank: var(--sky-light)}[data-theme=light] [data-tone=mint]{--rank: var(--mint-light)}[data-theme=light] [data-tone=lime]{--rank: var(--lime-light)}[data-theme=light] [data-tone=amber]{--rank: var(--amber-light)}[data-theme=light] [data-tone=rose]{--rank: var(--rose-light)}[data-theme=light] [data-tone=violet]{--rank: var(--violet-light)}.rank-badge,.subrank-badge{display:inline-grid;flex:none;place-items:center;border-radius:28%;background:var(--xp-plate);box-shadow:inset 0 0 0 1px var(--xp-plate-line)}.rank-badge{background:radial-gradient(70% 70% at 50% 35%,color-mix(in oklab,var(--rank) 18%,transparent),transparent 70%),var(--xp-plate);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--rank) 28%,var(--xp-plate-line)),var(--shadow-sm)}.rank-badge img,.subrank-badge img{display:block;width:100%;height:100%}.subrank-badge{border-radius:24%}.rank-id{display:flex;align-items:center;gap:var(--s3);min-width:0}.rank-id__badges{display:flex;align-items:center;gap:var(--s2);flex:none}.rank-id__copy{min-width:0}.rank-id__name{display:flex;align-items:baseline;gap:var(--s2);color:var(--text);font-family:var(--mono);font-size:var(--t-15);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);overflow-wrap:anywhere}.rank-id__roman{color:var(--rank)}.rank-id__level{color:var(--text-3);font-size:var(--t-13)}.rank-id__xp{margin-top:var(--s1);color:var(--text-4);font-size:var(--t-12)}.rank-id[data-size=profile] .rank-id__name{font-size:var(--t-22);letter-spacing:var(--tracking-wide)}.rank-id[data-size=profile] .rank-id__level{font-size:var(--t-14)}.rank-id[data-size=dense] .rank-id__name{font-size:var(--t-13)}.xp-progress{display:grid;gap:var(--s2)}.xp-progress__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.xp-progress__label{color:var(--text-2);font-size:var(--t-13);font-weight:var(--weight-medium)}.xp-progress__pct{color:var(--text-3);font-size:var(--t-12)}.xp-bar{position:relative;height:10px;overflow:hidden;border-radius:var(--r-pill);background:color-mix(in oklab,var(--rank) 10%,var(--elevated))}.xp-bar__fill{position:absolute;inset:0 auto 0 0;width:var(--meter);border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--rank) 55%,transparent),var(--rank));transform-origin:left center;animation:xp-fill calc(var(--speed-enter) * 3) var(--ease-soft) both}.xp-bar__fill:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--text) 35%,transparent),transparent);content:"";opacity:0;transform:translate(-100%);animation:xp-glint calc(var(--speed-enter) * 4) var(--ease-enter) calc(var(--speed-enter) * 2) 1 both}@keyframes xp-fill{0%{transform:scaleX(0)}}@keyframes xp-glint{20%{opacity:1}to{opacity:0;transform:translate(100%)}}.xp-progress__main{color:var(--text-2);font-size:var(--t-13);font-variant-numeric:var(--numeric)}.xp-progress__facts{display:grid;gap:var(--s1);margin:0;padding:0;list-style:none}.xp-progress__facts li{display:flex;align-items:center;gap:var(--s2);color:var(--text-3);font-size:var(--t-13)}.xp-progress__facts svg{color:var(--rank)}.xp-source{display:flex;flex-wrap:wrap;gap:var(--s2)}.xp-source__item{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s1) var(--s2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--text-3);font-size:var(--t-12)}.xp-source__item[data-kind=ledger] svg{color:var(--green)}.rank-card{position:relative;display:grid;gap:var(--s5);overflow:hidden;padding:var(--s6);border:1px solid color-mix(in oklab,var(--rank) 22%,var(--line));border-radius:var(--r-xl);background:linear-gradient(160deg,color-mix(in oklab,var(--rank) 9%,var(--panel)),var(--panel) 55%,var(--sunken));box-shadow:var(--shadow-md),var(--inset-top)}.rank-card>*{position:relative}.rank-card__glow{position:absolute;inset:-40% auto auto -20%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--rank) 22%,transparent),transparent);pointer-events:none;animation:glow-in calc(var(--speed-enter) * 4) var(--ease-soft) both}@keyframes glow-in{0%{opacity:0;transform:scale(.6)}}.rank-card__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4)}.rank-card__total{display:grid;justify-items:end}.rank-card__value{color:var(--text);font-size:var(--t-28);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.rank-card__unit{color:var(--text-4);font-size:var(--t-12)}.rank-card__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}.rank-card__links{gap:var(--s2)}@media(max-width:34rem){.rank-card{padding:var(--s4)}.rank-card__total{justify-items:start}}.level-up{position:relative;display:flex;align-items:center;gap:var(--s4);overflow:hidden;padding:var(--s4) var(--s5);border:1px solid color-mix(in oklab,var(--rank) 40%,var(--line));border-radius:var(--r-xl);background:linear-gradient(120deg,color-mix(in oklab,var(--rank) 14%,var(--panel)),var(--panel));animation:reveal-in var(--speed-enter) var(--ease-enter) both}.level-up>*{position:relative}.level-up__burst{position:absolute;top:50%;left:var(--s10);width:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--rank) 45%,transparent),transparent);translate:-50% -50%;animation:burst calc(var(--speed-enter) * 4) var(--ease-soft) both}@keyframes burst{0%{opacity:0;scale:.2}40%{opacity:1}to{opacity:.35;scale:1}}.level-up__badge{animation:badge-rise calc(var(--speed-enter) * 2) var(--ease-spring) both}@keyframes badge-rise{0%{opacity:0;transform:translateY(var(--s4)) scale(.7) rotate(-8deg)}}.level-up__copy{flex:1;min-width:0}.level-up__kicker{color:var(--rank);font-size:var(--t-12);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.level-up__title{color:var(--text);font-size:var(--t-18);font-weight:var(--weight-semibold)}@media(prefers-reduced-motion:reduce){.reveal,.tab-body,.chart__bar,.punch__cell,.podium__plinth,.compare__bar,.share__bar,.xp-bar__fill,.xp-bar__fill:after,.rank-card__glow,.level-up,.level-up__burst,.level-up__badge,.subrank-table,.versus__vs,.studio__meter-fill,.cos-item__new,.cos-frame__emblem,.cos-frame[data-frame]:before,.cos-frame[data-frame]:after,.profile-hero__banner[data-overlay]:before,.profile-hero__name,.showcase__tile:after,.profile-surface .panel:before{animation:none}}.chart{margin:0}.chart-empty{display:grid;min-height:120px;place-items:center;border:1px dashed var(--line-2);border-radius:var(--r-lg);color:var(--text-4);font-size:var(--t-13)}.chart__plot{position:relative;height:168px;padding-top:var(--s4)}.chart__grid{position:absolute;inset:var(--s4) 0 0 0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart__gridline{position:relative;height:0;border-top:1px solid var(--line)}.chart__gridline:after{position:absolute;top:calc(var(--s4) * -1);right:0;color:var(--text-4);content:attr(data-label);font-family:var(--mono);font-size:var(--t-12)}.chart__gridline--base{border-top-color:var(--line-2)}.chart__columns{position:relative;display:flex;height:100%;align-items:flex-end;gap:var(--hair-2)}.chart__col{display:flex;flex:1 1 0;height:100%;min-width:0;align-items:flex-end;justify-content:center;padding:0;border:0;background:transparent;cursor:default}.chart__col:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.chart__bar{display:block;width:100%;max-width:24px;height:var(--meter);min-height:2px;border-radius:4px 4px 0 0;background:color-mix(in oklab,var(--accent) 70%,transparent);transform-origin:bottom center;transition:background-color var(--speed-fast) var(--ease);animation:bar-grow var(--speed-enter) var(--ease-enter) both;animation-delay:calc(var(--reveal-index) * 18ms)}.chart__col[data-active=true] .chart__bar,.chart__col:hover .chart__bar{background:var(--accent)}@keyframes bar-grow{0%{transform:scaleY(0)}}.chart__tip{position:absolute;top:0;left:var(--meter);z-index:1;display:grid;gap:var(--hair-2);padding:var(--s1) var(--s2);border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--elevated);box-shadow:var(--shadow-sm);pointer-events:none;translate:-50% -60%;white-space:nowrap}.chart__tip-label{color:var(--text-3);font-size:var(--t-12)}.chart__tip-value{color:var(--text);font-family:var(--mono);font-size:var(--t-13);font-weight:var(--weight-semibold)}.chart__axis{display:flex;justify-content:space-between;margin-top:var(--s2);color:var(--text-4);font-family:var(--mono);font-size:var(--t-12)}.punch{margin:0;overflow-x:auto}.punch__grid{display:grid;min-width:520px;grid-template-columns:40px repeat(24,minmax(0,1fr));gap:var(--hair-3);align-items:center}.punch__row{display:contents}.punch__hour,.punch__day{color:var(--text-4);font-family:var(--mono);font-size:var(--t-12)}.punch__cell{display:block;aspect-ratio:1;min-width:10px;border-radius:3px;background:var(--elevated);animation:reveal-in var(--speed-enter) var(--ease-enter) both;animation-delay:calc(var(--reveal-index) * 24ms);transition:outline-color var(--speed-fast) var(--ease);outline:1px solid transparent;outline-offset:1px}.punch__cell:hover{outline-color:var(--text-3)}.punch__cell[data-level="1"]{background:var(--heat-1)}.punch__cell[data-level="2"]{background:var(--heat-2)}.punch__cell[data-level="3"]{background:var(--heat-3)}.punch__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);margin-top:var(--s3);color:var(--text-3);font-size:var(--t-12)}.punch__readout{font-variant-numeric:var(--numeric)}.punch__legend{display:inline-flex;align-items:center;gap:var(--s1)}.punch__legend .punch__cell{width:12px;min-width:12px;animation:none}.compare{display:grid;gap:var(--s4);margin:0}.compare__legend{display:flex;flex-wrap:wrap;gap:var(--s4);color:var(--text-2);font-size:var(--t-13)}.compare__key{display:inline-flex;align-items:center;gap:var(--s2)}.compare__swatch{width:12px;height:12px;border-radius:3px;background:var(--compare-side)}[data-side=mine]{--compare-side: var(--accent)}[data-side=theirs]{--compare-side: var(--text-4)}.compare__rows{display:grid;gap:var(--s4);margin:0}.compare__row{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,2fr);gap:var(--s3);align-items:center}.compare__label{color:var(--text-2);font-size:var(--t-13)}.compare__bars{display:grid;gap:var(--s1);margin:0}.compare__track{display:flex;align-items:center;gap:var(--s2);min-height:18px}.compare__bar{display:block;width:var(--meter);max-width:calc(100% - 88px);height:10px;border-radius:0 4px 4px 0;background:var(--compare-side);transform-origin:left center;animation:xp-fill calc(var(--speed-enter) * 2) var(--ease-soft) both}.compare__value{color:var(--text-2);font-family:var(--mono);font-size:var(--t-12);white-space:nowrap}.compare__na{color:var(--text-4);font-size:var(--t-12)}@media(max-width:34rem){.compare__row{grid-template-columns:1fr;gap:var(--s1)}}.share{display:grid;gap:var(--s3);margin:0;padding:0;list-style:none}.share__head{display:flex;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s1);color:var(--text-2);font-size:var(--t-13)}.share__track{display:block;height:8px;overflow:hidden;border-radius:var(--r-pill);background:var(--elevated)}.share__bar{display:block;width:var(--meter);height:100%;border-radius:inherit;background:var(--accent);transform-origin:left center;animation:xp-fill calc(var(--speed-enter) * 2) var(--ease-soft) both}.grow{flex:1;min-width:0}.tab-body{padding-top:var(--s5);animation:reveal-in var(--speed-enter) var(--ease-enter) both}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-bottom:var(--s5)}.filters__metric{margin-left:auto}.my-position{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);color:var(--text-2);font-size:var(--t-14)}.my-position svg{color:var(--accent)}.my-position__value{margin-left:auto;color:var(--text);font-weight:var(--weight-semibold)}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--s3);margin:0;padding:0;list-style:none}.podium__step{position:relative;display:grid;justify-items:center;gap:var(--s1);padding:var(--s5) var(--s3) 0;text-align:center}.podium__place{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--elevated);color:var(--text-2);font-size:var(--t-13);font-weight:var(--weight-semibold)}.podium__step[data-place="1"] .podium__place{background:var(--amber-fill);color:var(--amber-ink)}.podium__step[data-place="2"] .podium__place{background:var(--pearl-fill);color:var(--pearl-ink)}.podium__step[data-place="3"] .podium__place{background:var(--rose-fill);color:var(--rose-ink)}.podium__avatar{position:relative;margin-top:var(--s2)}.podium__rank{position:absolute;right:calc(var(--s2) * -1);bottom:calc(var(--s1) * -1)}.podium__name{max-width:100%;margin-top:var(--s2);overflow:hidden;color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.podium__meta{color:var(--text-4);font-family:var(--mono);font-size:var(--t-12)}.podium__value{color:var(--text-2);font-size:var(--t-13)}.podium__plinth{width:100%;height:48px;margin-top:var(--s3);border-radius:var(--r-md) var(--r-md) 0 0;background:linear-gradient(180deg,color-mix(in oklab,var(--rank) 22%,var(--elevated)),var(--sunken));transform-origin:bottom;animation:bar-grow calc(var(--speed-enter) * 2) var(--ease-soft) both;animation-delay:calc(var(--reveal-index) * var(--reveal-step))}.podium__step[data-place="1"] .podium__plinth{height:84px}.podium__step[data-place="2"] .podium__plinth{height:64px}.podium__step[data-me=true] .podium__name{color:var(--accent)}.ranking{display:grid;gap:var(--hair-2);margin:0;padding:0;list-style:none}.ranking__row{display:grid;grid-template-columns:44px auto minmax(0,1.4fr) minmax(0,1fr) auto 36px;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md);transition:background-color var(--speed-fast) var(--ease)}.ranking__row:hover{background:var(--hover-wash-2)}.ranking__pos{color:var(--text-3);font-size:var(--t-14);text-align:right}.ranking__pos[data-me=true]{color:var(--accent);font-weight:var(--weight-semibold)}.ranking__who{display:flex;min-width:0;align-items:center;gap:var(--s2)}.ranking__name{overflow:hidden;color:var(--text);font-size:var(--t-14);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.ranking__rank{min-width:0}.ranking__value{color:var(--text-2);font-size:var(--t-13);text-align:right;white-space:nowrap}.ranking__act{display:flex;justify-content:flex-end}@media(max-width:56rem){.ranking__row{grid-template-columns:36px auto minmax(0,1fr) auto}.ranking__rank,.ranking__act{display:none}.podium{gap:var(--s2)}.podium__step{padding-inline:0}}.rank-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--s3);margin:0;padding:0;list-style:none}.rank-entry{display:grid;align-content:start;gap:var(--s4);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-xl);background:linear-gradient(170deg,color-mix(in oklab,var(--rank) 7%,var(--panel)),var(--sunken));transition:border-color var(--speed-base) var(--ease),transform var(--speed-base) var(--ease-soft)}.rank-entry:hover{border-color:color-mix(in oklab,var(--rank) 35%,var(--line));transform:translateY(-2px)}.rank-entry[data-current=true]{border-color:color-mix(in oklab,var(--rank) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in oklab,var(--rank) 30%,transparent),var(--shadow-md)}.rank-entry__head{display:flex;align-items:center;gap:var(--s4)}.rank-entry__copy{min-width:0}.rank-entry__name{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-family:var(--mono);font-size:var(--t-18);letter-spacing:var(--tracking-wide)}.rank-entry__levels{color:var(--text-3);font-size:var(--t-13)}.rank-entry__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);margin:0}.rank-entry__facts dt{color:var(--text-4);font-size:var(--t-12)}.rank-entry__facts dd{margin:0;color:var(--text);font-size:var(--t-13)}.rank-entry__toggle{display:inline-flex;align-items:center;justify-self:start;gap:var(--s1);padding:0;border:0;background:none;color:var(--text-3);cursor:pointer;font:inherit;font-size:var(--t-13)}.rank-entry__toggle:hover{color:var(--text)}.subrank-table{display:grid;gap:var(--hair-2);margin:0;padding:0;list-style:none;animation:reveal-in var(--speed-enter) var(--ease-enter) both}.subrank-table__row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:var(--s3);padding:var(--s1) var(--s2);border-radius:var(--r-sm)}.subrank-table__row[data-current=true]{background:color-mix(in oklab,var(--rank) 14%,transparent)}.subrank-table__name{color:var(--text);font-size:var(--t-13)}.subrank-table__level{color:var(--text-4);font-size:var(--t-12)}.subrank-table__xp{color:var(--text-2);font-size:var(--t-12);text-align:right}.table-scroll{overflow-x:auto}.xp-table{width:100%;border-collapse:collapse;font-size:var(--t-13)}.xp-table th,.xp-table td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.xp-table thead th{color:var(--text-4);font-size:var(--t-12);font-weight:var(--weight-medium);white-space:nowrap}.xp-table tbody th{color:var(--text);font-weight:var(--weight-medium)}.xp-table td{color:var(--text-2)}.xp-table tfoot th,.xp-table tfoot td{border-bottom:0;color:var(--text);font-weight:var(--weight-semibold)}.xp-table__kind{display:inline-flex;align-items:center;gap:var(--s2)}.xp-table__total{color:var(--text);text-align:right}.xp-table__muted{color:var(--text-4)}.xp-formula{display:grid;gap:var(--s1);margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-md);background:var(--sunken);color:var(--text-2);font-size:var(--t-13)}.xp-formula__title{color:var(--text);font-weight:var(--weight-medium)}.xp-voice-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--s3);margin-top:var(--s4);color:var(--text-2);font-size:var(--t-13)}.xp-voice-facts__title{color:var(--text-4);font-size:var(--t-12)}.xp-rules{display:grid;gap:var(--s3);margin:0;padding:0;list-style:none}.xp-rules li{display:flex;align-items:flex-start;gap:var(--s3);color:var(--text-2);font-size:var(--t-14)}.xp-rules svg{flex:none;margin-top:var(--hair-2);color:var(--text-4)}.activity-page__body{margin-top:var(--s5)}.activity-page__controls{gap:var(--s2)}.activity-page__filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--s3)}.kpi{position:relative;display:grid;gap:var(--s1);padding:var(--s4);overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--inset-top);transition:border-color var(--speed-base) var(--ease),transform var(--speed-base) var(--ease-soft)}.kpi:hover{border-color:var(--line-2);transform:translateY(-1px)}.kpi__icon{position:absolute;top:var(--s3);right:var(--s3);display:grid;width:28px;height:28px;place-items:center;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent)}.kpi__label{color:var(--text-3);font-size:var(--t-12)}.kpi__value{color:var(--text);font-size:clamp(var(--t-18),2.2vw,var(--t-28));white-space:nowrap;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.kpi__detail{color:var(--text-4);font-size:var(--t-12)}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.activity-grid__wide{grid-column:1 / -1}@media(max-width:56rem){.activity-grid{grid-template-columns:minmax(0,1fr)}}.chart-note{margin-top:var(--s3)}.stat-kv{grid-template-columns:minmax(0,1fr) auto}.records{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--s3);margin:0;padding:0;list-style:none}.record{display:grid;grid-template-columns:auto 1fr;gap:var(--s1) var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--sunken)}.record svg{grid-row:span 3;color:var(--yellow)}.record__value{color:var(--text);font-size:var(--t-22);font-weight:var(--weight-semibold)}.record__what{color:var(--text-2);font-size:var(--t-13)}.timeline{position:relative;display:grid;gap:var(--s2);margin:0;padding:0 0 0 var(--s1);list-style:none}.timeline:before{position:absolute;top:var(--s2);bottom:var(--s2);left:calc(var(--s1) + 11px);width:1px;background:var(--line-2);content:""}.timeline__item{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:var(--s3)}.timeline__dot{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--panel);color:var(--text-3)}.timeline__what{color:var(--text-2);font-size:var(--t-13)}.timeline__when{color:var(--text-4);font-size:var(--t-12)}.ledger{display:grid;gap:var(--hair-2);margin:0;padding:0;list-style:none}.ledger__row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:var(--s3);padding:var(--s2) var(--s1);border-bottom:1px solid var(--line)}.ledger__icon{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--r-sm);background:var(--sunken);color:var(--accent)}.ledger__what{display:grid;min-width:0}.ledger__title{color:var(--text);font-size:var(--t-13)}.ledger__meta{color:var(--text-4);font-size:var(--t-12)}.ledger__xp{color:var(--green);font-size:var(--t-13);font-weight:var(--weight-semibold)}.ledger__xp[data-negative=true]{color:var(--red)}.ledger__more{justify-content:center;margin-top:var(--s3)}.daylog{display:grid;gap:var(--s4)}.daylog__date{margin-bottom:var(--s2);color:var(--text-3);font-size:var(--t-12);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.daylog__items{display:grid;gap:var(--s1);margin:0;padding:0;list-style:none}.daylog__item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:var(--s2);color:var(--text-2);font-size:var(--t-13)}.versus{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--s4);padding:var(--s6) var(--s4);border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(60% 120% at 0% 50%,color-mix(in oklab,var(--accent) 10%,transparent),transparent),radial-gradient(60% 120% at 100% 50%,color-mix(in oklab,var(--text-4) 12%,transparent),transparent),var(--panel)}.versus__side{display:grid;justify-items:center;gap:var(--s2);min-width:0;text-align:center}.versus__name{max-width:100%;overflow:hidden;color:var(--text);font-size:var(--t-16);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.versus__vs{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--sunken);color:var(--text-3);font-family:var(--mono);font-size:var(--t-13);font-weight:var(--weight-bold);animation:vs-in calc(var(--speed-enter) * 2) var(--ease-spring) both}@keyframes vs-in{0%{opacity:0;transform:scale(.4) rotate(-20deg)}}.versus__summary{color:var(--text-2);font-size:var(--t-14)}.compare-search{gap:var(--s2)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--s2);margin:0;padding:0;list-style:none}.pick-card{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--sunken)}.pick-card__who{display:grid;flex:1;min-width:0}.pick-card__name{overflow:hidden;color:var(--text);font-size:var(--t-14);text-overflow:ellipsis;white-space:nowrap}.pick-card__id{color:var(--text-4);font-size:var(--t-12)}@media(max-width:34rem){.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s2);padding:var(--s4) var(--s2)}.versus__vs{width:36px;height:36px}}.activity-page,.rankings-page,.ranks-page{padding-bottom:var(--s12)}.daylog__day{padding-left:var(--s3);border-left:2px solid var(--line)}.record__when{grid-column:2}.xp-table--ledger tbody th{min-width:200px}.share__row{min-width:0}.cos-frame{position:relative;display:inline-grid;flex:none;place-items:center;border-radius:50%}.cos-frame[data-frame]:before,.cos-frame[data-frame]:after{position:absolute;border-radius:50%;content:"";pointer-events:none}.cos-frame__emblem{position:absolute;right:calc(var(--s2) * -1);bottom:calc(var(--s1) * -1);z-index:2;animation:badge-rise calc(var(--speed-enter) * 2) var(--ease-spring) both}.cos-frame[data-frame=halo]:before{top:-6px;right:-6px;bottom:-6px;left:-6px;background:radial-gradient(closest-side,transparent 86%,color-mix(in oklab,var(--profile-accent) 70%,transparent) 90%,transparent 100%);box-shadow:0 0 24px color-mix(in oklab,var(--profile-accent) 35%,transparent)}.cos-frame[data-frame=signal]:before{top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid var(--rank)}.cos-frame[data-frame=signal]:after{top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid color-mix(in oklab,var(--rank) 45%,transparent)}.cos-frame[data-frame=orbit]:before{top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px dashed color-mix(in oklab,var(--profile-accent) 55%,transparent)}.cos-frame[data-frame=orbit]:after{top:-8px;right:-8px;bottom:-8px;left:-8px;background:radial-gradient(circle at 50% 0%,var(--profile-accent) 0 4px,transparent 5px);animation:cos-spin 9s linear infinite}.cos-frame[data-frame=prism]:before{top:-5px;right:-5px;bottom:-5px;left:-5px;background:conic-gradient(from 0deg,var(--profile-accent),var(--cos-a),var(--cos-b),var(--cos-c),var(--profile-accent));mask:radial-gradient(closest-side,transparent 88%,var(--text) 89%);animation:cos-spin 14s linear infinite}.cos-frame[data-frame=aegis]:before{top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--cos-metal-deep);border-top-color:var(--profile-accent);border-bottom-color:var(--profile-accent)}.cos-frame[data-frame=aegis]:after{top:-11px;right:-11px;bottom:-11px;left:-11px;border:1px solid color-mix(in oklab,var(--cos-metal-deep) 50%,transparent)}.cos-frame[data-frame=genesis]:before{top:-5px;right:-5px;bottom:-5px;left:-5px;background:conic-gradient(from 210deg,var(--cos-gold),var(--cos-gold-deep),var(--cos-gold),var(--cos-gold-deep),var(--cos-gold));mask:radial-gradient(closest-side,transparent 86%,var(--text) 87%)}.cos-frame[data-frame=genesis]:after{top:-12px;right:-12px;bottom:-12px;left:-12px;border:1px solid color-mix(in oklab,var(--cos-gold) 50%,transparent);box-shadow:0 0 28px color-mix(in oklab,var(--cos-gold) 30%,transparent)}@keyframes cos-spin{to{transform:rotate(1turn)}}.profile-hero__banner[data-overlay]:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.profile-hero__banner[data-overlay=grid]:before{background-image:linear-gradient(var(--cos-pattern) 1px,transparent 1px),linear-gradient(90deg,var(--cos-pattern) 1px,transparent 1px);background-size:24px 24px}.profile-hero__banner[data-overlay=dots]:before{background-image:radial-gradient(var(--cos-pattern) 1.5px,transparent 2px);background-size:14px 14px}.profile-hero__banner[data-overlay=aurora]:before{background:radial-gradient(60% 120% at 20% 0%,color-mix(in oklab,var(--profile-accent) 45%,transparent),transparent 70%),radial-gradient(50% 110% at 60% 0%,color-mix(in oklab,var(--cos-a) 40%,transparent),transparent 70%),radial-gradient(45% 100% at 90% 10%,color-mix(in oklab,var(--cos-b) 35%,transparent),transparent 70%);background-size:160% 100%;animation:cos-drift 18s var(--ease-soft) infinite alternate}.profile-hero__banner[data-overlay=circuit]:before{background-image:linear-gradient(90deg,transparent 0 22px,color-mix(in oklab,var(--profile-accent) 40%,transparent) 22px 24px,transparent 24px),linear-gradient(transparent 0 30px,color-mix(in oklab,var(--profile-accent) 25%,transparent) 30px 31px,transparent 31px),radial-gradient(color-mix(in oklab,var(--profile-accent) 60%,transparent) 2px,transparent 3px);background-size:72px 48px,96px 48px,72px 48px;background-position:0 0,12px 0,22px 30px;mask:linear-gradient(90deg,transparent,var(--text) 30%,var(--text) 70%,transparent)}.profile-hero__banner[data-overlay=waves]:before{background-image:repeating-radial-gradient(circle at 85% 120%,transparent 0 14px,color-mix(in oklab,var(--profile-accent) 22%,transparent) 15px 16px);animation:cos-pulse-out 12s linear infinite}.profile-hero__banner[data-overlay=starfield]:before{background-image:radial-gradient(1px 1px at 10% 20%,var(--text) 50%,transparent 51%),radial-gradient(1px 1px at 30% 70%,var(--text) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 55% 30%,var(--text) 50%,transparent 51%),radial-gradient(1px 1px at 70% 80%,var(--text) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 85% 25%,var(--text) 50%,transparent 51%),radial-gradient(1px 1px at 45% 50%,var(--text) 50%,transparent 51%),radial-gradient(1px 1px at 92% 60%,var(--text) 50%,transparent 51%),radial-gradient(1px 1px at 20% 85%,var(--text) 50%,transparent 51%);opacity:.7;animation:cos-twinkle 6s ease-in-out infinite alternate}.profile-hero__banner[data-overlay=rankfield]:before{background:radial-gradient(80% 160% at 85% 0%,color-mix(in oklab,var(--rank) 45%,transparent),transparent 70%),repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in oklab,var(--rank) 10%,transparent) 18px 19px)}.profile-hero__banner[data-overlay=nebula]:before{background:radial-gradient(40% 90% at 15% 30%,color-mix(in oklab,var(--cos-c) 45%,transparent),transparent 70%),radial-gradient(50% 120% at 55% 10%,color-mix(in oklab,var(--cos-a) 50%,transparent),transparent 70%),radial-gradient(35% 80% at 90% 50%,color-mix(in oklab,var(--cos-b) 45%,transparent),transparent 70%);background-size:140% 140%;animation:cos-drift 24s var(--ease-soft) infinite alternate}@keyframes cos-drift{to{background-position:100% 50%}}@keyframes cos-twinkle{to{opacity:.35}}@keyframes cos-pulse-out{to{background-position:0 -32px}}.profile-hero__name{display:inline-block}.profile-hero[data-nameplate=accent] .profile-hero__name{color:var(--profile-accent)}.profile-hero[data-nameplate=gradient] .profile-hero__name,.profile-hero[data-nameplate=chrome] .profile-hero__name,.profile-hero[data-nameplate=aurora] .profile-hero__name,.profile-hero[data-nameplate=legend] .profile-hero__name{background-clip:text;color:transparent;-webkit-background-clip:text}.profile-hero[data-nameplate=gradient] .profile-hero__name{background-image:linear-gradient(100deg,var(--profile-accent),var(--cos-a))}.profile-hero[data-nameplate=chrome] .profile-hero__name{background-image:linear-gradient(100deg,var(--cos-metal-deep) 0%,var(--cos-metal) 40%,var(--cos-metal-deep) 60%,var(--cos-metal) 100%);background-size:250% 100%;animation:cos-glint 6s var(--ease-soft) infinite}.profile-hero[data-nameplate=glow] .profile-hero__name{color:var(--text);text-shadow:0 0 18px color-mix(in oklab,var(--profile-accent) 70%,transparent),0 0 2px color-mix(in oklab,var(--profile-accent) 60%,transparent)}.profile-hero[data-nameplate=aurora] .profile-hero__name{background-image:linear-gradient(100deg,var(--profile-accent),var(--cos-b),var(--cos-a),var(--cos-c),var(--profile-accent));background-size:300% 100%;animation:cos-glint 10s linear infinite}.profile-hero[data-nameplate=legend] .profile-hero__name{background-image:linear-gradient(100deg,var(--cos-gold-deep),var(--cos-gold) 45%,var(--cos-gold-deep));text-shadow:none}@keyframes cos-glint{0%{background-position:0% 50%}to{background-position:100% 50%}}.profile-hero__meta .profile-hero__title{margin-bottom:var(--s1);color:var(--profile-accent);font-family:var(--mono);font-size:var(--t-12);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.profile-surface[data-card=glass] .panel{border-color:color-mix(in oklab,var(--profile-accent) 18%,var(--line));background:color-mix(in oklab,var(--profile-accent) 5%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-surface[data-card=glass] .panel__core{background:color-mix(in oklab,var(--panel) 70%,transparent)}.profile-surface[data-card=outline] .panel{background:transparent}.profile-surface[data-card=outline] .panel__core{border:1px solid var(--line-2);background:transparent;box-shadow:none}.profile-surface[data-card=neon] .panel{border-color:color-mix(in oklab,var(--profile-accent) 55%,transparent);box-shadow:0 0 0 1px color-mix(in oklab,var(--profile-accent) 20%,transparent),0 0 32px -8px color-mix(in oklab,var(--profile-accent) 45%,transparent)}.profile-surface[data-card=holo] .panel{position:relative;overflow:hidden;border-color:color-mix(in oklab,var(--cos-a) 35%,var(--line))}.profile-surface[data-card=holo] .panel:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 20%,color-mix(in oklab,var(--cos-b) 12%,transparent) 35%,color-mix(in oklab,var(--cos-a) 14%,transparent) 50%,color-mix(in oklab,var(--cos-c) 12%,transparent) 65%,transparent 80%);background-size:250% 100%;content:"";pointer-events:none;animation:cos-glint 8s linear infinite alternate}.showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:var(--s3);margin:0;padding:0;list-style:none}.showcase__tile{--rarity: var(--pearl-dark);position:relative;display:grid;gap:var(--s1);padding:var(--s4);overflow:hidden;border:1px solid color-mix(in oklab,var(--rarity) 30%,var(--line));border-radius:var(--r-lg);background:linear-gradient(160deg,color-mix(in oklab,var(--rarity) 12%,var(--panel)),var(--sunken));transition:transform var(--speed-base) var(--ease-soft),border-color var(--speed-base) var(--ease)}.showcase__tile:hover{border-color:color-mix(in oklab,var(--rarity) 60%,var(--line));transform:translateY(-2px)}.showcase__tile[data-rarity=UNCOMMON]{--rarity: var(--mint-dark)}.showcase__tile[data-rarity=RARE]{--rarity: var(--sky-dark)}.showcase__tile[data-rarity=EPIC]{--rarity: var(--violet-dark)}.showcase__tile[data-rarity=LEGENDARY]{--rarity: var(--amber-dark)}[data-theme=light] .showcase__tile{--rarity: var(--pearl-light)}[data-theme=light] .showcase__tile[data-rarity=UNCOMMON]{--rarity: var(--mint-light)}[data-theme=light] .showcase__tile[data-rarity=RARE]{--rarity: var(--sky-light)}[data-theme=light] .showcase__tile[data-rarity=EPIC]{--rarity: var(--violet-light)}[data-theme=light] .showcase__tile[data-rarity=LEGENDARY]{--rarity: var(--amber-light)}.showcase__icon{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--r-md);background:color-mix(in oklab,var(--rarity) 18%,transparent);color:var(--rarity)}.showcase__name{color:var(--text);font-size:var(--t-14);font-weight:var(--weight-semibold)}.showcase__rarity{color:var(--text-4);font-size:var(--t-12)}.showcase__tile[data-rarity=LEGENDARY]:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,color-mix(in oklab,var(--cos-gold) 18%,transparent) 50%,transparent 65%);background-size:250% 100%;content:"";pointer-events:none;animation:cos-glint 5s var(--ease-soft) infinite}.studio{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}.studio__preview{display:grid;gap:var(--s3)}.studio .tabs{flex-wrap:wrap}.studio__summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);color:var(--text-3);font-size:var(--t-13)}.studio__meter{flex:1;min-width:120px;height:6px;overflow:hidden;border-radius:var(--r-pill);background:var(--elevated)}.studio__meter-fill{display:block;width:var(--meter);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--profile-accent),var(--cos-a));transform-origin:left center;animation:xp-fill calc(var(--speed-enter) * 3) var(--ease-soft) both}.studio__items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr));gap:var(--s2);margin:0;padding:0;list-style:none}.cos-item{position:relative;display:grid;width:100%;gap:var(--s2);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--sunken);color:inherit;cursor:pointer;font:inherit;text-align:left;transition:border-color var(--speed-fast) var(--ease),transform var(--speed-base) var(--ease-soft),background-color var(--speed-fast) var(--ease)}.cos-item:hover{border-color:var(--line-3);transform:translateY(-1px)}.cos-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cos-item[aria-pressed=true]{border-color:var(--profile-accent);background:color-mix(in oklab,var(--profile-accent) 8%,var(--sunken))}.cos-item[data-locked=true] .cos-item__swatch{filter:grayscale(.85) brightness(.7)}.cos-item[data-trying=true]{border-style:dashed;border-color:var(--profile-accent)}.cos-item__swatch{position:relative;display:grid;height:56px;place-items:center;overflow:hidden;border-radius:var(--r-md);background:linear-gradient(140deg,var(--panel-2),var(--rail))}.cos-item__swatch .profile-hero__banner{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}.cos-item__swatch .profile-hero__banner:after{display:none}.cos-item__label{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);color:var(--text);font-size:var(--t-13);font-weight:var(--weight-medium)}.cos-item__reason{color:var(--text-4);font-size:var(--t-12);line-height:var(--leading-snug)}.cos-item__progress{height:3px;overflow:hidden;border-radius:var(--r-pill);background:var(--elevated)}.cos-item__progress span{display:block;width:var(--meter);height:100%;background:var(--profile-accent)}.cos-item__lock{position:absolute;top:var(--s2);right:var(--s2);z-index:1;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--overlay);color:var(--text-3)}.cos-item__new{position:absolute;top:var(--s2);left:var(--s2);z-index:1;padding:0 var(--s1);border-radius:var(--r-pill);background:var(--profile-accent);color:var(--bg);font-size:var(--t-12);font-weight:var(--weight-semibold);animation:badge-rise calc(var(--speed-enter) * 2) var(--ease-spring) both}.cos-sample-name{font-size:var(--t-16);font-weight:var(--weight-semibold)}.cos-sample-chip{width:28px;height:28px;border-radius:50%;background:var(--profile-accent);box-shadow:0 0 0 3px var(--panel),0 0 0 4px var(--line-2)}.cos-sample-card{width:70%;height:34px;border-radius:var(--r-md)}.layout-list{display:grid;gap:var(--s2);margin:0;padding:0;list-style:none}.layout-list__row{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--sunken)}.layout-list__row[data-hidden=true] .layout-list__name{color:var(--text-4);text-decoration:line-through}.layout-list__name{flex:1;color:var(--text);font-size:var(--t-14)}.cos-mini{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border-radius:inherit;box-shadow:none}.studio__unlockables{margin-top:var(--s4)}.showcase-note{margin-top:var(--s3)}.unlocks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-top:var(--s1);color:var(--text-3);font-size:var(--t-12)}.unlocks svg{color:var(--accent)}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tighter:var(--tracking-tighter);--tracking-tight:var(--tracking-tight);--tracking-normal:var(--tracking-normal);--tracking-wide:var(--tracking-wide);--tracking-wider:var(--tracking-wider);--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:var(--ease-out);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--spacing-16:var(--sp16);--tracking-caps:var(--tracking-caps);--tracking-display:var(--tracking-display);--tracking-wordmark:var(--tracking-wordmark);--ease-base:var(--ease-base);--ease-enter:var(--ease-enter);--ease-exit:var(--ease-exit);--ease-soft:var(--ease-soft);--ease-spring:var(--ease-spring)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{inset-inline:0}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.inset-y-0{inset-block:0}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.-right-1{right:calc(var(--spacing) * -1)}.-right-2\.5{right:calc(var(--spacing) * -2.5)}.right-2{right:calc(var(--spacing) * 2)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:0}.bottom-64{bottom:var(--sp64)}.bottom-\[calc\(var\(--tabbar-h\)\+env\(safe-area-inset-bottom\)\+0\.5rem\)\]{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + .5rem)}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-80{left:var(--sp80)}.z-\[2\]{z-index:2}.z-\[20\]{z-index:20}.z-\[40\]{z-index:40}.z-\[80\]{z-index:80}.container{width:100%}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}@media (width >= var(--bp-lg)){.container{max-width:var(--bp-lg)}}@media (width >= var(--bp-md)){.container{max-width:var(--bp-md)}}@media (width >= var(--bp-sm)){.container{max-width:var(--bp-sm)}}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.-mt-9{margin-top:calc(var(--spacing) * -9)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-16{margin-bottom:var(--sp16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-32{width:var(--sp32);height:var(--sp32)}.size-48{width:var(--sp48);height:var(--sp48)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:var(--sp32)}.h-64{height:var(--sp64)}.h-80{height:var(--sp80)}.h-\[18px\]{height:18px}.h-\[calc\(var\(--tabbar-h\)\+env\(safe-area-inset-bottom\)\)\]{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.h-\[min\(78dvh\,640px\)\]{height:min(78dvh,640px)}.h-\[var\(--row-h\)\]{height:var(--row-h)}.h-\[var\(--topbar-h\)\]{height:var(--topbar-h)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[min\(56vh\,440px\)\]{max-height:min(56vh,440px)}.min-h-0{min-height:0}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-10{width:calc(var(--spacing) * 10)}.w-32{width:var(--sp32)}.w-56{width:calc(var(--spacing) * 56)}.w-\[3px\]{width:3px}.w-\[72px\]{width:72px}.w-\[320px\]{width:320px}.w-\[min\(86vw\,340px\)\]{width:min(86vw,340px)}.w-\[min\(640px\,calc\(100vw-2rem\)\)\]{width:min(640px,100vw - 2rem)}.w-\[min\(720px\,calc\(100vw-2rem\)\)\]{width:min(720px,100vw - 2rem)}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[560px\]{max-width:560px}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-\[18px\]{min-width:18px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-16{--tw-translate-y:calc(var(--sp16) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-64{--tw-translate-y:calc(var(--sp64) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-x-0{--tw-scale-x:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-16{gap:var(--sp16)}.gap-32{gap:var(--sp32)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[16px\]{border-radius:16px}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-line-1{border-color:var(--line-1)}.border-line-2{border-color:var(--line-2)}.border-line-3{border-color:var(--line-3)}.border-t-text-2{border-top-color:var(--text-2)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-bg{background-color:var(--bg)}.bg-elevated{background-color:var(--elevated)}.bg-green{background-color:var(--green)}.bg-hover{background-color:var(--hover)}.bg-line-2{background-color:var(--line-2)}.bg-line-3{background-color:var(--line-3)}.bg-overlay{background-color:var(--overlay)}.bg-panel{background-color:var(--panel)}.bg-panel-2{background-color:var(--panel-2)}.bg-rail,.bg-rail\/40{background-color:var(--rail)}@supports (color:color-mix(in lab,red,red)){.bg-rail\/40{background-color:color-mix(in oklab,var(--rail) 40%,transparent)}}.bg-red-fill{background-color:var(--red-fill)}.bg-scrim-drawer{background-color:var(--scrim-drawer)}.bg-scrim-modal{background-color:var(--scrim-modal)}.bg-side{background-color:var(--side)}.bg-sunken{background-color:var(--sunken)}.bg-text-1{background-color:var(--text-1)}.bg-transparent{background-color:#0000}.bg-wash{background-color:var(--wash)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-16{padding:var(--sp16)}.p-32{padding:var(--sp32)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-16{padding-inline:var(--sp16)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:var(--sp16)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-\[min\(14vh\,7rem\)\]{padding-top:min(14vh,7rem)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-16{padding-bottom:var(--sp16)}.pb-\[calc\(var\(--tabbar-h\)\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--mono)}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.text-accent{color:var(--accent)}.text-accent-ink{color:var(--accent-ink)}.text-on-fill{color:var(--on-fill)}.text-red{color:var(--red)}.text-text-1{color:var(--text-1)}.text-text-2{color:var(--text-2)}.text-text-3{color:var(--text-3)}.text-text-4{color:var(--text-4)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[var\(--shadow-lg\)\]{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[3px\]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[5px\]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-bg{--tw-ring-color:var(--bg)}.ring-elevated{--tw-ring-color:var(--elevated)}.ring-side{--tw-ring-color:var(--side)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-radius\,background-color\,color\]{transition-property:border-radius,background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[var\(--ease-enter\)\]{--tw-ease:var(--ease-enter);transition-timing-function:var(--ease-enter)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:scale-x-100:is(:where(.group):hover *){--tw-scale-x:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-line-3:is(:where(.group):hover *){background-color:var(--line-3)}}.group-active\:bg-accent:is(:where(.group):active *){background-color:var(--accent)}.placeholder\:text-text-4::placeholder{color:var(--text-4)}@media(hover:hover){.hover\:rounded-\[16px\]:hover{border-radius:16px}.hover\:border-line-2:hover{border-color:var(--line-2)}.hover\:border-line-3:hover{border-color:var(--line-3)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-elevated:hover{background-color:var(--elevated)}.hover\:bg-hover:hover{background-color:var(--hover)}.hover\:text-accent-ink:hover{color:var(--accent-ink)}.hover\:text-text-1:hover{color:var(--text-1)}.hover\:text-text-2:hover{color:var(--text-2)}.hover\:text-text-3:hover{color:var(--text-3)}}.focus\:translate-y-0:focus{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.aria-checked\:bg-elevated-2[aria-checked=true]{background-color:var(--elevated-2)}.aria-checked\:text-text-1[aria-checked=true]{color:var(--text-1)}.aria-pressed\:rounded-\[16px\][aria-pressed=true]{border-radius:16px}.aria-pressed\:bg-elevated[aria-pressed=true]{background-color:var(--elevated)}.aria-pressed\:bg-wash[aria-pressed=true]{background-color:var(--wash)}.aria-pressed\:text-text-1[aria-pressed=true]{color:var(--text-1)}@media(min-width:34rem){.min-\[34rem\]\:grid{display:grid}.min-\[34rem\]\:inline{display:inline}.min-\[34rem\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:56rem){.min-\[56rem\]\:grid{display:grid}.min-\[56rem\]\:px-5{padding-inline:calc(var(--spacing) * 5)}.min-\[56rem\]\:pb-0{padding-bottom:0}}@media(min-width:62rem){.min-\[62rem\]\:flex{display:flex}.min-\[62rem\]\:hidden{display:none}}@media (width >= var(--bp-md)){.md\:grid{display:grid}}.\[\&\:focus-visible\>span\]\:bg-accent:focus-visible>span{background-color:var(--accent)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}