:root{--vyl-violet: #7C3AED;--vyl-violet-lt: #8B5CF6;--vyl-violet-dim: rgba(124,58,237,.15);--vyl-violet-border: rgba(124,58,237,.3);--vyl-green: #10F5A0;--vyl-green-dim: rgba(16,245,160,.12);--vyl-green-border: rgba(16,245,160,.25);--vyl-coral: #FF6B6B;--vyl-coral-dim: rgba(255,107,107,.12);--vyl-coral-border: rgba(255,107,107,.28);--vyl-amber: #FFB830;--vyl-sky: #38BDF8;--vyl-purple: #A78BFA;--vyl-teal: #2DD4BF;--vyl-bg: #08070F;--vyl-bg2: #0D0C18;--vyl-bg3: #131124;--vyl-bg4: #1A1830;--vyl-text: #F0EFFE;--vyl-text2: #7C7A9E;--vyl-text3: #3D3B5C;--vyl-border: rgba(124,58,237,.15);--vyl-border2: rgba(124,58,237,.08);--vyl-grad: linear-gradient(135deg, #7C3AED, #10F5A0);--vyl-grad-coral: linear-gradient(135deg, #7C3AED, #FF6B6B);--vyl-grad-sky: linear-gradient(135deg, #7C3AED, #38BDF8);--vyl-font: "Sora", "Inter", system-ui, sans-serif;--vyl-mono: "Space Mono", "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--vyl-bg);color:var(--vyl-text);font-family:var(--vyl-font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--vyl-violet-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--vyl-violet)}::selection{background:var(--vyl-violet-dim);color:var(--vyl-text)}input,textarea,select,button{font-family:var(--vyl-font);outline:none;border:none}input::placeholder,textarea::placeholder{color:var(--vyl-text2)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vibe-in{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--vyl-violet)}50%{box-shadow:0 0 24px var(--vyl-violet)}}.vyl-grad-text{background:var(--vyl-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vyl-card{background:var(--vyl-bg2);border:1px solid var(--vyl-border2);border-radius:16px}.vyl-spinner{width:20px;height:20px;border:2px solid var(--vyl-border);border-top-color:var(--vyl-violet);border-radius:50%;animation:spin .7s linear infinite}.vyl-btn-primary{background:var(--vyl-grad);color:#fff;border:none;border-radius:9999px;padding:10px 24px;font-weight:700;cursor:pointer;font-family:var(--vyl-font);box-shadow:0 4px 20px #7c3aed66;transition:all .2s}.vyl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #7c3aed80}.vyl-btn-ghost{background:transparent;color:var(--vyl-text);border:1px solid var(--vyl-border);border-radius:9999px;padding:10px 24px;font-weight:700;cursor:pointer;font-family:var(--vyl-font);transition:all .15s}.vyl-btn-ghost:hover{background:var(--vyl-violet-dim);border-color:var(--vyl-violet-border)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--vyl-coral);animation:pulse-dot 1.5s ease-in-out infinite;display:inline-block}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--vyl-green);box-shadow:0 0 6px var(--vyl-green)}