@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body,html{-webkit-user-select:none;user-select:none;background-color:#040d1a;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow:hidden}#canvas-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#aquarium-ui{display:none}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#0a192fbf;border:1px solid #38bdf840;box-shadow:0 12px 32px #00000080}input[type=range]{appearance:none;background:#38bdf833;border-radius:999px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#38bdf8;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 10px #38bdf8cc}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.status-badge{transition:all .25s}*,:before,:after{box-sizing:border-box;border:0 solid}body{line-height:1.5}h1,h2,p{margin:0}button,input{font:inherit;color:inherit;margin:0}button{cursor:pointer;background:0 0}svg{vertical-align:middle;display:block}canvas{touch-action:none;display:block}input[type=range]{display:block}input[type=checkbox]{accent-color:#0ea5e9}input[type=range]::-moz-range-thumb{cursor:pointer;background:#38bdf8;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 10px #38bdf8cc}.fixed{position:fixed}.inset-0{inset:0}.top-4{top:1rem}.left-4{left:1rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.z-20{z-index:20}.z-30{z-index:30}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.w-full{width:100%}.w-3{width:.75rem}.h-3{height:.75rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-80{width:20rem}.max-w-md{max-width:28rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-2\.5{padding:.625rem}.px-2\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-5{padding-inline:1.25rem}.py-0\.5{padding-block:.125rem}.py-2{padding-block:.5rem}.py-2\.5{padding-block:.625rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.space-y-3>:not(:first-child){margin-top:.75rem}.space-y-4>:not(:first-child){margin-top:1rem}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-slate-600{border-color:#475569}.border-slate-700\/60{border-color:#33415599}.border-sky-400\/30{border-color:#38bdf84d}.border-sky-400\/40{border-color:#38bdf866}.border-amber-400\/40{border-color:#fbbf2466}.border-emerald-400\/30{border-color:#34d3994d}.bg-slate-800{background-color:#1e293b}.bg-slate-950\/80{background-color:#020617cc}.bg-amber-400{background-color:#fbbf24}.bg-amber-500{background-color:#f59e0b}.bg-amber-500\/30{background-color:#f59e0b4d}.bg-sky-500\/20{background-color:#0ea5e933}.bg-sky-500\/30{background-color:#0ea5e94d}.bg-emerald-500\/25{background-color:#10b98140}.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-950{color:#020617}.text-sky-200{color:#bae6fd}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-sky-500{color:#0ea5e9}.text-amber-300{color:#fcd34d}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.leading-relaxed{line-height:1.625}.cursor-pointer{cursor:pointer}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.translate-y-4{transform:translateY(1rem)}.transition,.transition-all{transition:all .15s}.duration-300{transition-duration:.3s}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-\[0_0_12px_\#fbbf24\]{box-shadow:0 0 12px #fbbf24}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-amber-400:hover{background-color:#fbbf24}.hover\:bg-sky-500\/30:hover{background-color:#0ea5e94d}.hover\:bg-slate-700\/60:hover{background-color:#33415599}.active\:scale-95:active{transform:scale(.95)}.focus\:ring-0:focus{box-shadow:none}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (width>=640px){.sm\:block{display:block}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}