.snd{--snd-glow:#78c8ff73;--snd-line:#7fd6ff99;--snd-cyan:#7fd6ff;--snd-glass:#081018cc;z-index:5;max-width:calc(100% - 32px);color:var(--phosphor);flex-direction:column-reverse;align-items:flex-end;gap:8px;font:500 13px/1.3 Recursive Variable,system-ui,sans-serif;display:flex;position:absolute}.snd[data-corner=br]{bottom:16px;right:16px}.snd[data-corner=bl]{align-items:flex-start;bottom:16px;left:16px}.snd[data-corner=tr]{flex-direction:column;top:16px;right:16px}.snd[data-corner=tl]{flex-direction:column;align-items:flex-start;top:16px;left:16px}.snd[hidden],.snd-panel[hidden],.snd-off[hidden]{display:none}.snd svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;overflow:visible}.snd svg .spk{fill:currentColor;fill-opacity:.18}.snd .w1,.snd .w2{display:none}.snd [data-icon=on] .w1,.snd [data-icon=on] .w2{display:inline}.snd [data-icon=on] .x{display:none}.snd-toggle,.snd-mute,.snd-off{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--snd-line);background:var(--snd-glass);text-shadow:0 0 6px var(--snd-glow);box-shadow:0 0 12px #50b4ff29,inset 0 0 10px #50b4ff14}.snd-toggle{backdrop-filter:blur(4px);border-radius:18px;align-items:center;gap:7px;height:36px;padding:0 13px 0 10px;display:inline-flex}.snd-toggle svg{filter:drop-shadow(0 0 3px #78c8ffb3)}.snd[data-state=on] .snd-toggle,.snd[data-state=starting] .snd-toggle{justify-content:center;width:36px;padding:0}.snd[data-state=on] .snd-label,.snd[data-state=starting] .snd-label{display:none}.snd[data-state=starting] .snd-toggle svg{animation:1.1s ease-in-out infinite alternate snd-pulse}@keyframes snd-pulse{0%{opacity:.45}}.snd-toggle:hover,.snd-mute:hover,.snd-off:hover{background:#0e1e2ce0;border-color:#a0e2ffbf}.snd-toggle:focus-visible,.snd-mute:focus-visible,.snd-off:focus-visible,.snd-vol:focus-visible{outline-offset:2px;outline:2px solid #9fd8ff}.snd-panel{box-sizing:border-box;backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 20%,#285a7847,#0000 70%),linear-gradient(#0c1721f2,#070d14f2);border:1px solid #7fd6ff52;border-radius:10px;width:268px;max-width:100%;padding:12px 14px 14px;box-shadow:0 14px 40px #0000008c,0 0 18px #50b4ff24}.snd-title{letter-spacing:.03em;color:#e9fbff;text-shadow:0 0 2px #e9fbff,0 0 8px #6ed2ffd9;margin:0 0 6px;font-family:Tilt Neon Variable,system-ui,sans-serif;font-size:16px;font-weight:400}.snd-foot{align-items:center;min-height:33px;margin-top:10px;display:grid}.snd-note{color:var(--dim);margin:0}.snd-note:empty{display:none}.snd[data-state=error] .snd-note{color:var(--degraded)}.snd-row{grid-template-columns:32px 58px minmax(0,1fr) 36px;align-items:center;gap:8px;min-height:40px;display:grid}.snd-mute{border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.snd-mute[aria-pressed=true]{color:var(--dim);text-shadow:none;box-shadow:none;border-color:#9aa8b899}.snd-name{color:var(--text)}.snd-val{color:var(--dim);font-variant-numeric:tabular-nums;text-align:right}.snd-vol{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}.snd-vol::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--snd-cyan) var(--fill), #9aa8b873 var(--fill));border-radius:2px;height:4px;box-shadow:0 0 6px #50b4ff59}.snd-vol::-webkit-slider-thumb{appearance:none;background:#0b1620;border:1px solid #dff6ff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 8px #78d2ffd9}.snd-vol::-moz-range-track{background:#9aa8b873;border-radius:2px;height:4px}.snd-vol::-moz-range-progress{background:var(--snd-cyan);border-radius:2px;height:4px;box-shadow:0 0 6px #50b4ff59}.snd-vol::-moz-range-thumb{background:#0b1620;border:1px solid #dff6ff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #78d2ffd9}.snd-row:has(.snd-mute[aria-pressed=true]) .snd-vol,.snd-row:has(.snd-mute[aria-pressed=true]) .snd-name{opacity:.55}.snd-off{border-radius:8px;width:100%;padding:7px 10px;display:block}@media (pointer:coarse){.snd-toggle{border-radius:22px;height:44px}.snd[data-state=on] .snd-toggle,.snd[data-state=starting] .snd-toggle{width:44px}.snd-panel{width:284px}.snd-row{grid-template-columns:40px 58px minmax(0,1fr) 36px;min-height:48px}.snd-mute{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.snd[data-state=starting] .snd-toggle svg{animation:none}}@font-face{font-family:Recursive Variable;font-style:normal;font-display:swap;font-weight:300 1000;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Recursive Variable;font-style:normal;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-vietnamese-mono-normal.qPdoPV24.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Recursive Variable;font-style:normal;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-latin-ext-mono-normal.CIbBmTNP.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Recursive Variable;font-style:normal;font-display:swap;font-weight:300 1000;src:url(/_astro/recursive-latin-mono-normal.a6FpAesW.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tilt Neon Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tilt-neon-vietnamese-full-normal.DVUMBKrz.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Tilt Neon Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tilt-neon-latin-ext-full-normal.DrfuLAOf.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Tilt Neon Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/tilt-neon-latin-full-normal.BChUfc0N.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Screen Mono;font-style:normal;font-display:swap;font-weight:300 1000;src:url(/_astro/screen-mono-latin-ext.CsPeLLn5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Screen Mono;font-style:normal;font-display:swap;font-weight:300 1000;src:url(/_astro/screen-mono-latin.DLOUJ_ro.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--ink:#07090d;--text:#e6eef6;--dim:#9aa8b8;--up:#47d28f;--degraded:#ffb84d;--down:#ff5d5d;--idle:#8f9cab;--glass:#081018;--phosphor:#d9f3ff}html,body{background:var(--ink);color:var(--text);margin:0;font:400 15px/1.5 Recursive Variable,system-ui,sans-serif}.scene{background:var(--ink);height:100svh;min-height:520px;position:relative;overflow:hidden}.stage{transform-origin:0 0;width:2752px;height:1536px;position:absolute;top:0;left:0}.plate{user-select:none;pointer-events:none;-webkit-user-drag:none;width:2752px;height:1536px;display:block;position:absolute;inset:0}.plate-static{object-fit:cover;width:100%;height:100%;display:block}.city{pointer-events:none;position:absolute}.rain{pointer-events:none;mix-blend-mode:screen;position:absolute}.rain.off,.screen[hidden],.sign[hidden]{display:none}.screens{pointer-events:none;position:absolute;inset:0}.screens .screen{pointer-events:auto}.screen{transform-origin:0 0;border-radius:calc(3px * var(--super,1));position:absolute;top:0;left:0;overflow:hidden}.ui{box-sizing:border-box;height:100%;color:var(--phosphor);background:radial-gradient(120% 90% at 50% 40%, #285a7847, transparent 70%), linear-gradient(180deg, #0b1620, var(--glass));font-variation-settings:"MONO" 1;font-variant-numeric:tabular-nums;text-shadow:0 0 6px #78c8ff73;padding:22px 26px;font-family:Recursive Variable,ui-monospace,monospace;position:relative;overflow:hidden}.ui:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff09 0 2px,#0000 2px 5px);position:absolute;inset:0;box-shadow:inset 0 0 40px #0000008c}.ui-head{color:#8fd3ff;border-bottom:2px solid #8fd3ff40;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:10px;font-size:20px;display:flex}.ui-main .ui-headline{font-variation-settings:"MONO" 0;color:#f2fbff;margin:0 0 10px;font-family:Recursive Variable,system-ui,sans-serif;font-size:58px;font-weight:760;line-height:1.05}.ui-sub{color:#a9cde2;margin:0 0 20px;font-size:24px}.ui-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;font-size:22px;list-style:none;display:grid}.ui-grid li{grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.ui-grid .ui-name{line-height:1.15}.ui-grid a.ui-name{color:#e9f7ff;text-underline-offset:.2em;text-decoration:underline #9fe0ff73}.ui-grid a.ui-name:hover{color:#fff;text-decoration-color:#9fe0ff}.ui-grid a.ui-name:focus-visible{outline-offset:3px;border-radius:3px;outline:3px solid #9fd8ff}.ui-hint{color:#8fb0c4;margin:22px 0 0;font-size:18px}.ui-grid .ui-state{color:#8fb0c4;grid-column:2;font-size:18px}.ui-grid li[data-state=down] .ui-state{color:#ff9a9a}.ui-grid li[data-state=degraded] .ui-state,.ui-grid li[data-state=unknown] .ui-state{color:#ffd08a}.ui-left .ui-about{font-variation-settings:"MONO" 0;color:#eaf6ff;margin:0 0 22px;font-family:Recursive Variable,system-ui,sans-serif;font-size:24px;line-height:1.35}.ui-links{margin:0;padding:0;font-size:20px;list-style:none}.ui-links li+li{margin-top:10px}.ui a{color:#9fe0ff;text-underline-offset:.2em;text-decoration-color:#9fe0ff73}.screen>.ui.painted,.screen>.ui.painted *{-webkit-text-fill-color:transparent;text-shadow:none;text-decoration-color:#0000}.ui canvas.screen-text{pointer-events:none;font-variation-settings:normal;font-feature-settings:normal;font-variant-numeric:normal;display:block;position:absolute;top:0;left:0}.ui-radar{padding:0}.ui-radar canvas.radar{display:block;position:absolute;top:0;left:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lean{cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.lean:focus-visible{outline-offset:-6px;outline:6px solid #9fd8ff}[data-mode=lost] .ui{color:#ffb3b3;text-shadow:0 0 6px #ff464680;background:radial-gradient(120% 90% at 50% 40%,#961e1e52,#0000 70%),linear-gradient(#1d0a0c,#120607)}[data-mode=lost] .ui-head{color:#ff8a8a;border-bottom-color:#ff6e6e4d}[data-mode=lost] .ui a{color:#ffc2c2;text-decoration-color:#ffaaaa80}[data-mode=lost] .ui-main .ui-headline{color:#ffe1e1}[data-mode=lost] .ui-sub{color:#ff9e9e}[data-mode=lost] .ui-radar canvas{filter:hue-rotate(160deg)saturate(1.4)}.ui-code{font-variation-settings:"MONO" 0;color:#f55;text-shadow:0 0 18px #ff323299;margin:0 0 4px;font-family:Recursive Variable,system-ui,sans-serif;font-size:112px;font-weight:820;line-height:.95}.ui-home{font-size:22px}.ui-song{color:#ffd0d0;gap:9px;margin:8px 0 16px;display:flex}.ui-song .note{box-sizing:border-box;font-variation-settings:"MONO" 0;border:2px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-family:Recursive Variable,system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1;display:grid}.ui-song .note svg{fill:currentColor;filter:drop-shadow(0 0 4px #ff464680);width:20px;height:20px}.ui-main .ui-headline.ui-dawn{color:#ffe6a8}.sign{-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;display:block;position:absolute}.sign:before{content:"";position:absolute;inset:-36px}.sign:focus-visible:before{outline-offset:-12px;border-radius:12px;outline:8px solid #9fd8ff}.sign .face{transform-origin:0 0;position:absolute;top:0;left:0}.sign .glass{background:color-mix(in srgb, var(--glow) 20%, #3a3848);mix-blend-mode:multiply;border-radius:1px;transition:background .3s;position:absolute;inset:0}.sign.bare .glass{display:none}.sign .shade{mix-blend-mode:multiply;background:0 0;border-radius:4px;transition:background .6s;position:absolute;inset:-6px}.tube{white-space:nowrap;color:#fff;text-shadow:0 0 1px #fff, 0 0 2px var(--tube), 0 0 6px var(--glow), 0 0 14px var(--glow), 0 0 26px var(--glow);transform:translate(-50%, -50%) translateY(var(--dy,0px));font-family:Tilt Neon Variable,system-ui,sans-serif;line-height:1;transition:color .6s,text-shadow .6s,filter .3s;position:absolute;top:50%;left:50%}.tube.vertical{transform:translate(-50%, -50%) rotate(90deg) translateY(var(--dy,0px))}.sign[data-state=pending] .tube{opacity:0}.sign[data-state=up] .tube,.sign[data-state=sleeping] .tube{animation:power-on 1.2s calc(.3s + var(--i,0) * .32s) both, hum 19s calc(3s + var(--i,0) * 2.1s) infinite}.sign:hover .tube,.sign:focus-visible .tube{filter:brightness(1.25)}.sign:hover .glass,.sign:focus-visible .glass{background:color-mix(in srgb, var(--glow) 30%, #5c5a70)}.sign[data-state=down] .shade{background:#14181e80}.sign[data-state=down] .tube{color:#8a919b;text-shadow:none;animation:4.2s step-end infinite dead-tube}.sign[data-state=degraded] .tube,.sign[data-state=unknown] .tube{animation:3.1s step-end infinite tired-tube}@keyframes power-on{0%{opacity:0}8%{opacity:1}12%{opacity:.1}26%{opacity:1}30%{opacity:.3}38%,to{opacity:1}}@keyframes hum{0%,96%,to{opacity:1}96.5%{opacity:.45}97.1%{opacity:1}97.7%{opacity:.7}98.2%{opacity:1}}@keyframes dead-tube{0%,86%,to{color:#8a919b;text-shadow:none}88%,91%{color:var(--tube);text-shadow:0 0 9px var(--glow)}}@keyframes tired-tube{0%,70%,to{opacity:1}72%,76%{opacity:.35}}.caption{z-index:2;color:#eef6ff;border:3px solid var(--glow);opacity:0;pointer-events:none;background:#080a10e6;border-radius:12px;gap:6px;width:560px;padding:18px 24px;font-family:Recursive Variable,system-ui,sans-serif;font-size:32px;line-height:1.3;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:calc(100% + 26px);transform:translateY(-50%)translate(10px);box-shadow:0 0 30px #0009}.caption b{color:var(--tube);font-size:40px}.caption i,.caption .go{font-variation-settings:"MONO" 1;font-family:Recursive Variable,ui-monospace,monospace;font-style:normal}.caption i[data-state=up]{color:var(--up)}.caption i[data-state=down]{color:var(--down)}.caption i[data-state=degraded],.caption i[data-state=unknown]{color:var(--degraded)}.caption span{color:#b9c7d6}.caption .go{color:var(--tube);align-items:center;gap:12px;display:flex}.caption .go:after{content:"";border:4px solid;border-width:4px 4px 0 0;width:14px;height:14px;transform:rotate(45deg)}.sign:hover .caption,.sign:focus-visible .caption{opacity:1;transform:translateY(-50%)}.lamp{pointer-events:none;opacity:0;--feather:linear-gradient(90deg, transparent, #000 35%, #000 65%, transparent), linear-gradient(180deg, transparent, #000 18px, #000 calc(100% - 18px), transparent);mask-image:var(--feather);border-radius:20px;transition:opacity .6s;position:absolute;mask-composite:intersect}.lamp.tint{mix-blend-mode:color;background:#3ee06a}.lamp.dim,.lamp.pip{mix-blend-mode:multiply;background:#383842}.lamp.tint[data-health=ok]{opacity:1}.lamp.tint.keep[data-health=ok]{opacity:0}.lamp.glow{mix-blend-mode:screen;background:radial-gradient(closest-side,#5aff82d9,#28dc5a59 60%,#0000)}.lamp.glow[data-health=ok]:not(.keep){animation:5.2s ease-in-out infinite lamp-breathe;animation-delay:calc(var(--i) * -1.7s)}@keyframes lamp-breathe{0%,to{opacity:.08}50%{opacity:.75}}.lamp.tint[data-health=warn]{background:#ffb02e;animation:2.4s ease-in-out infinite lamp-pulse}.lamp.tint[data-health=bad]{opacity:1;background:#ff3b3b}.lamp.dim[data-health=bad]{animation:.9s step-end infinite lamp-dark}.lamp.dim[data-health=off]{opacity:1}.lamp.pip[data-health=busy]{animation:2.3s step-end infinite lamp-activity;animation-delay:calc(var(--i) * -.7s)}.lamp.pip[data-health=off]{opacity:1}@keyframes lamp-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes lamp-dark{50%{opacity:1}}@keyframes lamp-activity{0%,to{opacity:0}9%,13%{opacity:.85}14%{opacity:0}51%{opacity:.7}55%{opacity:0}}.dot{box-sizing:border-box;width:.7em;height:.7em;color:var(--idle);border:2px dashed;border-radius:50%;display:inline-block}.dot[data-state=up]{color:var(--up);background:currentColor;border:0}.dot[data-state=degraded]{color:var(--degraded);background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:2px solid}.dot[data-state=down]{color:var(--down);border:2px solid}.dot[data-state=sleeping]{border:0;box-shadow:inset .22em -.05em}.details{max-width:64rem;margin:0 auto;padding:3rem 1.5rem 6rem}.details h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,1.4rem + 2.5vw,3rem);font-weight:760;line-height:1.1}.d-summary{color:var(--dim);flex-wrap:wrap;column-gap:.5rem;margin:0 0 1.5rem;display:flex}.d-about{max-width:38em;margin:0 0 2.5rem}.d-groups{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem 3rem;display:grid}.d-group h2{color:var(--dim);border-bottom:1px solid #263240;margin:0 0 .5rem;padding-bottom:.4rem;font-size:.9rem;font-weight:640}.d-group ul{margin:0;padding:0;list-style:none}.d-group li{border-bottom:1px solid #2c3a4b;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:.15rem .6rem;padding:.5rem 0;display:grid}.d-name{color:var(--text);font-weight:600}.d-state{font-variation-settings:"MONO" 1;color:var(--dim);font-family:Recursive Variable,ui-monospace,monospace;font-size:.87rem}.d-group li[data-state=up] .d-state{color:var(--up)}.d-group li[data-state=down] .d-state{color:var(--down)}.d-group li[data-state=degraded] .d-state,.d-group li[data-state=unknown] .d-state{color:var(--degraded)}.d-blurb{color:var(--dim);grid-column:2/-1;font-size:.93rem}.d-contact{color:var(--dim);flex-wrap:wrap;gap:.5rem 1.75rem;margin:3rem 0 0;display:flex}.details a{color:inherit;text-underline-offset:.2em;text-decoration-color:#e6eef666}.details a:focus-visible,.leaning-close:focus-visible{outline-offset:2px;outline:2px solid #9fd8ff}.leaning{max-width:96vw;color:var(--text);background:0 0;border:0;padding:0}.leaning::backdrop{backdrop-filter:blur(3px);background:#030508bd}.leaning-bezel{background:linear-gradient(#1a1e24,#0e1115);border:1px solid #2c333c;border-radius:16px;padding:14px 16px 12px;box-shadow:0 30px 80px #0009}.leaning-title{color:var(--dim);margin:0 0 10px;font-size:.85rem}.leaning-ui{border-radius:6px;height:auto}.leaning-close{font:inherit;color:var(--text);cursor:pointer;background:#1f252d;border:1px solid #36404c;border-radius:6px;margin:12px 0 0 auto;padding:.35rem .9rem;font-size:.87rem;display:block}@media (width<=48rem){.scene{aspect-ratio:1250/1396;height:auto;min-height:0}.details{padding:2rem 1rem 6rem}}@media (prefers-reduced-motion:reduce){.tube,.lamp{animation:none!important}.lamp.glow[data-health=ok]:not(.keep){opacity:.45}.caption,.sign .shade,.sign .glass,.tube{transition:none}}.holo-root{pointer-events:none}.holo{pointer-events:none;contain:paint;position:absolute;mask-size:100% 100%;mask-repeat:no-repeat}.holo.fish-koi{mask-image:url(/concept/studio/koi-mask.png)}.holo.fish-carp{mask-image:url(/concept/studio/carp-mask.png)}.holo-a{mix-blend-mode:color;opacity:.22}.holo-a .rot{width:1400px;height:1400px;margin:-700px 0 0 -700px;position:absolute;top:50%;left:50%}.holo-a .rot.r1{transform:rotate(-28deg)}.holo-a .rot.r2{opacity:.55;transform:rotate(57deg)}.holo-a .film{will-change:transform;height:100%;position:absolute;top:0;left:0}.holo-a .r1 .film{background:repeating-linear-gradient(90deg,#ff4fd0 0,#ffb03c 44px,#3dffb0 88px,#3cb4ff 132px,#9a5cff 176px,#ff4fd0 220px);width:1620px;animation:21s linear infinite holo-film-220}.holo-a .r2 .film{background:repeating-linear-gradient(90deg,#3ce0ff 0,#a86bff 80px,#ff6bbd 160px,#6bffcf 240px,#3ce0ff 320px);width:1720px;animation:33s linear infinite reverse holo-film-320}@keyframes holo-film-220{to{transform:translate(-220px)}}@keyframes holo-film-320{to{transform:translate(-320px)}}.holo-a-sheen{mix-blend-mode:screen}.holo-a-sheen .sheen{will-change:transform;width:220px;height:180%;animation:holo-sheen var(--sheen-t,14s) ease-in-out infinite;animation-delay:var(--sheen-d,0s);background:linear-gradient(90deg,#0000,#c8e1ff1a 30%,#ebf5ff42 50%,#c8e1ff1a 70%,#0000);position:absolute;top:-40%;left:0;transform:translate(-260px)skew(-18deg)}@keyframes holo-sheen{0%{transform:translate(-260px)skew(-18deg)}42%,to{transform:translateX(var(--sheen-x,560px)) skewX(-18deg)}}.holo-c-breath{mix-blend-mode:screen;opacity:.02;will-change:opacity;animation:holo-breath var(--breath-t,8s) ease-in-out infinite;animation-delay:var(--breath-d,0s);background:#7dafff}@keyframes holo-breath{0%,to{opacity:.02}50%{opacity:.2}}.holo-root.still *,.holo-root.still{animation-play-state:paused!important}.holo-root.off{display:none}@media (prefers-reduced-motion:reduce){.holo-root *{animation:none!important}.holo-root .holo-a-sheen{display:none}.holo-root .holo-c-breath{opacity:.08}}
