:root{--color-ink: #303336;--color-paper: #ffffff;--color-mist: #f2f5f7;--color-fog: #838b96;--color-ash: #55606e;--color-smoke: #44474b;--color-silver: #9299a4;--color-pebble: #8e9196;--color-hairline: #dfe3e8;--color-signal-blue: #2576eb;--color-sky-blue: #5c9cf5;--font-ui-sans-serif-system-stack-apple-system-blinkmacsystemfont-sf-pro-text-sf-pro-display: "ui-sans-serif (system stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display")", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-caption: 13px;--leading-caption: 1.4;--text-body: 15px;--leading-body: 1.6;--text-subheading: 18px;--leading-subheading: 1.3;--text-heading-sm: 20px;--leading-heading-sm: 1.25;--text-heading: 24px;--leading-heading: 1.2;--text-display: 36px;--leading-display: 1.2;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-unit: 4px;--spacing-4: 4px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-36: 36px;--spacing-40: 40px;--spacing-200: 200px;--page-max-width: 960px;--section-gap: 80px;--card-padding: 24px;--element-gap: 10px;--radius-sm: 3px;--radius-md: 6px;--radius-xl: 12.8px;--radius-2xl: 18px;--radius-cards: 18px;--radius-icons: 3px;--radius-inputs: 6px;--radius-buttons: 6px;--radius-headings: 12.8px;--radius-playbutton: 9999px;--shadow-sm: rgba(0, 0, 0, .1) 0px 2px 8px 0px, rgba(0, 0, 0, .1) 0px 0px 2px 0px;--surface-canvas: #f2f5f7;--surface-card: #ffffff;--surface-accent-surface: #4f91fb}:root{--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.2, .7, .2, 1);--ease-quint-out: cubic-bezier(.16, 1, .3, 1);--ease-expo-out: cubic-bezier(.19, 1, .22, 1);--ease-cinematic-flow: cubic-bezier(.34, .01, .21, 1);--ease-cinematic-silk: cubic-bezier(.65, .005, .19, 1);--ease-terminal-snap: cubic-bezier(.16, 1, .3, 1);--lab-bg: var(--color-mist);--lab-bg-deep: var(--color-paper);--lab-surface: var(--color-paper);--lab-surface-lift: var(--color-paper);--lab-line: var(--color-hairline);--lab-line-soft: #e9edf1;--lab-fg: var(--color-ink);--lab-fg-mid: var(--color-ash);--lab-fg-dim: var(--color-fog);--lab-accent: var(--color-signal-blue);--lab-accent-soft: var(--color-sky-blue);--lab-accent-glow: rgba(37, 118, 235, .18);--lab-pos: #2e9e5b;--lab-neg: #d4453a;--lab-gold: #b98a2f;--shadow-card: rgba(0, 0, 0, .1) 0px 2px 8px 0px, rgba(0, 0, 0, .1) 0px 0px 2px 0px;--type-display: clamp(40px, 5vw, 64px);--type-h1: clamp(34px, 4.2vw, 56px);--type-h2: clamp(24px, 2.6vw, 32px);--type-h3: 20px;--type-body: 17px;--type-body-sm: 15px;--type-data: 13px;--type-label: 13px;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:light}html,body{margin:0;padding:0}html{scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-mist);font-size:var(--type-body);font-variant-numeric:tabular-nums;min-height:100vh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-signal-blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sf{--hud-bg: oklch(98% .006 240);--hud-surface: oklch(100% 0 0);--hud-surface-2: oklch(98% .004 240);--hud-fg: oklch(17% .025 250);--hud-mid: oklch(50% .018 245);--hud-low: oklch(70% .012 245);--hud-line: oklch(92% .008 240);--hud-line-2: oklch(96% .006 240);--hud-accent: oklch(48% .18 248);--hud-accent-soft: oklch(70% .13 232);--hud-accent-tint: oklch(96% .025 232);--hud-gold: oklch(62% .12 85);--sf-max: 1180px;min-height:100vh;display:flex;flex-direction:column;background:var(--hud-bg);color:var(--hud-fg);font-family:var(--font-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.sf-shell{width:100%;max-width:var(--sf-max);margin:0 auto;padding:0 24px}.sf-topbar{position:sticky;top:0;z-index:30;background:var(--hud-surface);border-bottom:1px solid var(--hud-line)}.sf-topbar-in{max-width:var(--sf-max);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:10px}.sf-topbar-brand{display:inline-flex;align-items:center;gap:8px}.sf-mark{height:22px;width:auto;display:block}.sf-wm{height:14px;width:auto;display:block}.sf-wm--foot{height:12px}.sf-topbar-cta{margin-left:auto;font-size:13px;font-weight:600;color:var(--hud-mid);display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;white-space:nowrap;transition:color .15s ease,background .15s ease}.sf-topbar-cta:hover{color:var(--hud-accent);background:var(--hud-accent-tint)}.sf-hero{margin-top:24px;background:var(--hud-surface);border:1px solid var(--hud-line);border-radius:20px;box-shadow:0 4px 14px #0000000d;overflow:hidden}.sf-hero-banner{height:78px;background:radial-gradient(130% 200% at 6% -30%,var(--hud-accent-tint),transparent 60%),linear-gradient(180deg,var(--hud-accent-tint) 0%,var(--hud-surface-2) 100%);border-bottom:1px solid var(--hud-line-2)}.sf-hero-body{padding:0 26px 24px;margin-top:-38px}.sf-avatar{width:90px;height:90px;border-radius:24px;overflow:hidden;display:grid;place-items:center;font-weight:800;font-size:32px;letter-spacing:-.02em;color:var(--hud-accent);background:var(--hud-accent-tint);box-shadow:0 0 0 4px var(--hud-surface),inset 0 0 0 1px var(--hud-line)}.sf-avatar img{width:100%;height:100%;object-fit:cover}.sf-id{min-width:0;margin-top:16px}.sf-name{font-size:24px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--hud-fg)}.sf-handle{margin-top:3px;font-family:var(--font-mono);font-size:12.5px;color:var(--hud-mid)}.sf-tagline{margin-top:9px;font-size:13.5px;color:var(--hud-mid);max-width:58ch;line-height:1.5}.sf-meta{margin-top:14px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}.sf-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;background:var(--hud-surface-2);border:1px solid var(--hud-line);border-radius:999px;font-size:12.5px;color:var(--hud-mid)}.sf-chip b{color:var(--hud-fg);font-weight:700}.sf-chip svg{color:var(--hud-mid)}.sf-toolbar{position:sticky;top:43px;z-index:20;background:var(--hud-bg);margin-top:20px;padding:0 24px}.sf-toolbar-in{max-width:calc(var(--sf-max) - 48px);margin:0 auto;padding:12px 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--hud-line);border-bottom:1px solid var(--hud-line)}.sf-search{position:relative;flex:1 1 220px;min-width:190px}.sf-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--hud-low);pointer-events:none}.sf-search input{width:100%;height:40px;padding:0 12px 0 34px;font:inherit;font-size:13.5px;color:var(--hud-fg);background:var(--hud-surface);border:1px solid var(--hud-line);border-radius:11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sf-search input::placeholder{color:var(--hud-low)}.sf-search input:focus{border-color:var(--hud-accent-soft);box-shadow:0 0 0 3px var(--hud-accent-tint)}.sf-filters{display:flex;flex-wrap:wrap;gap:9px}.sf-select{position:relative;display:inline-flex;align-items:center}.sf-select select{appearance:none;height:40px;padding:0 30px 0 12px;font:inherit;font-size:13px;font-weight:600;color:var(--hud-fg);background:var(--hud-surface);border:1px solid var(--hud-line);border-radius:11px;cursor:pointer;outline:none;transition:border-color .15s ease}.sf-select select:hover{border-color:var(--hud-accent-soft)}.sf-select svg{position:absolute;right:9px;color:var(--hud-low);pointer-events:none}.sf-count{margin-left:auto;font-size:12.5px;color:var(--hud-mid);white-space:nowrap}.sf-count b{color:var(--hud-fg);font-weight:700}.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:24px 18px;padding:26px 0 64px}.sf-card{display:flex;flex-direction:column;text-align:left;background:none;border:none;padding:0;font:inherit;color:inherit}.sf-card-frame{position:relative;aspect-ratio:63 / 88;border-radius:13px;overflow:hidden;background:var(--hud-surface-2);box-shadow:0 0 0 1px var(--hud-line),0 2px 6px #0000000d}.sf-card-img{width:100%;height:100%;object-fit:cover}.sf-card-body{padding:10px 1px 0}.sf-card-name{font-size:13.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--hud-fg);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.sf-card-sub{margin-top:2px;font-size:11.5px;color:var(--hud-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-card-foot{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-card-cf{display:inline-flex;align-items:center;gap:5px}.sf-price{font-size:14px;font-weight:700;color:var(--hud-fg);white-space:nowrap}.sf-price.is-premium{color:var(--hud-gold)}.sf-cond{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:5px;flex:none;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.04em}.sf-flag{border-radius:2px;display:inline-block;flex:none;vertical-align:middle}.sf-empty{grid-column:1 / -1;text-align:center;padding:72px 0;color:var(--hud-mid)}.sf-empty svg{color:var(--hud-low);margin:0 auto 14px}.sf-empty h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--hud-fg);letter-spacing:-.01em}.sf-empty p{margin:0;font-size:13.5px}.sf-404{min-height:70vh;display:grid;place-items:center;text-align:center;padding:24px}.sf-footer{margin-top:auto;border-top:1px solid var(--hud-line);background:var(--hud-surface)}.sf-footer-in{max-width:var(--sf-max);margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--hud-low)}.sf-foot-brand{display:inline-flex;align-items:center;gap:6px;color:var(--hud-mid)}.sf-footer a{color:var(--hud-mid)}.sf-footer a:hover{color:var(--hud-accent)}.sf-footer .sep{color:var(--hud-line)}@media(max-width:640px){.sf-hero{margin-top:16px;border-radius:18px}.sf-hero-banner{height:62px}.sf-hero-body{padding:0 18px 20px;margin-top:-32px}.sf-avatar{width:76px;height:76px;border-radius:20px;font-size:28px}.sf-id{margin-top:13px}.sf-tagline{max-width:none}.sf-search{flex-basis:100%}.sf-filters{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sf-filters .sf-select,.sf-filters .sf-select select{width:100%}.sf-count{flex-basis:100%;margin-left:0;text-align:left}.sf-search input,.sf-select select{height:44px}.sf-cta-label{display:none}.sf-topbar-cta{padding:8px}.sf-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px 14px}}