@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-dark:#070c16;--accent:gold;--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", sans-serif}*{box-sizing:border-box}html,body{background-color:var(--bg-dark);width:100%;height:100%;font-family:var(--sans);color:#e9ecef;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 25%,#0e172a 0%,#05080f 100%);margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1f;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}h1,h2,h3,h4,h5,h6{font-family:var(--heading);letter-spacing:-.02em}button,input{font-family:var(--sans)}.fish-container.svelte-1bi4pu1{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform .8s cubic-bezier(.19,1,.22,1);position:absolute}.fish-graphic.svelte-1bi4pu1{justify-content:center;align-items:center;display:flex;position:relative}.fish-svg.svelte-1bi4pu1{filter:drop-shadow(0 3px 6px #0003);display:block;overflow:visible}.style-realistic.svelte-1bi4pu1 .fish-svg:where(.svelte-1bi4pu1){filter:drop-shadow(0 4px 10px #00000059)}.standard-fish.svelte-1bi4pu1{width:65px;height:40px}.tall-fish.svelte-1bi4pu1{width:60px;height:55px}.selected.svelte-1bi4pu1 .fish-svg:where(.svelte-1bi4pu1){filter:drop-shadow(0 0 6px #fffc) drop-shadow(0 0 12px var(--accent,gold))}.hunger-bubble.svelte-1bi4pu1{color:#fff;pointer-events:none;z-index:5;background:#ff477e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;animation:1s infinite alternate svelte-1bi4pu1-bounce;display:flex;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d}@keyframes svelte-1bi4pu1-bounce{0%{top:-20px}to{top:-26px}}@keyframes svelte-1bi4pu1-tail-wiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.tail-fin-container.svelte-1bi4pu1{transform-origin:52px 25px;animation:.25s ease-in-out infinite svelte-1bi4pu1-tail-wiggle}@keyframes svelte-1bi4pu1-goldfish-tail{0%,to{transform:rotate(-12deg)skewY(-3deg)}50%{transform:rotate(12deg)skewY(3deg)}}.flowy-tail.svelte-1bi4pu1{transform-origin:52px 25px;animation:.45s ease-in-out infinite svelte-1bi4pu1-goldfish-tail}@keyframes svelte-1bi4pu1-guppy-tail{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}.guppy-tail.svelte-1bi4pu1{transform-origin:44px 25px;animation:.16s ease-in-out infinite svelte-1bi4pu1-guppy-tail}@keyframes svelte-1bi4pu1-seahorse-flutter{0%,to{transform:scaleX(.8)rotate(-4deg)}50%{transform:scaleX(1.2)rotate(4deg)}}.seahorse-fin.svelte-1bi4pu1{transform-origin:18px 36px;animation:80ms linear infinite svelte-1bi4pu1-seahorse-flutter}@keyframes svelte-1bi4pu1-jelly-squeeze{0%,to{transform:scale(1)}30%{transform:scale(.85,1.2)}50%{transform:scale(1.15,.8)}}.jelly-bell.svelte-1bi4pu1{transform-origin:25px 15px;animation:2.5s cubic-bezier(.45,.05,.55,.95) infinite svelte-1bi4pu1-jelly-squeeze}@keyframes svelte-1bi4pu1-tentacle-wave{0%,to{transform:skew(-5deg)}50%{transform:skew(5deg)}}.tentacles.svelte-1bi4pu1{transform-origin:25px 25px;animation:2.5s ease-in-out infinite svelte-1bi4pu1-tentacle-wave}.t1.svelte-1bi4pu1{animation-delay:.1s}.t2.svelte-1bi4pu1{animation-delay:.3s}.t3.svelte-1bi4pu1{animation-delay:0s}.t4.svelte-1bi4pu1{animation-delay:.5s}.t5.svelte-1bi4pu1{animation-delay:.2s}.bioglow-jelly.svelte-1bi4pu1{filter:drop-shadow(0 0 10px #00b4d8cc)drop-shadow(0 0 20px #ffb6c180);opacity:.95;transition:filter 1.5s}.plant-container.svelte-23gp6g{transform-origin:bottom;pointer-events:none;transform:scale(var(--scale));z-index:2;position:absolute;bottom:0}.plant-svg.svelte-23gp6g{filter:drop-shadow(0 4px 8px #00000026);width:auto;height:100%}.style-realistic.svelte-23gp6g .plant-svg:where(.svelte-23gp6g){filter:drop-shadow(0 6px 12px #00000040)}@keyframes svelte-23gp6g-sway{0%,to{transform:skewX(calc(-1 * var(--sway))) rotate(calc(-.5 * var(--sway)))}50%{transform:skewX(var(--sway)) rotate(calc(.5 * var(--sway)))}}.plant-svg.svelte-23gp6g{animation:svelte-23gp6g-sway var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.decoration-container.svelte-1doe4yl{transform-origin:bottom;transform:translate(-50%, -100%) scale(var(--scale));z-index:3;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:absolute}.dec-svg.svelte-1doe4yl{width:auto;max-height:100%;display:block}.chest.svelte-1doe4yl{cursor:pointer;width:65px;height:52px}.castle.svelte-1doe4yl{width:100px;height:100px}.rock-arch.svelte-1doe4yl{width:140px;height:98px}.starfish.svelte-1doe4yl{cursor:pointer;width:32px;height:32px}.chest.svelte-1doe4yl:hover,.starfish.svelte-1doe4yl:hover{filter:brightness(1.1)drop-shadow(0 0 8px #fff6)}.style-realistic.dec-svg.svelte-1doe4yl{filter:drop-shadow(0 6px 12px #00000059)}.chest-lid.svelte-1doe4yl{transform-origin:25px 18px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.is-open.svelte-1doe4yl .chest-lid:where(.svelte-1doe4yl){transform:rotate(-45deg)translate(-2px,-8px)}@keyframes svelte-1doe4yl-wiggle{0%,to{transform:translate(-50%, -100%) scale(var(--scale)) rotate(0deg)}20%{transform:translate(-50%, -100%) scale(calc(var(--scale) * 1.15)) rotate(-15deg)}40%{transform:translate(-50%, -100%) scale(calc(var(--scale) * 1.15)) rotate(15deg)}60%{transform:translate(-50%, -100%) scale(calc(var(--scale) * 1.1)) rotate(-8deg)}80%{transform:translate(-50%, -100%) scale(calc(var(--scale) * 1.05)) rotate(8deg)}}.wiggle.svelte-1doe4yl{animation:.8s ease-in-out forwards svelte-1doe4yl-wiggle}.aquarium-viewport.svelte-nr4ts2{cursor:crosshair;-webkit-user-select:none;user-select:none;border:4px solid #ffffff1a;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0009,0 20px 50px #00000080,0 0 0 1px #ffffff0d}.water-backdrop.svelte-nr4ts2{pointer-events:none;z-index:0;transition:opacity 1.5s ease-in-out;position:absolute;inset:0}.day-water.svelte-nr4ts2{background:linear-gradient(#52b788 0%,#118ab2 30%,#073b4c 100%)}.night-water.svelte-nr4ts2{background:linear-gradient(#023e8a 0%,#03045e 40%,#000814 100%)}.dirty-overlay.svelte-nr4ts2{pointer-events:none;mix-blend-mode:color-burn;z-index:1;background:linear-gradient(#5c6218 0%,#464811 50%,#2f300b 100%);transition:opacity .5s;position:absolute;inset:0}.god-rays.svelte-nr4ts2{pointer-events:none;mix-blend-mode:overlay;opacity:var(--ray-opacity);z-index:1;background:repeating-linear-gradient(-40deg,#ffffff14 0 35px,#0000 70px 110px);transition:opacity 1.5s ease-in-out;animation:20s ease-in-out infinite alternate svelte-nr4ts2-shimmer;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 75%);mask-image:radial-gradient(circle at 50% 0,#000 0%,#0000 75%)}@keyframes svelte-nr4ts2-shimmer{0%{transform:scale(1)rotate(0)}to{transform:scale(1.08)rotate(3deg)}}.glass-reflection.svelte-nr4ts2{pointer-events:none;z-index:15;background:linear-gradient(135deg,#ffffff26 0%,#ffffff0d 15%,#0000 30% 80%,#ffffff05 85%,#ffffff14 100%);position:absolute;inset:0}.water-surface-line.svelte-nr4ts2{pointer-events:none;z-index:10;background:#ffffff4d;height:2px;position:absolute;top:10px;left:0;right:0;box-shadow:0 0 10px #ffffff80}.sand-bottom.svelte-nr4ts2{z-index:4;pointer-events:none;background:linear-gradient(#e9c46a 0%,#dda15e 100%);border-radius:40% 40% 0 0/12px 12px 0 0;height:35px;position:absolute;bottom:0;left:-2%;right:-2%;box-shadow:inset 0 8px 16px #00000040,0 -4px 10px #0000001a}.sand-details.svelte-nr4ts2{opacity:.7;background-image:radial-gradient(#00000026 1px,#0000 1px),radial-gradient(#fff6 1px,#0000 1px);background-position:0 0,5px 5px;background-size:12px 12px,20px 20px;position:absolute;inset:0}.bubble.svelte-nr4ts2{pointer-events:none;z-index:5;background:radial-gradient(circle at 35% 35%,#fff9 0%,#ffffff1a 40%,#ffffff4d 100%);border:1px solid #ffffff73;border-radius:50%;position:absolute;box-shadow:inset 0 0 3px #fffc}.food-particle.svelte-nr4ts2{pointer-events:none;z-index:8;position:absolute;transform:translate(-50%,-50%)}.food-grain.svelte-nr4ts2{background:#a06a42;border:1px solid #704728;border-radius:50% 40% 50% 30%;width:6px;height:5px;box-shadow:0 1px 2px #0000004d}.decaying.svelte-nr4ts2{transition:opacity 5s linear}.decaying.svelte-nr4ts2 .food-grain:where(.svelte-nr4ts2){background:#5a4b3d;border-color:#3b3128}.fullscreen-btn.svelte-nr4ts2{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:25;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,transform .2s,border-color .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 12px #00000040}.fullscreen-btn.svelte-nr4ts2:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.08)}.fullscreen-btn.svelte-nr4ts2:active{transform:scale(.95)}.aquarium-viewport.svelte-nr4ts2:fullscreen{border:none!important;border-radius:0!important}.marine-snow-particle.svelte-nr4ts2{filter:blur(.5px);pointer-events:none;z-index:5;background:#ffffff73;border-radius:50%;position:absolute}.caustics-layer.svelte-nr4ts2{mix-blend-mode:overlay;pointer-events:none;z-index:3;opacity:var(--caustics-opacity);background-image:radial-gradient(circle at 30% 20%,#ffffff14 0%,#0000 60%),radial-gradient(circle at 70% 60%,#ffffff0f 0%,#0000 50%),repeating-linear-gradient(45deg,#ffffff0a 0 20px,#0000 40px 80px),repeating-linear-gradient(-45deg,#ffffff0a 0 15px,#0000 30px 60px);transition:opacity 1.5s ease-in-out;animation:18s ease-in-out infinite alternate svelte-nr4ts2-caustics-move;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#000c 50%,#0000001a 95%);mask-image:linear-gradient(#000 0%,#000c 50%,#0000001a 95%)}@keyframes svelte-nr4ts2-caustics-move{0%{transform:scale(1)translate(0)rotate(0)}50%{transform:scale(1.15)translate(-2%,2%)rotate(2deg)}to{transform:scale(1.05)translate(1%,-1%)rotate(-1deg)}}.style-realistic.svelte-nr4ts2 .sand-bottom:where(.svelte-nr4ts2){background:linear-gradient(#c2a679 0%,#a48453 100%)!important}.control-panel.svelte-smyju6{-webkit-backdrop-filter:blur(12px);color:#f8f9fa;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;height:100%;padding:24px;display:flex;overflow:hidden auto;box-shadow:0 8px 32px #0000004d}.header.svelte-smyju6{border-bottom:1px solid #ffffff26;padding-bottom:12px}h2.svelte-smyju6{letter-spacing:-.5px;background:linear-gradient(90deg,#ffe066,#ff7a00,#ff006e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:600}.subtitle.svelte-smyju6{color:#ffffff80;margin:4px 0 0;font-size:13px}h3.svelte-smyju6{color:#ffffffe6;border-bottom:1px dashed #ffffff14;margin:0 0 12px;padding-bottom:6px;font-size:16px;font-weight:500}.panel-section.svelte-smyju6{flex-direction:column;gap:12px;display:flex}.stat-row.svelte-smyju6{color:#ffffffd9;justify-content:space-between;align-items:center;font-size:14px;display:flex}.badge.svelte-smyju6{background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.progress-stat.svelte-smyju6{flex-direction:column;align-items:stretch;gap:6px}.stat-label.svelte-smyju6{justify-content:space-between;font-size:13px;display:flex}.progress-bar-bg.svelte-smyju6{background:#ffffff1a;border:1px solid #ffffff0d;border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-bar-fill.svelte-smyju6{border-radius:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .4s}.cleanliness-fill.healthy.svelte-smyju6{background:linear-gradient(90deg,#52b788,#74c69d);box-shadow:0 0 8px #52b78880}.cleanliness-fill.warning.svelte-smyju6{background:linear-gradient(90deg,#ffd166,#ffb703);box-shadow:0 0 8px #ffd16680}.cleanliness-fill.critical.svelte-smyju6{background:linear-gradient(90deg,#ff477e,#e63946);box-shadow:0 0 8px #ff477eb3}.hunger-fill.svelte-smyju6{box-shadow:0 0 8px #2a9d8f80}.hunger-label.svelte-smyju6{color:#ffffffa6;margin-top:2px;font-size:11px}.warning-text.svelte-smyju6{color:#ff477e;font-weight:600}.control-group.svelte-smyju6{flex-direction:column;gap:6px;display:flex}.control-label.svelte-smyju6{color:#fffc;justify-content:space-between;font-size:13px;display:flex}.val-text.svelte-smyju6{color:gold;font-weight:500}input[type=range].svelte-smyju6{appearance:none;background:#ffffff26;border-radius:3px;outline:none;width:100%;height:6px}input[type=range].svelte-smyju6::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f8f9fa;border:2px solid #52b788;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 2px 6px #0006}input[type=range].svelte-smyju6::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-controls.svelte-smyju6{gap:8px;margin-top:8px}.sound-toggle-btn.svelte-smyju6{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s}.sound-off.svelte-smyju6{background:#ffffff14;border:1px solid #ffffff26}.sound-on.svelte-smyju6{background:#52b78833;border:1px solid #52b78899;box-shadow:0 0 10px #52b7884d}.volume-slider.svelte-smyju6{align-items:center;padding:0 6px;display:flex}.fish-grid.svelte-smyju6{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.add-fish-btn.svelte-smyju6{cursor:pointer;color:#e9ecef;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px;transition:all .2s ease-in-out;display:flex}.add-fish-btn.svelte-smyju6:hover{border-color:var(--hover-color);box-shadow:0 0 10px var(--hover-color);background:#ffffff1f;transform:translateY(-2px)}.btn-emoji.svelte-smyju6{font-size:20px}.btn-label.svelte-smyju6{text-align:left;font-size:12px;font-weight:500}.hint.svelte-smyju6{color:#ffffff73;text-align:center;margin:4px 0 0;font-size:11px}.action-btn.svelte-smyju6{cursor:pointer;color:#fff;border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.clean-btn.svelte-smyju6{background:linear-gradient(135deg,#4ea8de,#0077b6);box-shadow:0 4px 12px #0077b64d}.clean-btn.svelte-smyju6:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0077b680}.delete-btn.svelte-smyju6{background:#e6394633;border:1px solid #e6394699}.delete-btn.svelte-smyju6:hover{background:#e6394666;box-shadow:0 0 10px #e639464d}.inspector.svelte-smyju6{opacity:.5;transition:opacity .3s}.inspector.active.svelte-smyju6{opacity:1}.empty-inspector.svelte-smyju6{text-align:center;color:#fff6;border:1px dashed #ffffff26;border-radius:10px;padding:24px;font-size:13px}.inspector-card.svelte-smyju6{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.inspector-header.svelte-smyju6{flex-direction:column;display:flex}.inspector-name.svelte-smyju6{color:gold;font-size:16px;font-weight:600}.inspector-species.svelte-smyju6{color:#ffffff8c;font-size:11px}.inspector-desc.svelte-smyju6{color:#ffffffb3;background:#00000026;border-radius:6px;margin:0;padding:8px;font-size:12px;line-height:1.4}.animate-hover.svelte-smyju6{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.animate-hover.svelte-smyju6:active{transform:scale(.95)}.animate-pulse.svelte-smyju6{animation:1.5s infinite svelte-smyju6-pulse}@keyframes svelte-smyju6-pulse{0%,to{opacity:1}50%{opacity:.5}}.style-toggle-group.svelte-smyju6{background:#0003;border:1px solid #ffffff14;border-radius:10px;gap:8px;padding:4px;display:flex}.style-btn.svelte-smyju6{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .25s}.style-btn.svelte-smyju6:hover{color:#ffffffe6;background:#ffffff0a}.style-btn.active.svelte-smyju6{color:#fff;background:#52b78840;border:1px solid #52b78880;box-shadow:0 2px 8px #52b78840}.style-btn.realistic-btn.active.svelte-smyju6{background:#00b4d840;border-color:#00b4d880;box-shadow:0 2px 8px #00b4d840}.app-layout.svelte-1n46o8q{box-sizing:border-box;z-index:1;grid-template-columns:1fr 380px;gap:24px;width:100vw;height:100vh;max-height:100vh;padding:24px;display:grid;position:relative}.aquarium-container.svelte-1n46o8q,.sidebar-container.svelte-1n46o8q{height:100%;min-height:0}@media (width<=1024px){.app-layout.svelte-1n46o8q{grid-template-rows:55vh 1fr;grid-template-columns:1fr;gap:16px;height:100vh;max-height:none;padding:16px;overflow-y:auto}.aquarium-container.svelte-1n46o8q{height:55vh}.sidebar-container.svelte-1n46o8q{height:auto;padding-bottom:24px}}@media (width<=600px){.app-layout.svelte-1n46o8q{grid-template-rows:45vh 1fr;gap:12px;padding:8px}.aquarium-container.svelte-1n46o8q{height:45vh}}