@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--c-ink-900: #0C0E12;--c-ink-800: #14171C;--c-ink-700: #1C2026;--c-ink-600: #262B30;--c-ink-500: #3A4047;--c-ink-400: #5A626B;--c-bone-100: #FFFFFF;--c-bone-200: #FBFAF7;--c-bone-300: #F3F1EB;--c-bone-400: #E6E1D4;--c-bone-500: #D8D2C2;--c-bone-600: #C7C0AD;--c-mist: #8C9389;--c-mist-dark: #6B7268;--c-mist-light: #A9AEA4;--c-ember-100: #FFE7E0;--c-ember-200: #FFC9BB;--c-ember-500: #FF5C38;--c-ember-600: #F0492A;--c-ember-700: #D63A1E;--c-gold-100: #FBF0D6;--c-gold-500: #E8B23A;--c-gold-700: #B6791A;--c-green-500: #2E9E6B;--c-green-100: #DDF1E6;--c-red-500: #E0463C;--c-red-100: #FBE3E1;--c-blue-500: #3B82C4;--c-blue-100: #DEEBF6;--bg-page: #F4F2ED;--bg-page-quiet: #ECE9E2;--surface: #FFFFFF;--surface-2: #FBFAF7;--surface-3: #F3F1EB;--surface-inverse: #0C0E12;--text-strong: #14171C;--text-body: #2E333A;--text-muted: #6B7268;--text-faint: #9AA096;--text-inverse:#F3F1EB;--border: #E5E1D8;--border-strong: #D6D1C5;--border-inverse:#262B30;--accent: #FF5C38;--accent-hover: #F0492A;--accent-press: #D63A1E;--accent-tint: #FFE7E0;--on-accent: #0C0E12;--focus-ring: #FF5C38;--grad-art: linear-gradient(135deg, #FF7A52 0%, #FF5C38 60%, #D63A1E 100%);--grad-fade-up: linear-gradient(to top, rgba(12,14,18,.85), rgba(12,14,18,0));--overlay-scrim: rgba(12,14,18,.55)}[data-theme=dark]{--bg-page: #05060A;--bg-page-quiet: #0A0C10;--surface: #0C0E12;--surface-2: #14171C;--surface-3: #1C2026;--surface-inverse: #F3F1EB;--text-strong: #F3F1EB;--text-body: #DAD6CB;--text-muted: #8C9389;--text-faint: #5A626B;--text-inverse:#14171C;--border: #262B30;--border-strong: #3A4047;--border-inverse:#E5E1D8;--accent: #FF5C38;--accent-hover: #FF7152;--accent-press: #F0492A;--accent-tint: #2A1B16;--on-accent: #0C0E12;--focus-ring: #FF7152;--grad-fade-up: linear-gradient(to top, rgba(5,6,10,.9), rgba(5,6,10,0));--overlay-scrim: rgba(5,6,10,.6)}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base:16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--text-5xl: 48px;--text-6xl: 60px;--text-7xl: 76px;--text-8xl: 96px;--leading-none: 1;--leading-tight: 1.08;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .14em;--display-font: var(--font-display);--display-weight: var(--fw-bold);--display-tracking: var(--tracking-tight);--heading-font: var(--font-display);--heading-weight: var(--fw-semibold);--body-font: var(--font-body);--body-weight: var(--fw-regular);--label-font: var(--font-mono);--label-weight: var(--fw-medium);--label-tracking: var(--tracking-wider)}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--space-12: 96px;--space-13: 128px;--space-14: 160px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill:999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(20,16,12,.06);--shadow-sm: 0 2px 6px -2px rgba(20,16,12,.1);--shadow-md: 0 8px 24px -14px rgba(20,16,12,.3);--shadow-lg: 0 18px 44px -22px rgba(20,16,12,.38);--shadow-xl: 0 32px 70px -32px rgba(20,16,12,.45);--shadow-focus: 0 0 0 3px rgba(255,92,56,.32);--shadow-inset: inset 0 1px 2px rgba(20,16,12,.06);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--dur-slower: .48s;--container: 1200px;--container-wide:1320px;--container-narrow: 760px;--gutter: 24px;--player-height:84px;--sidebar-width:248px;--header-height:64px}[data-theme=dark]{--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 2px 6px -2px rgba(0,0,0,.5);--shadow-md: 0 8px 24px -14px rgba(0,0,0,.6);--shadow-lg: 0 18px 44px -22px rgba(0,0,0,.7);--shadow-xl: 0 32px 70px -32px rgba(0,0,0,.75);--shadow-focus: 0 0 0 3px rgba(255,113,82,.36)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:var(--heading-weight);color:var(--text-strong);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,svg,video{display:block;max-width:100%}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cast-mono{font-family:var(--font-mono);font-weight:var(--label-weight);letter-spacing:var(--label-tracking)}.cast-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-body);font-family:var(--font-body)}h1,h2{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-size:13px}.muted{color:var(--text-muted)}button{font-family:var(--font-body);cursor:pointer}.wf-loading{animation:wf-pulse 1.1s var(--ease-out, ease-out) infinite;transform-origin:center}@keyframes wf-pulse{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}@media(prefers-reduced-motion:reduce){.wf-loading{animation:none}}.player-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--c-ink-900, #0c0e12);color:var(--c-bone-300, #f2efe6);padding:24px}.player-screen h1,.ink-screen h1,.ink-screen h2{color:inherit}.activation{justify-content:center;gap:16px;text-align:center}.activation .muted{max-width:460px}.activation input{width:min(480px,90vw);border-radius:12px;border:1px solid var(--c-ink-600, #262b30);background:#ffffff0a;color:inherit;font-family:var(--font-mono);font-size:22px;letter-spacing:.28em;text-align:center;padding:14px 12px}.activation input::placeholder{letter-spacing:.28em;opacity:.35}.player-top{width:100%;display:flex;justify-content:space-between;color:var(--c-mist, #8c9389);text-transform:lowercase;letter-spacing:.04em}.player-main{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.art{width:min(38vh,300px);height:min(38vh,300px);border-radius:24px;background:var(--grad-art, linear-gradient(135deg, #ff7a52, #ff5c38 60%, #d63a1e));display:flex;align-items:center;overflow:hidden}.art-wave{width:100%;color:var(--c-ink-900, #0c0e12);transition:opacity .32s var(--ease-out, ease-out)}.art-wave svg{color:inherit}.track-title{font-size:clamp(24px,4vw,40px);margin:12px 0 0}.track-meta{color:var(--c-mist, #8c9389);letter-spacing:.04em}.player-error{color:var(--c-ember-200, #ffc9bb)}.player-controls{display:flex;gap:24px;align-items:center;padding-bottom:16px}.ctl{width:64px;height:64px;border-radius:50%;border:1px solid var(--c-ink-600, #262b30);background:transparent;color:inherit;display:grid;place-items:center;transition:transform .12s}.ctl:active{transform:scale(.92)}.ctl-primary{width:88px;height:88px;background:var(--accent, #ff5c38);color:var(--on-accent, #0c0e12);border:none}.player-reset{position:fixed;bottom:8px;right:12px;background:none;border:none;color:var(--c-ink-500, #3a4047);font-size:11px}