:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-darkest:#07090e;--bg-dark:#0b0f17;--bg-surface:#121824;--bg-surface-elevated:#1a2232;--border-subtle:#ffffff14;--border-strong:#ffffff29;--cyan-400:#38bdf8;--cyan-500:#0284c7;--cyan-glow:#38bdf859;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darkest);width:100vw;height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-1{flex:1}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.w-1\/2{width:50%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-grab:active,.cursor-grabbing{cursor:grabbing}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-11{width:2.75rem}.h-11{height:2.75rem}.w-16{width:4rem}.h-16{height:4rem}.w-72{width:18rem}.w-80{width:20rem}.max-w-lg{max-w:32rem}.max-h-\[70vh\]{max-height:70vh}.top-0{top:0}.bottom-0{bottom:0}.top-3{top:.75rem}.left-3{left:.75rem}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-14{left:3.5rem}.left-16{left:4rem}.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}.space-y-1\.5>*+*{margin-top:.375rem}.space-y-2>*+*{margin-top:.5rem}.space-y-2\.5>*+*{margin-top:.625rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.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-4{padding-top:1rem;padding-bottom:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.pl-1{padding-left:.25rem}.pl-3{padding-left:.75rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pb-3{padding-bottom:.75rem}.pt-4{padding-top:1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1\.5{margin-right:.375rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.bg-transparent{background-color:#0000}.bg-slate-950{background-color:#020617}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/80{background-color:#020617cc}.bg-slate-900{background-color:#0f172a}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/85{background-color:#0f172ad9}.bg-slate-900\/95{background-color:#0f172af2}.bg-slate-800{background-color:#1e293b}.bg-slate-800\/40{background-color:#1e293b66}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-800\/70{background-color:#1e293bb3}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-700{background-color:#334155}.bg-slate-700\/40{background-color:#33415566}.bg-slate-700\/50{background-color:#33415580}.bg-cyan-500{background-color:#06b6d4}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-cyan-500\/20{background-color:#06b6d433}.bg-amber-500\/20{background-color:#f59e0b33}.bg-emerald-500\/20{background-color:#10b98133}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-gradient-to-tr{background-image:linear-gradient(to top right, var(--tw-gradient-stops,#06b6d4, #2563eb))}.bg-gradient-to-r{background-image:linear-gradient(90deg,#06b6d4,#3b82f6)}.bg-gradient-to-b{background-image:linear-gradient(#06b6d4,#2563eb)}.text-white{color:#fff}.text-slate-100{color:#f1f5f9}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-amber-400{color:#fbbf24}.text-emerald-400{color:#34d399}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-\[10px\]{font-size:10px;line-height:14px}.text-\[11px\]{font-size:11px;line-height:15px}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.border{border:1px solid #ffffff1a}.border-b{border-bottom:1px solid #ffffff1a}.border-t{border-top:1px solid #ffffff1a}.border-r{border-right:1px solid #ffffff1a}.border-l{border-left:1px solid #ffffff1a}.border-slate-800{border-color:#1e293b}.border-slate-800\/40{border-color:#1e293b66}.border-slate-800\/80{border-color:#1e293bcc}.border-slate-700\/30{border-color:#3341554d}.border-slate-700\/40{border-color:#33415566}.border-slate-700\/50{border-color:#33415580}.border-slate-700\/60{border-color:#33415599}.border-slate-700\/70{border-color:#334155b3}.border-slate-700\/80{border-color:#334155cc}.border-cyan-500\/30{border-color:#06b6d44d}.border-cyan-500\/40{border-color:#06b6d466}.border-amber-500\/40{border-color:#f59e0b66}.border-emerald-500\/40{border-color:#10b98166}.border-rose-500\/20{border-color:#f43f5e33}.backdrop-blur{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(20px)}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000059}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-inner{box-shadow:inset 0 2px 4px #00000040}input[type=range]{-webkit-appearance:none;background:#1e293b;border-radius:4px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 0 6px #38bdf899}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}button,a,input,select{transition-property:color,background-color,border-color,transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden{display:none}@media (width>=640px){.sm\:inline{display:inline}}@media (width>=1024px){.lg\:flex{display:flex}}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:1px;outline:2px solid #38bdf8}