@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#e9e7da;font-family:Space Grotesk,system-ui,sans-serif}h1,h2,h3,h4,p,ul{margin:0}button{font:inherit}a{color:inherit}
.hl{--accent:#7d5c0a;--accent-hi:#efa515;--accent-ink:#f4f1e4;--ok:#4e8d6e;--disp:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ink:#33270e;--muted:#625d5e;--line:#33270e26;--line-2:#33270e47;--bg1:#e9e7da;--bg2:#d4d2c0;--card:#f0eee4ed;--card-bd:#33270e26;--card-sh:0 12px 36px #3a301429;--floor-line:#33270e12;--chip-bd:#33270e3d;--metal-1:#d9d5bf;--metal-2:#c1bb9e;--metal-top:#e6e3d1;--metal-side:#9d9573;--plate-ink:#33270e;--plate-muted:#625d5e;--rail-1:#beb897;--rail-2:#d9d5bf;--rail-3:#948b66}.hl[data-theme=dark]{--accent:#efa515;--accent-hi:#ffb92e;--accent-ink:#201505;--ok:#6fd5a2;--ink:#e8e5d6;--muted:#a4a09a;--line:#e8e5d621;--line-2:#e8e5d638;--bg1:#1d1812;--bg2:#0e0b07;--card:#18130de6;--card-bd:#e8e5d633;--card-sh:none;--floor-line:#e8e5d60d;--chip-bd:#e8e5d638;--metal-1:#362a13;--metal-2:#251c0c;--metal-top:#443619;--metal-side:#170f05;--plate-ink:#e8e5d6;--plate-muted:#a4a09a;--rail-1:#241a0c;--rail-2:#382c15;--rail-3:#150e05}.hl{background:radial-gradient(120% 90% at 64% 42%,var(--bg1)0%,var(--bg2)72%);color:var(--ink);font-family:var(--disp);-webkit-font-smoothing:antialiased;transition:background .45s,color .45s;position:fixed;inset:0;overflow:hidden}.hl button{color:inherit;font-family:inherit}.hl :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.hl .amb{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hl .floor{transform-origin:bottom;background-image:repeating-linear-gradient(90deg,var(--floor-line)0 1px,transparent 1px 66px),repeating-linear-gradient(0deg,var(--floor-line)0 1px,transparent 1px 66px);width:1900px;height:1100px;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)perspective(950px)rotateX(73deg);-webkit-mask-image:radial-gradient(58% 72% at 50% 100%,#000,#0000 72%);mask-image:radial-gradient(58% 72% at 50% 100%,#000,#0000 72%)}.hl .aglow{background:radial-gradient(circle,color-mix(in srgb,var(--accent-hi)12%,transparent),transparent 60%);width:820px;height:820px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.hl .gshadow{width:640px;height:140px;transform:translateX(calc(-50% + var(--tilt-dx,0px)));filter:blur(8px);background:radial-gradient(50% 50%,#00000094,#0000 72%);position:absolute;bottom:9%;left:50%}.hl .gshadow:after{content:"";background:radial-gradient(50% 50%,#00000080,#0000 70%);border-radius:50%;width:62%;height:34%;position:absolute;top:38%;left:50%;transform:translate(-50%)}.hl .motes{z-index:2;pointer-events:none;position:absolute;inset:0}.hl .mote{background:color-mix(in srgb,var(--accent-hi)60%,transparent);width:3px;height:3px;box-shadow:0 0 7px color-mix(in srgb,var(--accent-hi)52%,transparent);border-radius:50%;animation:linear infinite hl-rise;position:absolute}@keyframes hl-rise{0%{opacity:0;transform:translateY(0)}12%{opacity:.7}88%{opacity:.5}to{opacity:0;transform:translateY(-140px)}}.hl .spine{writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);opacity:.42;z-index:2;pointer-events:none;font-size:10px;transition:opacity .3s;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.hl .stage{perspective:1700px;perspective-origin:50% 46%;z-index:1;justify-content:center;align-items:center;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s;display:flex;position:absolute;inset:0}.hl .rack{transform-style:preserve-3d;will-change:transform;transform:rotateX(2deg)rotateY(0deg)scale(var(--rs,.84));flex-direction:column;gap:15px;display:flex;position:relative}.hl .frame{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:-18px -30px}.hl .frame i{display:block;position:absolute}.hl .frame .fpost{background:linear-gradient(90deg,var(--rail-1),var(--rail-2)50%,var(--rail-3));border-radius:3px;width:16px;top:0;bottom:0;transform:translateZ(24px);box-shadow:inset 0 0 0 1px #00000080}.hl .frame .fpost.l{left:0}.hl .frame .fpost.r{right:0}.hl .frame .rpost{background:linear-gradient(90deg,var(--rail-3),var(--rail-1)60%,var(--rail-3));filter:brightness(.62);border-radius:3px;width:18px;top:0;bottom:0;transform:translateZ(-92px);box-shadow:inset 0 0 0 1px #0000008c}.hl .frame .rpost.l{left:-2px}.hl .frame .rpost.r{right:-2px}.hl .frame .dbeam{background:linear-gradient(180deg,var(--rail-2),var(--rail-3));backface-visibility:visible;width:16px;height:116px;box-shadow:inset 0 0 0 1px #00000073}.hl .frame .dbeam.tl,.hl .frame .dbeam.tr{transform-origin:top;top:0;transform:translateZ(-92px)rotateX(90deg)}.hl .frame .dbeam.bl,.hl .frame .dbeam.br{transform-origin:bottom;filter:brightness(.7);bottom:0;transform:translateZ(-92px)rotateX(-90deg)}.hl .frame .dbeam.tl,.hl .frame .dbeam.bl{left:0}.hl .frame .dbeam.tr,.hl .frame .dbeam.br{right:0}.hl .frame .roof{background:linear-gradient(180deg,color-mix(in srgb,var(--metal-top)70%,transparent),color-mix(in srgb,var(--metal-1)40%,transparent));transform-origin:top;backface-visibility:visible;height:116px;top:0;left:16px;right:16px;transform:translateZ(-92px)rotateX(90deg);box-shadow:inset 0 0 0 1px #0000002e}.hl .unit{width:var(--w);height:var(--h);transform-style:preserve-3d;cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s;position:relative}.hl .face{backface-visibility:hidden;position:absolute;top:50%;left:50%}.hl .front{width:var(--w);height:var(--h);transform:translate(-50%,-50%)translateZ(calc(var(--d)/2));background:linear-gradient(180deg,var(--metal-1),var(--metal-2));overflow:hidden;box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #00000073,inset 0 -12px 16px -12px #0000004d}.hl .ucap{width:var(--w);height:var(--d);transform:translate(-50%,-50%)rotateX(90deg)translateZ(calc(var(--h)/2));background:linear-gradient(180deg,color-mix(in srgb,var(--metal-top)82%,#fff)0%,var(--metal-top)40%,var(--metal-1)100%);box-shadow:inset 0 0 0 1px #0006}.hl .right{width:var(--d);height:var(--h);transform:translate(-50%,-50%)rotateY(90deg)translateZ(calc(var(--w)/2));background:linear-gradient(90deg,color-mix(in srgb,var(--metal-2)70%,#000)0%,color-mix(in srgb,var(--metal-side)78%,#000)100%);box-shadow:inset 0 0 0 1px #0000008c,inset 4px 0 8px -4px #00000080}.hl .front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff24 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.hl .unit:hover .front:after{transition:transform .7s cubic-bezier(.3,.7,.3,1);transform:translate(120%)}.hl .plate{align-items:center;gap:16px;padding:0 18px;display:flex;position:absolute;inset:0}.hl .plate .ear{background:repeating-linear-gradient(#0d0b08 0 7px,#1c1812 7px 14px);border-radius:2px;align-self:stretch;width:9px;margin:7px 0;box-shadow:inset 0 0 0 1px #0006}.hl .plate .screw{background:radial-gradient(circle at 35% 35%,#4a4234,#15120c);border-radius:50%;flex:none;width:5px;height:5px}.hl .id{flex-direction:column;gap:3px;min-width:0;display:flex}.hl .id .tg{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--plate-muted);font-size:9.5px}.hl .id .nm{letter-spacing:-.01em;color:var(--plate-ink);white-space:nowrap;font-size:19px;font-weight:600}.hl .id .nm b{color:var(--accent);font-weight:600}.hl .vents{opacity:.8;background:repeating-linear-gradient(#0000008c 0 3px,#ffffff06 3px 7px);border-radius:2px;flex:1;align-self:center;height:62%;box-shadow:inset 0 0 0 1px #0006}.hl .plate .meta{align-items:center;gap:14px;display:flex}.hl .ledcol{flex-direction:column;gap:7px;display:flex}.hl .led{background:var(--accent-hi);width:8px;height:8px;box-shadow:0 0 7px var(--accent-hi);border-radius:50%;animation:2.4s infinite hl-blink}.hl .led.g{background:var(--ok);box-shadow:0 0 7px var(--ok)}.hl .led.dim{box-shadow:none;background:#3a342a;animation:none}.hl .unit:hover .led{animation-duration:.9s}.hl .ports{gap:5px;display:flex}.hl .ports i{background:#0c0a07;border-radius:1px;width:13px;height:10px;box-shadow:inset 0 0 0 1px #ffffff12}@keyframes hl-blink{0%,to{opacity:1}45%{opacity:.25}}.hl .screen .front{background:linear-gradient(#15120d,#0c0a07);box-shadow:inset 0 0 0 1px #00000080,inset 0 -12px 16px -12px #0006}.hl .display{font-family:var(--mono);background:radial-gradient(120% 140% at 30% 0,#13241b 0%,#0a140f 60%,#070d0a 100%);border-radius:3px;flex-direction:column;justify-content:center;padding:0 22px;display:flex;position:absolute;inset:13px;overflow:hidden;box-shadow:inset 0 0 0 1px #7bd88f2e,inset 0 0 38px #0009}.hl .display:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 2px,#0000 2px 4px);position:absolute;inset:0}.hl .display:before{content:"";pointer-events:none;background:linear-gradient(#0000,#7bd88f0f,#0000);height:34px;animation:5.5s linear infinite hl-scan;position:absolute;top:-34px;left:0;right:0}@keyframes hl-scan{to{transform:translateY(220px)}}.hl .display .pmt{color:#6fae82;letter-spacing:.06em;min-height:15px;font-size:11px}.hl .display .who{font-family:var(--disp);letter-spacing:.02em;color:#dff3e4;min-height:38px;margin:5px 0 7px;font-size:30px;font-weight:700}.hl .display .cmd{color:#a9c7b2;min-height:17px;font-size:12.5px}.hl .display .cur{vertical-align:-2px;background:#7bd88f;width:8px;height:15px;margin-left:4px;animation:1.05s step-end infinite hl-cur;display:inline-block}@keyframes hl-cur{50%{opacity:0}}.hl .host .front{background:linear-gradient(180deg,var(--metal-1),var(--metal-2))}.hl .baybank{flex:1;align-self:center;gap:5px;height:64%;display:flex}.hl .baybank i{background:linear-gradient(#0e0c08,#1a1610);border-radius:2px;flex:1;box-shadow:inset 0 0 0 1px #00000073,inset 0 1px #ffffff0a}.hl .rack.busy .unit:not(.active){opacity:.42;filter:brightness(.72)saturate(.7)}.hl .unit.active{transform:translateZ(118px)}.hl .unit.active .front{box-shadow:inset 0 0 0 1px var(--accent-hi),0 0 34px color-mix(in srgb,var(--accent-hi)34%,transparent);animation:2.6s ease-in-out infinite hl-aglow}@keyframes hl-aglow{0%,to{box-shadow:inset 0 0 0 1px var(--accent-hi),0 0 34px color-mix(in srgb,var(--accent-hi)34%,transparent)}50%{box-shadow:inset 0 0 0 1px var(--accent-hi),0 0 48px color-mix(in srgb,var(--accent-hi)48%,transparent)}}.hl .unit:not(.active):hover{transform:translateZ(34px)}.hl .unit{--bi:0}.hl:not(.booted) .unit{opacity:0;filter:brightness(.4);transform:translateY(16px)}.hl.booted .unit{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;transition-delay:calc(var(--bi)*.13s),calc(var(--bi)*.13s),calc(var(--bi)*.13s)}.hl.booted .unit:hover,.hl.booted .rack.busy .unit{transition-delay:0s}.hl:not(.booted) .cables,.hl:not(.booted) .frame,.hl:not(.booted) .caption,.hl:not(.booted) .hint,.hl:not(.booted) .hud,.hl:not(.booted) .mon,.hl:not(.booted) .egg-btn{opacity:0}.hl.booted .cables,.hl.booted .frame,.hl.booted .caption,.hl.booted .hint,.hl.booted .hud,.hl.booted .mon,.hl.booted .egg-btn{animation:.8s .75s backwards hl-bootfade}@keyframes hl-bootfade{0%{opacity:0}to{opacity:1}}.hl .cables{pointer-events:none;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible;transform:translateZ(39px)}.hl .cables path{fill:none;stroke-linecap:round;stroke-linejoin:round}.hl .cables .tie{fill:color-mix(in srgb,var(--ink)40%,transparent)}.hl .cables .pulse{filter:drop-shadow(0 0 4px)}.hl .rack.busy .cables{opacity:.2}.hl .top{z-index:10;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,40px);display:flex;position:absolute;top:0;left:0;right:0}.hl .brand{align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.hl .brand .blip{background:var(--accent-hi);width:9px;height:9px;box-shadow:0 0 12px var(--accent-hi);border-radius:50%}.hl .kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.hl .topright{align-items:center;gap:16px;display:flex}.hl .toplink{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:11px;text-decoration:none;transition:color .2s}.hl .toplink:hover{color:var(--accent)}.hl .themebtn{font-family:var(--mono);letter-spacing:.05em;color:var(--ink);background:var(--card);border:1px solid var(--card-bd);cursor:pointer;box-shadow:var(--card-sh);border-radius:100px;align-items:center;gap:7px;padding:6px 13px 6px 11px;font-size:11px;transition:color .2s;display:flex}.hl .themebtn:before{content:"";background:var(--accent-hi);width:8px;height:8px;box-shadow:0 0 8px var(--accent-hi);border-radius:50%}.hl .themebtn:hover{color:var(--accent)}.hl .langsel{appearance:none;font-family:var(--mono);letter-spacing:.05em;color:var(--ink);background:var(--card);border:1px solid var(--card-bd);cursor:pointer;box-shadow:var(--card-sh);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 13px top 55%,right 9px top 55%;background-repeat:no-repeat;background-size:4px 4px;border-radius:100px;padding:6px 24px 6px 13px;font-size:11px;transition:color .2s}.hl .langsel:hover{color:var(--accent)}.hl .langsel option{color:initial;background:initial}.hl .caption{z-index:10;max-width:340px;position:absolute;bottom:84px;left:clamp(18px,4vw,40px)}.hl .caption h1{font-family:var(--disp);font-variation-settings:normal;text-transform:none;letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.15}.hl .caption h1 b{color:var(--accent);font-weight:600}.hl .hint{z-index:10;font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:11px;line-height:1.7;position:absolute;bottom:36px;left:clamp(18px,4vw,40px)}.hl .hint b{color:var(--ink);font-weight:500}.hl.expanded .stage{transform:translate(-32%)scale(.78)}.hl.expanded .spine{transform:translateY(-50%)translate(calc(44px - 100vw))}.hl .spine{transition:transform .55s cubic-bezier(.2,.8,.2,1)}@media (max-width:720px){.hl.expanded .stage{opacity:0;pointer-events:none;transform:scale(.6)}}.hl .hl-swap{animation:.4s cubic-bezier(.2,.8,.2,1) hl-swapin}@keyframes hl-swapin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hl .tap{cursor:pointer;transition:border-color .2s,transform .2s}.hl .tap:hover{border-color:var(--accent)}.hl .caption.tap:hover h1 b{text-underline-offset:3px;text-decoration:underline}.hl .caption .crumb{font-family:var(--mono);font-variation-settings:normal;text-transform:none;letter-spacing:.01em;color:var(--accent);margin-bottom:6px;font-size:clamp(16px,1.8vw,20px);font-weight:600}.hl .caption .crumb-sub{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.hl .hud{z-index:9;border:1px solid var(--card-bd);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:236px;font-family:var(--mono);box-shadow:var(--card-sh);border-radius:9px;padding:13px 15px;transition:top .55s cubic-bezier(.2,.8,.2,1),bottom .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1),padding .5s cubic-bezier(.2,.8,.2,1),border-radius .5s;position:absolute;top:62px;bottom:calc(100% - 240px);right:clamp(18px,4vw,40px);overflow:hidden}.hl .hud.expanded{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;width:min(720px,62vw);padding:clamp(28px,4.4vh,52px) clamp(30px,4vw,56px);top:clamp(14px,2.4vh,30px);bottom:clamp(14px,2.4vh,30px);overflow-y:auto}.hl .hud .hrow{color:var(--muted);letter-spacing:.03em;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:11px;display:flex}.hl .hud .hrow b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.hl .hud .head{letter-spacing:.13em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--card-bd);justify-content:flex-start;gap:8px;margin-bottom:4px;padding-bottom:8px;font-size:10px}.hl .hud .head .dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2.2s ease-in-out infinite hl-pulse}@keyframes hl-pulse{0%,to{opacity:1}50%{opacity:.4}}.hl .spark{align-items:flex-end;gap:2px;height:13px;display:flex}.hl .spark i{background:var(--accent-hi);opacity:.85;border-radius:1px;width:3px;height:55%;animation:1.1s ease-in-out infinite hl-eq}@keyframes hl-eq{0%,to{height:25%}50%{height:100%}}.hl .hud-detail{font-family:var(--disp);display:none}.hl .hud.expanded .hud-live{border-bottom:1px solid var(--card-bd);align-items:center;gap:22px;margin-bottom:22px;padding-bottom:14px;display:flex}.hl .hud.expanded .hud-live .hrow{padding:0}.hl .hud.expanded .hud-live .head{border-bottom:none;margin-bottom:0;padding-bottom:0}.hl .hud.expanded .hud-live .up{margin-left:auto}.hl .hud.expanded .hud-live .load,.hl .hud.expanded .hud-live .run{display:none}.hl .hud.expanded .hud-detail{display:block}.hl .hud.expanded .hud-detail :where(.dt-back,.dt-kick,.dt-title,.dt-lead,.dt-sec){animation:.55s cubic-bezier(.2,.8,.2,1) both hl-dtin;animation-delay:calc(var(--i,0)*70ms + .2s)}@keyframes hl-dtin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hl .hud-detail .dt-back{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);border:1px solid var(--card-bd);cursor:pointer;background:0 0;border-radius:100px;padding:8px 15px;font-size:11px;transition:color .2s,border-color .2s}.hl .hud-detail .dt-back:hover{color:var(--accent);border-color:var(--accent)}.hl .hud-detail .dt-kick{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:30px 0 10px;font-size:11px}.hl .hud-detail .dt-title{font-family:var(--disp);font-variation-settings:normal;text-transform:none;letter-spacing:-.025em;font-size:clamp(32px,4.2vw,50px);font-weight:600;line-height:1}.hl .hud-detail .dt-title b{color:var(--accent);font-weight:600}.hl .hud-detail .dt-lead{color:var(--muted);max-width:54ch;margin:18px 0 4px;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.hl .hud-detail .dt-sec{border-top:1px solid var(--card-bd);margin-top:30px;padding-top:22px}.hl .hud-detail .dt-sec h3{font-family:var(--mono);font-variation-settings:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:15px;font-size:10px;font-weight:500}.hl .hud-detail .dt-list{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.hl .hud-detail .dt-list li{color:var(--ink);max-width:58ch;padding-left:22px;font-size:15px;line-height:1.5;position:relative}.hl .hud-detail .dt-list li:before{content:"";background:var(--accent);width:11px;height:2px;position:absolute;top:10px;left:0}.hl .hud-detail .chips,.hl .hud-detail .dt-links{flex-wrap:wrap;gap:7px;display:flex}.hl .hud-detail .chips span{font-family:var(--mono);color:var(--ink);border:1px solid var(--chip-bd);border-radius:100px;padding:5px 11px;font-size:11px}.hl .hud-detail .dt-links a{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);border:1px solid var(--chip-bd);border-radius:100px;padding:7px 14px;font-size:11.5px;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.hl .hud-detail .dt-links a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent)10%,transparent)}.hl .blist{flex-direction:column;gap:13px;display:flex}.hl .blist .it .nm{letter-spacing:-.01em;font-size:14px;font-weight:600}.hl .blist .it .nm em{font-style:normal;font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:9px;font-size:9.5px}.hl .blist .it .ds{color:var(--muted);max-width:58ch;margin-top:3px;font-size:11.5px;line-height:1.45}.hl .pipe{flex-direction:column;gap:0;display:flex}.hl .pipe .st{align-items:flex-start;gap:11px;padding:9px 0;display:flex;position:relative}.hl .pipe .st:not(:last-child):before{content:"";background:var(--chip-bd);width:1px;position:absolute;top:26px;bottom:-9px;left:13px}.hl .pipe .st .n{border:1px solid var(--chip-bd);width:27px;height:27px;font-family:var(--mono);color:var(--accent);background:color-mix(in srgb,var(--accent)8%,transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;display:flex}.hl .pipe .st .tx{font-size:12.5px;line-height:1.35}.hl .pipe .st .tx b{font-weight:600}.hl .pipe .st .tx em{color:var(--muted);font-style:normal;font-family:var(--mono);letter-spacing:.03em;margin-top:1px;font-size:10.5px;display:block}.hl .egg-btn{z-index:11;font-family:var(--mono);letter-spacing:.08em;color:var(--accent);background:var(--card);border:1px solid var(--card-bd);cursor:pointer;box-shadow:var(--card-sh);border-radius:8px;align-items:center;gap:5px;padding:7px 11px;font-size:12px;transition:transform .2s;display:flex;position:absolute;top:96px;left:clamp(18px,4vw,40px)}.hl .egg-btn:hover{transform:translateY(-1px)}.hl .egg-btn .bk{animation:1.05s step-end infinite hl-cur}.hl .egg{z-index:11;border:1px solid var(--card-bd);width:274px;box-shadow:var(--card-sh);opacity:0;visibility:hidden;transform-origin:0 0;border-radius:10px;transition:opacity .28s,visibility .28s,transform .28s cubic-bezier(.2,.8,.2,1);position:absolute;top:138px;left:clamp(18px,4vw,40px);overflow:hidden;transform:translateY(-8px)scale(.98)}.hl .egg.open{opacity:1;visibility:visible;transform:none}.hl .egg-bar{background:#11201a;border-bottom:1px solid #7bd88f29;align-items:center;gap:6px;padding:8px 11px;display:flex}.hl .egg-bar .egg-dot{background:#d96a5a;border-radius:50%;width:9px;height:9px}.hl .egg-bar .egg-dot.y{background:#e9b448}.hl .egg-bar .egg-dot.g{background:#7bd88f}.hl .egg-bar .egg-ttl{font-family:var(--mono);letter-spacing:.05em;color:#6fae82;margin-left:5px;font-size:10px}.hl .egg-scr{background:radial-gradient(120% 140% at 30% 0,#13241b,#0a140f 70%);padding:14px 15px 12px;position:relative}.hl .egg-scr:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff08 0 2px,#0000 2px 4px);position:absolute;inset:0}.hl .egg-pmt{font-family:var(--mono);color:#6fae82;letter-spacing:.04em;font-size:11px}.hl .egg-out{font-family:var(--mono);color:#cdeccf;text-wrap:pretty;min-height:56px;margin-top:7px;font-size:12.5px;line-height:1.5}.hl .egg-meta{font-family:var(--mono);color:#4f7a5e;letter-spacing:.06em;margin-top:8px;font-size:9.5px}.hl .egg-roll{width:100%;font-family:var(--mono);letter-spacing:.06em;color:#0a140f;cursor:pointer;background:#7bd88f;border:none;padding:9px;font-size:11.5px;transition:filter .15s;display:block}.hl .egg-roll:hover{filter:brightness(1.06)}.hl .mon{z-index:9;border:1px solid var(--card-bd);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:264px;font-family:var(--mono);box-shadow:var(--card-sh);border-radius:9px;padding:12px 14px;position:absolute;bottom:clamp(18px,2.4vh,30px);right:clamp(18px,4vw,40px)}.hl .mon-head{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);align-items:center;gap:7px;margin-bottom:9px;font-size:10px;display:flex}.hl .mon-head .mon-dot{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%;animation:2.2s ease-in-out infinite hl-pulse}.hl .mon-head .mon-cpu{color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-left:auto}.hl .mon-cv{width:100%;height:62px;display:block}.hl .mon-row{color:var(--muted);letter-spacing:.03em;align-items:center;gap:6px;margin-top:9px;font-size:10.5px;display:flex}.hl .mon-row b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:9px;font-weight:500}.hl.expanded .mon{bottom:176px;left:clamp(18px,4vw,40px);right:auto}.hl .mon-head .mon-cpu{color:color-mix(in srgb,var(--mon-accent,var(--accent))55%,var(--ink))}@media (max-width:720px){.hl .rack{--rs:.62}.hl .caption,.hl .hint,.hl .egg,.hl .egg-btn,.hl .mon,.hl .spine,.hl .floor{display:none}.hl .hud.expanded{width:auto;left:clamp(14px,4vw,24px)}}@media (max-height:720px){.hl .rack{--rs:.68}}@media (max-width:720px) and (max-height:720px){.hl .rack{--rs:.55}}@media (prefers-reduced-motion:reduce){.hl .mote,.hl .cables .pulse{display:none}.hl .led,.hl .spark i,.hl .hud .head .dot,.hl .mon-head .mon-dot,.hl .display:before,.hl .unit.active .front{animation:none}.hl:not(.booted) .unit{opacity:1;filter:none;transform:none}.hl:not(.booted) .cables,.hl:not(.booted) .frame,.hl:not(.booted) .caption,.hl:not(.booted) .hint,.hl:not(.booted) .hud,.hl:not(.booted) .mon,.hl:not(.booted) .egg-btn{opacity:1}.hl.booted .cables,.hl.booted .frame,.hl.booted .caption,.hl.booted .hint,.hl.booted .hud,.hl.booted .mon,.hl.booted .egg-btn,.hl .hud.expanded .hud-detail :where(.dt-back,.dt-kick,.dt-title,.dt-lead,.dt-sec),.hl .hl-swap{animation:none}.hl .spine{transition:none}}