:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f7f5f0;background:#211b18}*{box-sizing:border-box}html,body{margin:0;min-width:280px;min-height:100%}html{touch-action:manipulation}body{min-height:100dvh}button{font:inherit}[hidden]{display:none!important}.room{position:relative;width:100%;min-height:100dvh;overflow:hidden;overflow:clip;isolation:isolate;background:#9b8270;--cabinet-surface: url(/assets/wood-walnut.webp);--cabinet-solid: #342016;--cabinet-side: #24150e;--cabinet-edge: #1d120c;--cabinet-handle: #c0aa88}.room[data-finish=black]{--cabinet-surface: linear-gradient(110deg, #252827, #161918 52%, #292c2b);--cabinet-solid: #1e2221;--cabinet-side: #111514;--cabinet-edge: #090c0c;--cabinet-handle: #858e8c}.room[data-finish=oak]{--cabinet-surface: url(/assets/wood-oak.webp);--cabinet-solid: #ba9060;--cabinet-side: #93704b;--cabinet-edge: #6f5338;--cabinet-handle: #71604d}.room__backgrounds{position:absolute;inset:-1.5%;z-index:-3}.room__background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity}.room__background.is-active{opacity:1}.room__background.is-under{opacity:1;transition:none}.room__glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 37% at 50% 69%,rgba(87,204,213,.035),transparent 75%)}.room[data-lighting=night] .room__glow{background:radial-gradient(ellipse 48% 40% at 50% 68%,rgba(49,213,225,.18),transparent 76%)}.display{position:absolute;top:52%;left:50%;z-index:1;width:min(68vw,118dvh,1400px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.aquarium{position:relative;z-index:2;width:100%;aspect-ratio:850 / 525;overflow:hidden;touch-action:pan-y}.aquarium__fallback,.aquarium canvas{position:absolute;display:block;width:100%}.aquarium__fallback{top:-20%;height:127.05%;object-fit:fill;display:none}.aquarium.is-failed .aquarium__fallback{display:block}.aquarium canvas{inset:0;height:100%;opacity:0;transition:opacity .5s ease}.aquarium.is-ready canvas{opacity:1}.aquarium.has-last canvas,.aquarium.has-last .aquarium__last{transition-duration:.22s}.aquarium__last{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:none;pointer-events:none;transition:opacity .5s ease}.aquarium.has-last .aquarium__last{display:block}.aquarium__swap{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;transition:opacity .7s cubic-bezier(.4,0,.2,1)}.aquarium__swap.is-leaving,.aquarium.is-ready .aquarium__last{opacity:0}.aquarium__loader{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none;opacity:0;animation:loader-in .4s ease .35s forwards;transition:opacity .45s ease,visibility 0s linear .45s}.aquarium.is-ready .aquarium__loader,.aquarium.is-failed .aquarium__loader{animation:none;opacity:0;visibility:hidden}@keyframes loader-in{to{opacity:1}}.aquarium__loader-card{position:relative;display:grid;justify-items:center;gap:10px;padding:14px 34px 18px;border:1px solid rgba(255,255,255,.16);border-radius:22px;color:#f2fbfb;background:linear-gradient(180deg,#0f5a67db,#04222ae6);box-shadow:0 18px 40px #04141847;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.aquarium.has-last .aquarium__loader{place-items:end center;padding-bottom:5%}.aquarium.has-last .aquarium__loader-card{grid-auto-flow:column;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px}.aquarium.has-last .aquarium__loader-fish img{width:30px;height:30px}.aquarium.has-last .aquarium__loader-bubbles{display:none}.aquarium.has-last .aquarium__loader-text{font-size:12px}.aquarium__loader-fish{display:block;animation:loader-swim 2.6s ease-in-out infinite}.aquarium__loader-fish img{display:block;width:88px;height:88px;animation:loader-wiggle .65s ease-in-out infinite alternate;transform-origin:62% 50%}@keyframes loader-swim{0%,to{transform:translate(-7px,3px)}50%{transform:translate(7px,-4px)}}@keyframes loader-wiggle{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}.aquarium__loader-bubbles{position:absolute;top:16px;right:22px;width:22px;height:46px}.aquarium__loader-bubbles i{position:absolute;bottom:0;width:7px;height:7px;border:1.5px solid var(--ui-accent, #8fe7e4);border-radius:50%;opacity:0;animation:loader-bubble 2.1s ease-in infinite}.aquarium__loader-bubbles i:nth-child(2){left:10px;width:5px;height:5px;animation-delay:.7s}.aquarium__loader-bubbles i:nth-child(3){left:4px;width:4px;height:4px;animation-delay:1.4s}@keyframes loader-bubble{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:.9}to{transform:translate(4px,-40px) scale(1.1);opacity:0}}.aquarium__loader-text{font-size:13.5px;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.35)}@media(prefers-reduced-motion:reduce){.aquarium__loader-fish,.aquarium__loader-fish img,.aquarium__loader-bubbles i{animation:none}.aquarium__loader-bubbles i{opacity:.7}}.aquarium__backglass{position:absolute;left:3.06%;top:5.9%;width:94.94%;height:63.6%;display:none;pointer-events:none;background:linear-gradient(180deg,#8cd6da29,#26767e42 70%,#0e404657);backdrop-filter:blur(2.4px) saturate(.8) brightness(.9);-webkit-backdrop-filter:blur(2.4px) saturate(.8) brightness(.9)}.aquarium__backglass:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#848642,#565826);opacity:var(--murk, 0);transition:opacity 2s ease}.aquarium.is-ready .aquarium__backglass,.aquarium.has-last .aquarium__backglass{display:block}.room[data-preset=dutch-garden] .aquarium__backglass{display:none}.room[data-preset=amazon-biotope] .aquarium__backglass{background:linear-gradient(180deg,#96682c4d,#68401675 70%,#3c240c8c)}.room[data-preset=jungle] .aquarium__backglass{background:linear-gradient(180deg,#5a966433,#1e5a3c57 70%,#0c32226b)}.cabinet{position:relative;z-index:1;width:102%;aspect-ratio:850 / 144;margin-top:-.3%;perspective:900px;filter:drop-shadow(0 8px 6px rgba(17,15,12,.28))}.cabinet__top{position:absolute;top:0;left:-.6%;width:101.2%;height:13%;border-radius:2px;background:linear-gradient(180deg,#151819,#3b4542 26%,#111514 70%,#07090a);box-shadow:0 -2px 4px #7ce2e966,0 3px 2px #0007}.cabinet__front{position:absolute;top:12%;left:1.8%;width:96.4%;height:74%;display:flex;border:3px solid var(--cabinet-edge);background:var(--cabinet-solid);box-shadow:inset 0 8px 12px #0005,inset 0 -10px 14px #0004,0 3px 5px #0008;transition:background-color .45s ease,border-color .45s ease}.cabinet__door{position:relative;flex:1;background-image:var(--cabinet-surface);background-size:cover;background-position:center;border-right:2px solid var(--cabinet-edge);box-shadow:inset 4px 0 6px #fff1,inset -6px 0 9px #0003}.cabinet__door:last-child{border-right:0}.cabinet__door i{position:absolute;top:12%;right:5%;width:2px;height:27%;border-radius:2px;background:var(--cabinet-handle);box-shadow:1px 1px 2px #0008}.cabinet__left,.cabinet__right{position:absolute;top:12%;width:2.4%;height:74%;background:var(--cabinet-side);transition:background-color .45s ease}.cabinet__left{left:0;clip-path:polygon(100% 0,100% 100%,0 92%,0 7%)}.cabinet__right{right:0;clip-path:polygon(0 0,100% 7%,100% 92%,0 100%)}.cabinet__base{position:absolute;left:2.5%;right:2.5%;bottom:0;height:15%;background:linear-gradient(180deg,var(--cabinet-edge),#080a0a 85%);box-shadow:inset 0 3px 5px #0008}.fixtures{position:absolute;z-index:3;top:0;left:0;width:100%;aspect-ratio:850 / 525;pointer-events:none;--light-rgb: 255, 252, 240}.fixture{position:absolute;z-index:2;inset:0;display:none}.room[data-fixture=bar] .fixture--bar,.room[data-fixture=puck] .fixture--puck,.room[data-fixture=flat] .fixture--flat,.room[data-fixture=gooseneck] .fixture--gooseneck{display:block}.fixture b,.fixture i{position:absolute;display:block}.fixture b{background:linear-gradient(90deg,#070808,#2a2e30 45%,#0c0d0e)}.fixture__clamp{top:3.4%;width:2.2%;height:5.4%;border-radius:2px;box-shadow:0 2px 4px #0006}.fixture__head:after{content:"";position:absolute;top:92%;left:50%;width:300%;height:520%;transform:translate(-50%);background:radial-gradient(ellipse 45% 60% at 50% 0%,rgba(var(--light-rgb),.42),transparent 72%);opacity:var(--light-level, 1);transition:opacity .5s ease}.room[data-tank-light=off] .fixture__head:after{opacity:0}.fixture--bar .fixture__head{left:13.8%;top:-1.2%;width:73.6%;height:2.5%;border-radius:3px;background:linear-gradient(90deg,#22272a 0 2.2%,transparent 2.2% 97.8%,#22272a 97.8%),linear-gradient(180deg,#dfe4e6,#a3abae 45%,#5e6669);box-shadow:0 3px 8px #00000059,inset 0 -2px rgba(var(--light-rgb),1),inset 0 -5px 6px rgba(var(--light-rgb),.45)}.fixture--bar .fixture__head:after{top:100%;width:104%;height:300%;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(var(--light-rgb),.34),transparent 75%)}.room[data-tank-light=off] .fixture--bar .fixture__head{box-shadow:0 3px 8px #00000059}.fixture--bar .fixture__leg{top:1.1%;width:1.6%;height:4.8%;background:none;border-bottom:2px solid #9ea6a9}.fixture--bar .fixture__leg--l{left:14.3%;border-left:2px solid #9ea6a9;border-bottom-left-radius:3px}.fixture--bar .fixture__leg--r{left:84.6%;border-right:2px solid #9ea6a9;border-bottom-right-radius:3px}.hob{position:absolute;z-index:1;display:none;left:20.7%;top:-.2%;width:11.8%;height:8.4%;border-radius:5px 5px 2px 2px;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(0,0,0,.55) 9% 12%) 50% 70% / 78% 32% no-repeat,linear-gradient(90deg,#111415,#2d3336 45%,#161a1b);box-shadow:0 6px 12px #00000059}.room[data-hob=on] .hob{display:block}.hob__lid{position:absolute;inset:0 -2% auto;height:24%;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#3d4447,#1f2426);box-shadow:inset 0 1px #ffffff2e,0 2px 3px #0006}.hob__lip{position:absolute;left:22%;bottom:-11%;width:56%;height:13%;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#2a3033,#121516);box-shadow:inset 0 -2px #c8f0ff73}.room[data-lighting=night] .hob{filter:brightness(.7)}.fixture--puck .fixture__clamp{left:87%}.fixture--puck .fixture__post{left:87.7%;top:-21%;width:.75%;height:27%}.fixture--puck .fixture__arm{left:50%;top:-21%;width:38.4%;height:1%;background:linear-gradient(180deg,#2c3032,#0a0b0b)}.fixture--puck .fixture__drop{left:49.7%;top:-21%;width:.6%;height:5%}.fixture--puck .fixture__head{left:50%;top:-16.5%;width:11%;height:7%;border-radius:5px 5px 8px 8px;transform:translate(-50%);background:repeating-linear-gradient(90deg,transparent 0 12%,rgba(0,0,0,.75) 12% 15%,transparent 15% 22%),linear-gradient(90deg,#08090a,#2f3436 40%,#121415 75%,#050606);box-shadow:0 8px 16px #0006,inset 0 -3px rgba(var(--light-rgb),.95)}.room[data-tank-light=off] .fixture--puck .fixture__head{box-shadow:0 8px 16px #0006,inset 0 -3px #222}.fixture--flat .fixture__clamp{left:63%}.fixture--flat .fixture__post{left:63.8%;top:-13%;width:.9%;height:18%}.fixture--flat .fixture__head{left:50%;top:-16.5%;width:40%;height:3.6%;transform:translate(-50%) perspective(400px) rotateX(18deg);border-radius:3px;background:linear-gradient(180deg,#34393b,#141617 55%,#0a0b0b);box-shadow:0 6px 14px #0006,inset 0 -2px rgba(var(--light-rgb),.95)}.fixture--flat .fixture__head:after{width:130%;height:900%;background:radial-gradient(ellipse 50% 60% at 50% 0%,rgba(var(--light-rgb),.34),transparent 72%)}.room[data-tank-light=off] .fixture--flat .fixture__head{box-shadow:0 6px 14px #0006}.fixture--gooseneck .fixture__clamp{left:4.4%;width:2.6%}.fixture--gooseneck .fixture__neck{left:5.2%;top:-21%;width:15%;height:27%;background:none;border-top:clamp(3px,.5vw,6px) solid #141617;border-left:clamp(3px,.5vw,6px) solid #141617;border-top-left-radius:100%}.fixture--gooseneck .fixture__head{left:18.4%;top:-21.5%;width:4.6%;height:7.5%;border-radius:4px 4px 6px 6px;transform:rotate(-32deg);transform-origin:50% 0;background:linear-gradient(90deg,#060707,#2d3133 45%,#0d0f10);box-shadow:0 6px 12px #0006,inset 0 -3px rgba(var(--light-rgb),1)}.fixture--gooseneck .fixture__head:after{width:900%;height:900%;background:radial-gradient(ellipse 30% 55% at 50% 0%,rgba(var(--light-rgb),.45),transparent 72%)}.room[data-tank-light=off] .fixture--gooseneck .fixture__head{box-shadow:0 6px 12px #0006}.room[data-lighting=night] .fixture b{filter:brightness(.7)}.display{transition:width .45s ease,top .45s ease,left .45s ease}.room[data-fixture=puck] .display,.room[data-fixture=flat] .display,.room[data-fixture=gooseneck] .display{top:57%;width:min(64vw,98dvh,1300px)}.color-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-chip{display:grid;justify-items:center;gap:6px;padding:8px 4px;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-text);background:#ffffff0a;cursor:pointer;font-size:11px;line-height:1.2;text-align:center}.color-chip__dot{width:26px;height:26px;border-radius:50%;box-shadow:0 0 0 2px #ffffff40,0 0 14px var(--glow, transparent)}.color-chip[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent) inset}.chiller{position:absolute;z-index:1;right:-15%;bottom:-2%;width:11%;aspect-ratio:.72;pointer-events:none}.chiller__body{position:absolute;inset:0;border-radius:6%/4.5%;background:linear-gradient(90deg,#d9dddd,#f3f5f4 30%,#e4e8e7 70%,#b9bfbf);box-shadow:inset 0 -6px 10px #0002,0 10px 16px #0a0e0e59}.chiller__grille{position:absolute;left:12%;right:12%;bottom:9%;height:34%;border-radius:4px;background:repeating-linear-gradient(180deg,#4a5253 0 2px,#8b9393 2px 5px);opacity:.8}.chiller__panel{position:absolute;top:12%;left:14%;right:14%;display:flex;align-items:center;justify-content:center;gap:3px;padding:5% 4%;border-radius:4px;background:#101516;box-shadow:inset 0 1px 4px #000;font-variant-numeric:tabular-nums}.chiller__display{color:#7ff0ff;font:700 clamp(9px,1vw,15px) / 1 ui-monospace,Menlo,monospace;text-shadow:0 0 6px #4ae2ff;letter-spacing:.04em}.chiller__unit{color:#4fb5c4;font:600 clamp(6px,.6vw,9px) / 1 ui-monospace,monospace}.chiller__led{width:5px;height:5px;border-radius:50%;background:#2c3a3c}.chiller.is-cooling .chiller__led{background:#4cf5ff;box-shadow:0 0 6px #4cf5ff;animation:chiller-blink 1.6s ease-in-out infinite}@keyframes chiller-blink{50%{opacity:.35}}.chiller__brand{position:absolute;top:42%;left:0;right:0;color:#7c8686;font:700 clamp(5px,.5vw,8px) / 1 ui-sans-serif,sans-serif;letter-spacing:.18em;text-align:center}.chiller__hose{position:absolute;left:-38%;bottom:55%;width:60%;height:520%;border:clamp(3px,.35vw,6px) solid #111415;border-right:0;border-bottom:0;border-radius:60% 0 0}.room[data-lighting=night] .chiller__body{filter:brightness(.55)}.status-chip__item--warn{color:var(--ui-warn)}.status-chip__item--warn [data-icon]{color:var(--ui-warn)!important}.status-chip__item--bad{color:#ff9d8c;animation:chip-pulse 1.6s ease-in-out infinite}.status-chip__item--bad [data-icon]{color:#ff9d8c!important}.status-chip__streak [data-icon]{color:#ffb86b!important}@keyframes chip-pulse{50%{opacity:.55}}.status-chip__item--hot{color:var(--ui-warn)}.status-chip__item--hot [data-icon]{color:var(--ui-warn)!important}.cabinet__shadow{position:absolute;z-index:-1;left:-4%;bottom:-18%;width:108%;height:36%;border-radius:50%;background:radial-gradient(ellipse,#141c1ca6 0%,#141c1c55 45%,transparent 73%);filter:blur(9px)}:root{--ui-surface: rgba(20, 38, 42, .34);--ui-surface-strong: rgba(14, 28, 32, .6);--ui-sheen: linear-gradient(135deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .03) 42%, rgba(255, 255, 255, .07));--ui-border: rgba(255, 255, 255, .22);--ui-border-strong: rgba(255, 255, 255, .38);--ui-text: #eef7f6;--ui-muted: #a9c3c1;--ui-accent: #8fe7e4;--ui-accent-ink: #062327;--ui-warn: #f2b36b;--ui-radius: 14px;--ui-radius-sm: 10px;--ui-shadow: 0 12px 40px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 rgba(255, 255, 255, .06);--ui-blur: blur(22px) saturate(1.7) brightness(1.04);--ui-text-shadow: 0 1px 2px rgba(0, 0, 0, .35);--ui-gap: clamp(10px, 1.6vw, 18px);--edge-top: calc(var(--ui-gap) + env(safe-area-inset-top, 0px));--edge-right: calc(var(--ui-gap) + env(safe-area-inset-right, 0px));--edge-bottom: calc(var(--ui-gap) + env(safe-area-inset-bottom, 0px));--edge-left: calc(var(--ui-gap) + env(safe-area-inset-left, 0px))}.icon{display:block;flex:none}[data-icon]{display:inline-flex}.glass{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur)}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;transition:opacity .5s ease}.hud>*{pointer-events:auto}.room.ui-hidden .hud{opacity:0;visibility:hidden}.room.ui-idle .hud:not(:hover):not(:focus-within) .hud-top,.room.ui-idle .hud:not(:hover):not(:focus-within) .dock{opacity:0}.hud-top,.dock{transition:opacity .7s ease}.hud-top{position:absolute;top:var(--edge-top);left:var(--edge-left);right:var(--edge-right);display:flex;align-items:center;gap:10px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-top{align-items:flex-start}.hud-left{display:grid;gap:6px;justify-items:start}.hud-right{display:flex;flex-wrap:wrap-reverse;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto}.hud-right .time-switch{margin-left:0}.audio-quick{display:inline-flex;align-items:center;gap:2px;height:38px;padding:3px 8px 3px 3px;border:1px solid var(--ui-border);border-radius:999px;color:var(--ui-text);background:var(--ui-sheen),var(--ui-surface);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur);text-shadow:var(--ui-text-shadow)}.audio-quick button{display:inline-flex;align-items:center;justify-content:center;border:0;color:inherit;background:transparent;cursor:pointer}.audio-quick__play{width:32px;height:32px;border-radius:50%;background:#ffffff24!important}.audio-quick__play[aria-pressed=true]{color:var(--ui-accent-ink);background:linear-gradient(180deg,#b6f4f1,var(--ui-accent))!important;text-shadow:none}.audio-quick__step{width:26px;height:30px;border-radius:8px;color:var(--ui-muted)!important}.audio-quick__step:hover{color:var(--ui-text)!important;background:#ffffff1a}.audio-quick__track select{max-width:132px;height:30px;padding:0 4px;border:0;color:var(--ui-text);background:transparent;font:inherit;font-size:12.5px;font-weight:600;text-overflow:ellipsis;cursor:pointer;appearance:none;-webkit-appearance:none}.audio-quick__track select option{color:#10272a}.audio-quick__volume{display:inline-flex;align-items:center;gap:4px;margin-left:0;color:var(--ui-muted)}.audio-quick__volume input{width:64px;accent-color:var(--ui-accent);cursor:pointer}.audio-quick__ambient{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-left:2px;border-radius:8px;color:var(--ui-muted);cursor:pointer}.audio-quick__ambient input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.audio-quick__ambient:has(input:checked){color:var(--ui-accent);background:#8fe7e424}.audio-quick__divider{width:1px;height:20px;margin:0 4px;background:var(--ui-border)}.audio-quick__mute{width:30px;height:30px;border-radius:8px;color:var(--ui-text)!important}.audio-quick__mute:hover{background:#ffffff1a!important}.audio-quick__mute[aria-pressed=true]{color:var(--ui-warn)!important;background:#f2b36b29!important}.audio-quick.is-muted .audio-quick__track select,.audio-quick.is-muted .audio-quick__volume{opacity:.45}.audio-quick__collapse{width:26px;height:30px;margin-left:2px;border-radius:8px;color:var(--ui-muted)!important}.audio-quick__collapse:hover{color:var(--ui-text)!important;background:#ffffff1a}.audio-quick :is(.audio-quick__step,.audio-quick__volume,.audio-quick__ambient,.audio-quick__divider){max-width:80px;overflow:hidden;transition:max-width .28s ease,width .28s ease,margin .28s ease,opacity .2s ease,visibility 0s}.audio-quick.is-collapsed :is(.audio-quick__step,.audio-quick__volume,.audio-quick__ambient,.audio-quick__divider){width:0;max-width:0;margin:0;opacity:0;visibility:hidden;transition:max-width .28s ease,width .28s ease,margin .28s ease,opacity .2s ease,visibility 0s .28s}.audio-quick__track select{transition:max-width .28s ease}.audio-quick.is-collapsed .audio-quick__track select{max-width:118px}.audio-quick__track select optgroup{color:#10272a;font-weight:700}.audio-quick :is(button,select,input):focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}.room.ui-idle .hud:not(:hover):not(:focus-within) .audio-quick{opacity:0}.audio-quick{transition:opacity .7s ease}.panel__value{float:right;color:var(--ui-text);font-weight:600;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.range{width:100%;accent-color:var(--ui-accent);cursor:pointer}.panel__note{margin:4px 0 0;color:var(--ui-muted);font-size:12px}#fun-popover{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:min(920px,calc(100vw - 24px));max-width:none;padding:8px 12px 8px 8px;background:var(--ui-sheen),#0e1c20eb}#fun-popover .popover__title{display:none}.fun-list{display:flex;gap:6px;overflow-x:auto;padding:2px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 44px),transparent calc(100% - 6px));mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 44px),transparent calc(100% - 6px))}.fun-list::-webkit-scrollbar{display:none}.fun-list .option-card{flex:0 0 auto;padding:7px 12px;font-size:12.5px;white-space:nowrap}.fun-list .option-card:first-child{margin-left:8px}.fun-list .option-card:last-child{margin-right:44px}.fun-list .option-card:disabled{opacity:.45;cursor:default}.fun-list .option-card small:empty{display:none}#fun-popover .switch{min-height:36px;gap:8px;padding-left:14px;border-left:1px solid var(--ui-border);white-space:nowrap}#fun-popover .switch input{left:14px}#fun-popover .switch small{display:none}@media(max-width:700px){#fun-popover{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px}#fun-popover .switch{padding-left:8px;border-left:0}#fun-popover .switch input{left:8px}}.icon-button,.dock,.popover,.info-card,.drawer,.show-ui,.mode-hint{border:1px solid var(--ui-border);background:var(--ui-sheen),var(--ui-surface);text-shadow:var(--ui-text-shadow);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur);color:var(--ui-text)}.status-chip{display:inline-flex;align-items:center;gap:16px;height:40px;padding:0 4px;color:#fff;font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.3)}.status-chip__item{display:inline-flex;align-items:center;gap:6px;color:inherit}.status-chip__item [data-icon]{color:#ffffffd9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.status-chip .meter{box-shadow:0 1px 3px #00000059;background:#ffffff47}.meter{position:relative;display:inline-block;width:46px;height:6px;border-radius:99px;background:#ffffff24;overflow:hidden}.meter>span{position:absolute;inset:0 auto 0 0;width:50%;border-radius:inherit;background:var(--ui-accent);transition:width .6s ease,background-color .6s ease}.meter--hungry>span{background:var(--ui-warn)}.meter--bad>span{background:#ff8a75}.care{min-width:min(330px,calc(100vw - 32px))}.care__rows{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 10px;font-size:13px}.care__rows .meter{width:100%;height:7px}.care__rows b{min-width:56px;font-weight:600;text-align:right}.care .popover__actions .text-button{padding-inline:8px;white-space:nowrap}.journal__card{width:min(460px,100%);overflow-y:auto}.journal__list{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.45}.journal__list li{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 11px;border-radius:12px;background:#ffffff12}.journal__list li:before{content:"";width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ui-accent)}.journal__list li[data-tone=bad]:before{background:#ff8a75}.journal__list li[data-tone=warn]:before{background:var(--ui-warn)}.journal__list small{display:block;color:var(--ui-muted);font-size:12px}.journal__empty{color:var(--ui-muted)}@media(prefers-reduced-motion:reduce){.status-chip__item--bad{animation:none}}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:40px;height:40px;margin-left:auto;padding:0 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .16s ease,border-color .16s ease}.time-switch{display:inline-flex;gap:2px;height:40px;margin-left:auto;padding:3px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-sheen),var(--ui-surface);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur)}.time-switch button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;border:0;border-radius:999px;color:var(--ui-muted);background:transparent;cursor:pointer;padding:0;overflow:hidden;transition:background-color .16s ease,color .16s ease,width .26s ease,margin .26s ease,opacity .2s ease,visibility 0s}.time-switch button:hover{color:var(--ui-text);background:#ffffff1a}.time-switch button[aria-pressed=true]{color:var(--ui-accent-ink);background:var(--ui-accent)}.time-switch.is-collapsed button[aria-pressed=false]{width:0;margin-right:-2px;opacity:0;visibility:hidden;transition:background-color .16s ease,color .16s ease,width .26s ease,margin .26s ease,opacity .2s ease,visibility 0s .26s}.time-switch.is-collapsed button[aria-pressed=true]{color:var(--ui-text);background:transparent}.time-switch+.icon-button{margin-left:0}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.room-card{position:relative;display:flex;align-items:flex-end;aspect-ratio:16 / 10;padding:8px;border:1px solid var(--ui-border);border-radius:12px;color:#fff;background:#222 center / cover no-repeat;cursor:pointer;font-size:12.5px;font-weight:600;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.8);overflow:hidden}.room-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55))}.room-card span{position:relative}.room-card[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent) inset}.icon-button:hover{border-color:var(--ui-border-strong);background:var(--ui-sheen),#1e343a80}.icon-button--ghost{margin:0;padding:0;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.icon-button--ghost:hover{background:#ffffff1a;border-color:transparent}:is(button,select,input,[role=tab]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.mode-hint{position:absolute;top:calc(var(--edge-top) + 52px);left:50%;transform:translate(-50%);max-width:calc(100vw - 32px);padding:8px 14px;border-radius:999px;font-size:13px;text-align:center}.dock{position:absolute;bottom:var(--edge-bottom);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:20px}.dock__group{display:flex;gap:4px}.dock__divider{width:1px;height:30px;margin:0 4px;background:var(--ui-border)}.dock__button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;height:54px;padding:6px 10px;border:0;border-radius:14px;color:var(--ui-text);background:transparent;cursor:pointer;font-size:11.5px;font-weight:600;transition:background-color .16s ease,color .16s ease,transform .12s ease,min-width .26s ease,height .26s ease,padding .26s ease,gap .26s ease}.dock__button:hover{background:#ffffff1a}.dock__button:active{transform:scale(.96)}.dock__button[aria-pressed=true]{color:var(--ui-accent-ink);background:linear-gradient(180deg,#b6f4f1,var(--ui-accent));box-shadow:inset 0 1px #fff9,0 4px 14px #8fe7e459;text-shadow:none}.dock__collapse{display:grid;place-items:center;width:22px;height:40px;padding:0;border:0;border-radius:10px;color:var(--ui-muted);background:transparent;cursor:pointer}.dock__collapse:hover{color:var(--ui-text);background:#ffffff1a}.dock__collapse svg{width:16px;height:16px}.dock__label{max-width:96px;max-height:16px;overflow:hidden;white-space:nowrap;transition:max-width .26s ease,max-height .26s ease,opacity .18s ease}.dock__divider{transition:height .26s ease,margin .26s ease}.dock.is-collapsed .dock__label{max-width:0;max-height:0;opacity:0}.dock.is-collapsed .dock__button{min-width:44px;height:44px;padding:0;gap:0}.dock.is-collapsed .dock__divider{height:24px;margin:0 2px}#action-light[aria-pressed=false]{color:var(--ui-muted)}#action-light[aria-pressed=true]{color:var(--ui-text);background:#8fe7e429}.popover{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:grid;gap:10px;width:max-content;max-width:min(420px,calc(100vw - 32px));padding:12px;border-radius:var(--ui-radius);background:var(--ui-sheen),var(--ui-surface-strong)}.popover__title{color:var(--ui-muted);font-size:12.5px}@media(min-width:1100px){#arrange-popover{left:auto;right:calc(100% + 12px);bottom:0;transform:none;width:360px;--slide: 14px 0}}.segmented{display:flex;gap:4px;padding:3px;border-radius:12px;background:#ffffff14;box-shadow:inset 0 1px 2px #0000002e}.segmented button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 12px;border:0;border-radius:9px;color:var(--ui-text);background:transparent;cursor:pointer;font-size:13px;white-space:nowrap}.segmented button:hover{background:#ffffff14}.segmented button[aria-pressed=true]{color:var(--ui-accent-ink);background:var(--ui-accent);font-weight:600}.food-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #ffffff40}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:6px 14px;border:1px solid var(--ui-border);border-radius:11px;color:var(--ui-text);background:#ffffff0f;cursor:pointer;font-size:13px;font-weight:600}.text-button:hover{background:#ffffff1f}.text-button:disabled{opacity:.4;cursor:default}.text-button--danger:not(:disabled){color:#ffb4a8;border-color:#ff8c7859}.popover__actions{display:flex;gap:6px;flex-wrap:wrap}.popover__actions .text-button{flex:1}.tray-tabs{overflow-x:auto;scrollbar-width:none}.tray-tabs button{flex:none;padding:6px 10px;font-size:12.5px}.tray{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;max-height:188px;overflow-y:auto;overscroll-behavior:contain}.tray__item{display:grid;grid-template-rows:54px auto;align-items:center;justify-items:center;gap:4px;padding:6px 4px;border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-text);background:radial-gradient(ellipse at 50% 70%,#3c828259,#ffffff08);cursor:pointer;font-size:11px;line-height:1.2;text-align:center}.tray__item:hover{border-color:var(--ui-accent)}.tray__item img{max-width:100%;max-height:54px;object-fit:contain}.info-card{position:absolute;left:var(--edge-left);bottom:var(--edge-bottom);width:min(300px,calc(100vw - 32px));padding:14px 16px 16px;border-radius:var(--ui-radius)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.info-card__close{position:absolute;top:8px;right:8px;width:34px;min-width:34px;height:34px}.info-card__kind{color:var(--ui-accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.info-card__title{margin:4px 36px 0 0;font-size:18px;line-height:1.25}.info-card__scientific{margin-top:2px;color:var(--ui-muted);font-size:13px;font-style:italic}.info-card__rows{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 0;font-size:13px}.info-card__rows dt{color:var(--ui-muted)}.info-card__rows dd{margin:0;display:flex;align-items:center;gap:8px}.info-card__rows .meter{width:70px}.info-card__note{margin:10px 0 0;color:var(--ui-muted);font-size:12.5px;line-height:1.45}.info-card__note:empty{display:none}.photo-flash{position:absolute;inset:0;z-index:9;background:#fff;opacity:0;pointer-events:none}.photo-flash.is-on{animation:photo-flash .42s ease-out}@keyframes photo-flash{0%{opacity:.85}to{opacity:0}}.photo-dialog{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#040c0e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.photo-dialog__card{display:grid;gap:12px;width:min(760px,100%);max-height:calc(100dvh - 32px);padding:14px;border:1px solid var(--ui-border);border-radius:18px;color:var(--ui-text);background:var(--ui-sheen),var(--ui-surface-strong);box-shadow:var(--ui-shadow);backdrop-filter:var(--ui-blur);-webkit-backdrop-filter:var(--ui-blur);animation:card-in .22s ease}.photo-dialog__header{display:flex;align-items:center;justify-content:space-between}.photo-dialog__header h2{margin:0 0 0 4px;font-size:16px}.photo-dialog__image{width:100%;max-height:62dvh;object-fit:contain;border-radius:10px;background:#0b1c1f}.photo-dialog__actions{display:flex;gap:8px;flex-wrap:wrap}.photo-dialog__actions .text-button{flex:1;min-width:110px}.text-button--primary{color:var(--ui-accent-ink);background:linear-gradient(180deg,#b6f4f1,var(--ui-accent));border-color:transparent;text-shadow:none}.text-button--primary:hover{background:linear-gradient(180deg,#c9f8f5,#a3eeeb)}.photo-dialog__note{margin:0;min-height:1em;color:var(--ui-muted);font-size:12.5px;text-align:center}.show-ui{position:absolute;z-index:6;right:var(--edge-right);bottom:var(--edge-bottom);display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;cursor:pointer;font-size:13px;opacity:.5;transition:opacity .2s ease}.show-ui:hover,.show-ui:focus-visible{opacity:1}.drawer{position:absolute;z-index:7;top:var(--edge-top);right:var(--edge-right);bottom:var(--edge-bottom);display:flex;flex-direction:column;width:min(360px,calc(100vw - 32px));border-radius:18px;background:var(--ui-sheen),var(--ui-surface-strong)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 6px 18px}.drawer__header h2{margin:0;font-size:16px}.drawer__count{margin-left:6px;color:var(--ui-muted);font-size:13px;font-weight:500}.tabs{display:flex;gap:2px;margin:4px 18px 0;padding:3px;border-radius:12px;background:#ffffff14;box-shadow:inset 0 1px 2px #0003;overflow-x:auto;scrollbar-width:none}.tabs [role=tab]{flex:1;min-height:34px;padding:4px 6px;border:0;border-radius:9px;color:var(--ui-muted);background:transparent;cursor:pointer;font-size:12.5px;font-weight:600;white-space:nowrap}.tabs [role=tab][aria-selected=true]{color:var(--ui-text);background:linear-gradient(180deg,#ffffff42,#ffffff1a);box-shadow:inset 0 1px #fff6,0 2px 8px #0000002e}.drawer__header,.tabs{flex:none}.drawer__body{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 20px;overscroll-behavior:contain}.panel{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start}.panel__heading{margin:10px 0 0;color:var(--ui-muted);font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.panel__heading:first-child{margin-top:0}.panel__summary{display:flex;justify-content:space-between;color:var(--ui-muted);font-size:13px}.panel__summary strong{color:var(--ui-text)}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-card{position:relative;display:block;aspect-ratio:16 / 10;padding:0;border:1px solid var(--ui-border);border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--tint),#0b1c1f);cursor:pointer;text-align:left}.preset-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preset-card:hover .preset-card__image{transform:scale(1.04)}.preset-card__label{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 6px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));font-size:12.5px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}.preset-card:hover{border-color:var(--ui-border-strong)}.preset-card[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent) inset,0 0 14px #8fe7e459}.stepper-list{display:grid;gap:2px}.life-empty{display:grid;gap:12px;justify-items:center;margin:0;padding:22px 8px;color:var(--ui-muted);font-size:13.5px;text-align:center}.life-empty p{margin:0}.life-cap{flex:none;margin:8px 18px 0;color:var(--ui-muted);font-size:12px;line-height:1.4}.life-cap.is-full{color:var(--ui-accent)}.search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-muted);background:#ffffff12}.search:focus-within{border-color:var(--ui-accent);color:var(--ui-text)}.search input{flex:1;min-width:0;height:100%;border:0;outline:0;color:var(--ui-text);background:transparent;font:inherit;font-size:14px}.search input::placeholder{color:var(--ui-muted)}.search input::-webkit-search-cancel-button{filter:invert(1) opacity(.6);cursor:pointer}.filters{display:grid;border:1px solid var(--ui-border);border-radius:12px;background:#ffffff0a}.filters__toggle{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 10px;border:0;border-radius:12px;color:var(--ui-text);background:transparent;cursor:pointer;font:inherit;text-align:left}.filters__toggle:hover{background:#ffffff0f}.filters__title{color:var(--ui-muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.filters__summary{flex:1;min-width:0;overflow:hidden;color:var(--ui-accent);font-size:12.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.filters__chevron{display:grid;color:var(--ui-muted);transform:rotate(90deg);transition:transform .2s ease}.filters.is-collapsed .filters__chevron{transform:rotate(0)}.filters.is-collapsed .filter{display:none}.filter{display:grid;gap:7px;padding:10px 10px 11px;border-top:1px solid var(--ui-border)}.filter__label{color:var(--ui-muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{flex:none;height:30px;padding:0 11px;border:1px solid var(--ui-border);border-radius:99px;color:var(--ui-muted);background:transparent;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.chip:hover{color:var(--ui-text);background:#ffffff14}.chip[aria-pressed=true]{color:var(--ui-accent-ink);background:var(--ui-accent);border-color:transparent;text-shadow:none}.farm-list{display:grid;gap:2px}.farm-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.farm-card__text{display:grid;gap:2px;min-width:0;font-size:13.5px}.farm-card__name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600}.farm-card__count{padding:1px 7px;border-radius:99px;color:var(--ui-accent);background:#8fe7e424;font-size:11px;font-weight:600}.farm-card__text i{color:var(--ui-muted);font-size:12px}.farm-card__text small{color:var(--ui-muted);font-size:11.5px;line-height:1.35}.farm-card__add{gap:4px;min-height:36px;padding:0 12px 0 9px;white-space:nowrap}.stepper-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.07)}.stepper-row__thumb{width:64px;height:40px;padding:4px 6px;border:1px solid rgba(255,255,255,.12);border-radius:9px;object-fit:contain;background:radial-gradient(ellipse at 50% 60%,#46969680,#0e3238a6);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.stepper-row__name{display:grid;gap:4px;font-size:13.5px}.stepper-row__name small{display:flex;align-items:center;gap:6px;color:var(--ui-muted);font-size:11.5px}.stepper-row__name .meter{width:40px;height:4px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--ui-border);border-radius:11px;overflow:hidden}.stepper button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;color:var(--ui-text);background:transparent;cursor:pointer}.stepper button:hover:not(:disabled){background:#ffffff1a}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{min-width:30px;font-variant-numeric:tabular-nums;text-align:center;font-size:14px;font-weight:600}.toggle-list,.option-list{display:grid;gap:6px}.switch{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;font-size:13.5px;cursor:pointer}.switch input{position:absolute;top:0;left:0;width:40px;height:100%;margin:0;opacity:0;pointer-events:none}.switch__track{position:relative;flex:none;width:40px;height:24px;border-radius:99px;background:#ffffff2e;transition:background-color .16s ease}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s ease}.switch input:checked~.switch__track{background:var(--ui-accent)}.switch input:checked~.switch__track:after{transform:translate(16px)}.switch input:focus-visible~.switch__track{outline:2px solid var(--ui-accent);outline-offset:2px}.switch__text{display:grid;gap:2px}.switch__text small{color:var(--ui-muted);font-size:11.5px}.option-card{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-text);background:#ffffff0a;cursor:pointer;text-align:left;font-size:13.5px;font-weight:600}.option-card small{color:var(--ui-muted);font-size:11.5px;font-weight:400}.item-thumb{flex:none;width:72px;height:54px;border-radius:9px;object-fit:cover;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a}.option-card--item{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px}.option-card__text{display:grid;gap:2px}.switch--item{gap:10px;padding:4px 0}.switch--item .switch__text{flex:1}.switch--item .item-thumb{width:60px;height:45px}.finish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finish-card{display:grid;gap:6px;padding:6px 6px 8px;border:1px solid var(--ui-border);border-radius:12px;color:var(--ui-text);background:#ffffff0a;cursor:pointer;font-size:12.5px;font-weight:600}.finish-card__image{width:100%;aspect-ratio:4 / 3;border-radius:8px;object-fit:cover;background:#ffffff14}.finish-card:hover{border-color:var(--ui-border-strong)}.finish-card[aria-pressed=true],.option-card[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:0 0 0 1px var(--ui-accent) inset}.field{display:grid;gap:6px;font-size:13px;color:var(--ui-muted)}.field select{min-height:40px;padding:0 10px;border:1px solid var(--ui-border);border-radius:10px;color:var(--ui-text);background:#ffffff0f;font:inherit;font-size:14px}.field select option{color:#10272a}.field input[type=range]{width:100%;accent-color:var(--ui-accent)}.segmented--wide{width:100%}#time-segmented button{flex-direction:column;gap:3px;min-width:0;padding:6px 2px;font-size:11.5px}.swatch{display:inline-block;width:14px;height:14px;border:1px solid #fff8;border-radius:4px;flex:none}.swatch--walnut{background:#56351f url(/assets/wood-walnut.webp) center / cover}.swatch--black{background:#1b1e1d}.swatch--oak{background:#d5ad72 url(/assets/wood-oak.webp) center / cover}.aquarium[data-mode=feed]{cursor:crosshair}.aquarium[data-mode=arrange]{cursor:grab}.aquarium[data-mode=arrange]:active{cursor:grabbing}.aquarium[data-mode=explore]{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:701px){.hud{--beside: max(150px, calc((100vw - min(68vw, 118dvh, 1400px)) / 2 - var(--ui-gap) - 10px))}.hud-left{max-width:calc(var(--beside) - env(safe-area-inset-left,0px))}.hud-right{max-width:calc(var(--beside) - env(safe-area-inset-right,0px))}.status-chip{flex-wrap:wrap;height:auto;min-height:40px;padding-block:6px;row-gap:8px}.audio-quick{flex-wrap:wrap;height:auto;min-height:38px;max-width:100%;row-gap:2px;border-radius:20px}.audio-quick__track{flex:1 1 60px;min-width:0}.audio-quick__track select{width:100%}.time-switch{max-width:100%}.info-card{width:clamp(220px,var(--beside),300px)}}.drawer,.popover,.info-card,.mode-hint{--slide: 0 14px;transition:opacity .22s ease,translate .3s cubic-bezier(.2,.8,.2,1),display .3s allow-discrete}.drawer{--slide: 40px 0}.info-card{--slide: -24px 0}.mode-hint{--slide: 0 -12px}:is(.drawer,.popover,.info-card,.mode-hint)[hidden]{opacity:0;translate:var(--slide);pointer-events:none}@starting-style{:is(.drawer,.popover,.info-card,.mode-hint):not([hidden]){opacity:0;translate:var(--slide)}}.photo-dialog{transition:opacity .22s ease,display .22s allow-discrete}.photo-dialog__card{transition:translate .28s cubic-bezier(.2,.8,.2,1),scale .28s cubic-bezier(.2,.8,.2,1)}.photo-dialog[hidden]{opacity:0;pointer-events:none}.photo-dialog[hidden] .photo-dialog__card{translate:0 18px;scale:.97}@starting-style{.photo-dialog:not([hidden]){opacity:0}.photo-dialog:not([hidden]) .photo-dialog__card{translate:0 18px;scale:.97}}@media(max-width:700px),(max-height:500px){.icon-button__label{display:none}.icon-button{padding:0 10px}.status-chip{gap:10px;padding:0 12px;white-space:nowrap}.status-chip__item:first-child,.audio-quick .audio-quick__volume,.audio-quick .audio-quick__step{display:none}.audio-quick__track select{max-width:96px}#arrange-popover .popover__title{display:none}#arrange-popover{gap:8px;padding:10px}.tray{max-height:104px;grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.tray__item{grid-template-rows:40px auto;font-size:10px}.tray__item img{max-height:40px}}@media(max-width:700px)and (min-height:501px){.display{width:min(94vw,118dvh)}.room[data-fixture=puck] .display,.room[data-fixture=flat] .display,.room[data-fixture=gooseneck] .display{top:54%;width:min(94vw,98dvh)}.hud-top{gap:6px;flex-wrap:wrap;align-items:center}.hud-left,.hud-right{display:contents}.status-chip{order:1;margin-right:auto;padding:0 4px}.time-switch{order:2;margin-left:0}.hud-top .icon-button{order:3;margin-left:0}.audio-quick{order:4;margin-right:40%}.mode-hint{top:calc(var(--edge-top) + 92px);font-size:12px}.dock{width:calc(100vw - 16px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));gap:2px;padding:4px;justify-content:space-between;border-radius:18px}.dock__group{flex:1 1 auto;gap:0;min-width:0}.dock__button{min-width:0;flex:1 1 auto;padding:6px 3px;font-size:10px;letter-spacing:-.01em}.dock__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock:not(.is-collapsed) .dock__button{padding:6px 1px;font-size:9.5px}.dock:not(.is-collapsed) #action-fun .dock__label{font-size:0}.dock:not(.is-collapsed) #action-fun .dock__label:after{content:"Cảnh vui";font-size:9.5px}.status-chip__unit,.status-chip__hunger .meter{display:none}.status-chip{gap:8px}.dock__divider{margin:0 1px}.dock__collapse{width:18px;flex:none}.dock.is-collapsed{width:auto;gap:6px;padding:6px}.dock.is-collapsed{max-width:calc(100vw - 16px)}.dock.is-collapsed .dock__group{flex:none;gap:2px}.dock.is-collapsed .dock__button{flex:none;min-width:36px;height:40px}.info-card{bottom:calc(var(--edge-bottom) + 80px)}.drawer{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:52dvh}.drawer{--slide: 0 48px}.room:has(.drawer:not([hidden])) .display{top:25%}.room:has(.drawer:not([hidden])) :is(.hud-top,.mode-hint){opacity:0}.room:has(.drawer:not([hidden])) .hud-top>*{pointer-events:none}}@media(max-height:500px){.display{top:50%;width:min(64vw,112dvh)}.hud{--beside: max(120px, calc((100vw - min(64vw, 112dvh)) / 2 - var(--ui-gap) - 6px))}.room[data-fixture=puck] .display,.room[data-fixture=flat] .display,.room[data-fixture=gooseneck] .display{top:55%;width:min(60vw,96dvh)}.hud-left{gap:4px}.status-chip{height:auto;min-height:32px;padding:4px 6px;row-gap:4px}.status-chip__hunger .meter{display:none}.audio-quick__track select,.audio-quick.is-collapsed .audio-quick__track select{width:auto;max-width:84px}.audio-quick:not(.is-collapsed) .audio-quick__track{display:none}.mode-hint{top:var(--edge-top);max-width:44vw;padding:6px 12px;font-size:12px}.dock{padding:4px;border-radius:16px}.dock__label,.dock__collapse{display:none}.dock__button{min-width:42px;width:42px;height:42px;padding:0}.dock__divider{height:24px;margin:0 2px}.popover{max-height:calc(100dvh - 76px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}#arrange-popover,#feed-popover{left:calc(50% - 50vw + var(--edge-left));transform:none;width:min(250px,32vw);--slide: -18px 0}#food-types{flex-wrap:wrap}.room:has(:is(#arrange-popover,#feed-popover):not([hidden])) .display{left:calc(50% + min(125px,15vw))}.room:has(:is(#arrange-popover,#feed-popover):not([hidden])) .hud-left{opacity:0;pointer-events:none}.tray{max-height:calc(100dvh - 236px);min-height:60px}#arrange-popover .text-button{padding-inline:6px;font-size:12px}.info-card{width:min(250px,36vw);max-height:calc(100dvh - 2 * var(--ui-gap));overflow-y:auto}.drawer{width:min(340px,46vw)}.room:has(.drawer:not([hidden])) .display{left:calc((100vw - min(340px,46vw))/2)}.room:has(.drawer:not([hidden])) :is(.hud-top,.mode-hint){opacity:0}.room:has(.drawer:not([hidden])) .hud-top>*{pointer-events:none}.drawer__header{padding-top:8px}.drawer__body{padding-top:10px}}@media(max-width:380px){.status-chip__hunger .meter{display:none}.dock:not(.is-collapsed) .dock__button{padding:6px 1px;font-size:9.5px}}@media(prefers-reduced-motion:reduce){.hud,.hud-top,.dock{transition-duration:0ms}.mode-hint,.popover,.info-card,.drawer,.photo-dialog,.photo-dialog__card{animation:none;transition:none}.dock__button,.dock__label,.dock__divider,.audio-quick *,.time-switch button,.aquarium__swap,.room__background,.cabinet__front,.cabinet__left,.cabinet__right{transition-duration:0ms}}