:root{--color-bg-primary: #0A0A0B;--color-bg-secondary: #111113;--color-bg-tertiary: #1A1A1D;--color-bg-elevated: #232326;--color-primary: #7B3FD3;--color-primary-light: #A970F0;--color-primary-dark: #5A2C9D;--color-text-primary: #FFFFFF;--color-text-secondary: #B8B8C2;--color-text-tertiary: #8B8B9A;--color-text-disabled: #5C5C6A;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .12);--color-border-active: rgba(123, 63, 211, .5);--glass-light: rgba(255, 255, 255, .05);--glass-medium: rgba(255, 255, 255, .08);--glass-heavy: rgba(255, 255, 255, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .4s}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{position:relative;padding:12px 24px;border-radius:12px;font-weight:500;font-size:14px;letter-spacing:.02em;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);cursor:pointer;outline:none;text-transform:none;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#7b3fd3,#a970f0);border:1px solid rgba(123,63,211,.3);color:#fff;box-shadow:0 4px 20px #7b3fd340}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #7b3fd359;border-color:#7b3fd380}.btn-secondary{background:var(--glass-medium);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--glass-heavy);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--glass-light);border-color:var(--color-border-hover);color:var(--color-text-primary)}.card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:0 10px 40px #0003}.card-glass{background:var(--glass-medium);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 8px 32px #0003}h1,.h1{font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--color-text-primary);letter-spacing:-.02em}h2,.h2{font-size:2rem;font-weight:600;line-height:1.3;color:var(--color-text-primary);letter-spacing:-.01em}h3,.h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--color-text-primary)}p{color:var(--color-text-secondary);line-height:1.6}.text-muted{color:var(--color-text-tertiary)}input,textarea,select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:12px 16px;border-radius:8px;font-size:14px;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-border-active);background:var(--color-bg-elevated);box-shadow:0 0 0 3px #7b3fd31a}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.shadow-sm{box-shadow:0 2px 8px #0000001a}.shadow-md{box-shadow:0 4px 16px #00000026}.shadow-lg{box-shadow:0 8px 32px #0003}.shadow-xl{box-shadow:0 16px 48px #00000040}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-full{border-radius:9999px}@media (max-width: 640px){:root{--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 28px}h1,.h1{font-size:2rem}h2,.h2{font-size:1.5rem}h3,.h3{font-size:1.25rem}}.emoji-bw{filter:grayscale(100%) contrast(120%);-webkit-filter:grayscale(100%) contrast(120%)}.viral-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#a855f7;cursor:pointer;border:2px solid #1f2937;transition:transform .2s}.viral-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#9333ea}.viral-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#a855f7;cursor:pointer;border:2px solid #1f2937;transition:transform .2s}.viral-slider::-moz-range-thumb:hover{transform:scale(1.1);background:#9333ea}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#171717;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#525252;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b6b6b}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#525252 #171717}