:root{--bg:#0a0a0a;--bg-elevated:#1a1a1a;--bg-card:#111;--fg:#fff;--fg-muted:#a3a3a3;--fg-subtle:#737373;--border:#2a2a2a;--border-light:#333;--gradient-primary:linear-gradient(90deg, #f472b6, #fb923c);--gradient-like:linear-gradient(90deg, #4ade80, #22c55e);--gradient-dislike:linear-gradient(90deg, #f87171, #ef4444);--gradient-boost:linear-gradient(90deg, #a78bfa, #8b5cf6);--gradient-super:linear-gradient(90deg, #60a5fa, #3b82f6);--gradient-message:linear-gradient(90deg, #fb923c, #f97316);--gradient-gold:linear-gradient(90deg, #facc15, #fb923c);--gradient-text:linear-gradient(90deg, #f472b6, #fb923c);--color-online:#4ade80;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-card:0 4px 32px #0000002e;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@keyframes burst{0%{opacity:1;transform:scale(.5)}60%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;margin-bottom:-10px}to{opacity:1;margin-bottom:0}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{overscroll-behavior:none;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button{font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--fg);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;padding:12px 16px}input:focus,textarea:focus,select:focus{border-color:#f472b6;outline:none;box-shadow:0 0 0 3px #f472b633}input::placeholder,textarea::placeholder{color:var(--fg-subtle)}a{color:#f472b6;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.action-btn{transition:transform var(--transition-fast), filter var(--transition-fast), opacity var(--transition-fast)}.action-btn:hover{filter:brightness(1.15);transform:scale(1.06)}.action-btn:active{filter:brightness(.95);transform:scale(.95)}.nav-tab{transition:color var(--transition-base), opacity var(--transition-base)}.nav-tab svg{transition:color var(--transition-base) , stroke var(--transition-base)}.nav-tab:focus-visible{outline-offset:2px;border-radius:var(--radius-sm);outline:2px solid #f472b6}.pill-btn:focus-visible{outline-offset:2px;outline:2px solid #f472b6}input[type=range]{accent-color:#f472b6;background:0 0;height:4px}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-full);background:#3a3a3a;height:4px}input[type=range]::-moz-range-track{border-radius:var(--radius-full);background:#3a3a3a;height:4px}.upload-dashed-btn{transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast)}.upload-dashed-btn:hover:not(:disabled):not(:has(input:disabled)){color:#aaa;background:#ffffff0a;border-color:#777}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}