:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg:#030712;--card-bg:#0f172abf;--border-glass:#ffffff1a;--indigo:#6366f1;--sky:#38bdf8;--amber:#f59e0b;--emerald:#10b981;--rose:#f43f5e}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:#f8fafc;touch-action:none;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-4{top:1rem}.top-6{top:1.5rem}.top-16{top:4rem}.bottom-6{bottom:1.5rem}.left-6{left:1.5rem}.right-6{right:1.5rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.z-30{z-index:30}.z-40{z-index:40}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-screen{width:100vw}.h-screen{height:100vh}.w-full{width:100%}.h-full{height:100%}.w-44{width:11rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-\[1024px\]{max-width:1024px}.aspect-\[1024\/680\]{aspect-ratio:1024/680}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-1\.5{margin-left:.375rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.pb-2{padding-bottom:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-700{color:#334155}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-emerald-400{color:#34d399}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-slate-800{background-color:#1e293b}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-500{background-color:#6366f1}.bg-emerald-400{background-color:#34d399}.bg-amber-400{background-color:#fbbf24}.bg-rose-600{background-color:#e11d48}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#0f172ac7;border:1px solid #ffffff1a;box-shadow:0 20px 40px -15px #000000b3}.glass-pill{-webkit-backdrop-filter:blur(12px);background:#0f172ae0;border:1px solid #ffffff1f;border-radius:9999px}.glass-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1f;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-btn:hover{background:#334155e6;border-color:#6366f180;transform:translateY(-1px)}.glass-btn:active{transform:translateY(0)}.border{border-style:solid;border-width:1px}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-indigo-500\/30{border-color:#6366f14d}.border-emerald-500\/40{border-color:#10b98166}.border-rose-500\/40{border-color:#f43f5e66}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}.outline-none{outline:none}.flex-1{flex:1}@media (width<=768px){.hidden.md\:flex{display:none!important}}@media (width>=768px){.hidden.md\:flex{display:flex!important}}@media (width<=1024px){.hidden.lg\:flex{display:none!important}}@media (width>=1024px){.hidden.lg\:flex{display:flex!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:4s linear infinite spin}.w-16{width:4rem}.w-20{width:5rem}input[type=range].volume-slider{appearance:none;cursor:pointer;background:#fff3;border-radius:9999px;outline:none;height:4px}input[type=range].volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#818cf8;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 0 6px #818cf8cc}input[type=range].volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range].volume-slider::-moz-range-thumb{cursor:pointer;background:#818cf8;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #818cf8cc}