:root{--bg:#020617;--card-bg:#0d111bd9;--border-glass:#ffffff1f;--text-main:#f8fafc;--text-muted:#94a3b8;--cyan:#06b6d4;--sky:#38bdf8;--amber:#f59e0b;--violet:#a855f7;--rose:#f43f5e;--emerald:#10b981}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--bg);width:100%;height:100%;color:var(--text-main);font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%;position:relative;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.top-4{top:1rem}.right-0{right:0}.right-4{right:1rem}.left-0{left:0}.bottom-0{bottom:0}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.block{display:block}.inline{display:inline}.inline-flex{display:inline-flex}.hidden,canvas.hidden{display:none!important}canvas.block{display:block!important}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.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-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-44{width:11rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-2\/3{height:66.6667%}.h-4\/5{height:80%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-4xl{max-width:56rem}.max-w-\[130px\]{max-width:130px}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.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-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.font-sans{font-family:Nunito Sans,-apple-system,sans-serif}.font-mono{font-family:JetBrains Mono,monospace,Consolas}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[10px\]{font-size:10px;line-height:14px}.text-\[11px\]{font-size:11px;line-height:15px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-950{color:#020617}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-cyan-400\/60{color:#22d3ee99}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-indigo-300{color:#a5b4fc}.text-indigo-400{color:#818cf8}.text-emerald-400{color:#34d399}.text-amber-400{color:#fbbf24}.text-orange-400{color:#fb923c}.text-rose-200{color:#fecdd3}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-red-400{color:#f87171}.fill-slate-950{fill:#020617}.bg-slate-950{background-color:#020617}.bg-slate-950\/80{background-color:#020617cc}.bg-slate-950\/92{background-color:#020617eb}.bg-slate-900{background-color:#0f172a}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-800{background-color:#1e293b}.bg-slate-700{background-color:#334155}.bg-rose-950\/60{background-color:#4c051999}.bg-rose-950\/40{background-color:#4c051966}.bg-cyan-400{background-color:#22d3ee}.bg-emerald-500{background-color:#10b981}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-gradient-to-r.from-cyan-400.via-sky-300.to-indigo-400{background:linear-gradient(90deg,#22d3ee,#7dd3fc,#818cf8)}.bg-gradient-to-r.from-cyan-400.via-sky-300.to-indigo-400:hover{background:linear-gradient(90deg,#67e8f9,#bae6fd,#a5b4fc)}.bg-gradient-to-r.from-emerald-400.to-cyan-400{background:linear-gradient(90deg,#34d399,#22d3ee)}.bg-gradient-to-r.from-emerald-400.to-cyan-400:hover{background:linear-gradient(90deg,#6ee7b7,#67e8f9)}.bg-gradient-to-r.from-emerald-500.to-cyan-400{background:linear-gradient(90deg,#10b981,#22d3ee)}.bg-gradient-to-r.from-cyan-400.to-blue-500{background:linear-gradient(90deg,#22d3ee,#3b82f6)}.border{border:1px solid #ffffff1a}.border-t{border-top:1px solid #ffffff1a}.border-b{border-bottom:1px solid #ffffff1a}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-cyan-400{border-color:#22d3ee}.border-cyan-500\/30{border-color:#06b6d44d}.border-rose-500\/30{border-color:#f43f5e4d}.border-rose-500\/40{border-color:#f43f5e66}.border-rose-500\/50{border-color:#f43f5e80}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#0d111bd9;border:1px solid #ffffff1f;border-radius:20px}.glass-pill{-webkit-backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1f;border-radius:9999px}.backdrop-blur{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(14px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px)}.shadow-inner{box-shadow:inset 0 2px 6px #0009}.shadow-lg{box-shadow:0 10px 25px -5px #00000080}.shadow-2xl{box-shadow:0 25px 50px -12px #000000b3}.ring-2{outline:2px solid #06b6d499}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.transition-all{transition:all .2s cubic-bezier(.16,1,.3,1)}.transition-transform{transition:transform .2s cubic-bezier(.16,1,.3,1)}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.scale-102{transform:scale(1.02)}.scale-103{transform:scale(1.03)}.scale-105{transform:scale(1.05)}.hover\:scale-102:hover{transform:scale(1.02)}.hover\:scale-103:hover{transform:scale(1.03)}.hover\:scale-105:hover{transform:scale(1.05)}.active\:scale-95:active{transform:scale(.95)}.active\:scale-98:active{transform:scale(.98)}.hover\:text-white:hover{color:#fff}.hover\:text-rose-300:hover{color:#fda4af}.hover\:opacity-100:hover{opacity:1}.hover\:border-cyan-400:hover{border-color:#22d3ee}.hover\:border-rose-500\/40:hover{border-color:#f43f5e66}.hover\:bg-rose-950\/40:hover{background-color:#4c051966}.group:hover .group-hover\:scale-110{transform:scale(1.1)}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:#22d3ee;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 0 6px #22d3eecc}input[type=range].volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range].volume-slider::-moz-range-thumb{cursor:pointer;background:#22d3ee;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 6px #22d3eecc}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.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}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce{animation:1s infinite bounce}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:.25s ease-out forwards fadeIn}@media (width<=639px){.hidden.sm\:block,.hidden.sm\:inline{display:none!important}.sm\:max-w-none{max-width:100%}}@media (width>=640px){.hidden.sm\:block{display:block!important}.hidden.sm\:inline{display:inline!important}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:p-10{padding:2.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:flex-row{flex-direction:row}.sm\:max-w-none{max-width:none}}@media (width>=768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}