@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}input,textarea{background:0 0;border:none;outline:none;font-family:inherit}ul,ol{list-style:none}:root{--font-sans:"SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", "Fira Code", "JetBrains Mono", monospace;--bg-base:#0a0a0a;--bg-surface:#111;--bg-elevated:#1a1a1a;--bg-glass:#ffffff0a;--bg-glass-hover:#ffffff12;--border-default:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff26;--border-glass:#ffffff0f;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--accent:#2dd4bf;--accent-dim:#2dd4bf26;--accent-glow:#2dd4bf14;--accent-border:#2dd4bf40;--accent-fg:#0a0a0a;--cta-bg:#fff;--cta-fg:#0a0a0a;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--overlay-theatre:#000000bf;--type-hero:clamp(2rem, 5vw, 3rem);--type-h1:clamp(1.5rem, 3.5vw, 2rem);--type-h2:clamp(1.25rem, 2.5vw, 1.5rem);--type-h3:1.125rem;--type-body:.9375rem;--type-small:.8125rem;--type-label:.6875rem;--type-mono:.875rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:240px;--content-max-width:1200px;--card-padding:var(--space-6);--grid-gap:var(--space-4);--page-padding:var(--space-10);--z-sidebar:40;--z-modal-backdrop:100;--z-modal:110;--z-toast:9999}@media (max-width:768px){:root{--card-padding:var(--space-4);--page-padding:var(--space-4);--grid-gap:var(--space-3)}}@media (max-width:480px){:root{--card-padding:var(--space-3);--page-padding:var(--space-3)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.copy-toast{background:var(--bg-elevated);border:1px solid var(--accent-border);font-size:var(--type-small);color:var(--accent);opacity:0;pointer-events:none;z-index:var(--z-toast);border-radius:8px;padding:10px 18px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px)}.copy-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:640px){.grid-responsive{grid-template-columns:1fr!important}.settings-card{padding:16px!important}.btn-row-responsive{flex-direction:column!important}.btn-row-responsive>*{width:100%!important}}