:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f6ff;background:#060b17;--text:#f4f6ff;--muted:#9aa8c5;--line:rgba(160,181,255,.18);--blue:#8fc4ff;--mint:#71e5c4;--amber:#ffd078;--red:#fa8d91;--panel:rgba(14,22,49,.84)}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 82% 0,#28397d 0,transparent 33%),radial-gradient(circle at -4% 36%,#153f5a 0,transparent 28%),#060b17}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(166,199,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(166,199,255,.25) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}a{color:inherit}.shell{width:min(1160px,calc(100% - 42px));margin-inline:auto}.runtime-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.runtime-brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;letter-spacing:.12em;text-decoration:none}.runtime-brand img{width:33px;height:33px;border-radius:9px;object-fit:cover;box-shadow:0 0 24px rgba(117,173,255,.45)}.runtime-brand small{color:var(--mint);font-size:9px;letter-spacing:.18em}.runtime-header nav{display:flex;gap:20px;color:var(--muted);font-size:12px}.runtime-header nav a{text-decoration:none}.runtime-header nav a:hover{color:#fff}.runtime-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:60px;padding:86px 0 58px}.kicker{display:flex;align-items:center;gap:8px;margin:0;color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.18em}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(113,229,196,.14),0 0 16px rgba(113,229,196,.75)}h1{margin:19px 0 0;font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-.07em}h1 em{color:#b9adff;font-style:normal}.lede{max-width:680px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.runtime-orbit{position:relative;display:grid;place-items:center;height:255px;border:1px solid rgba(143,196,255,.34);border-radius:50%;background:radial-gradient(circle,#192766 0,rgba(11,20,52,.7) 46%,rgba(7,12,30,.2) 68%);box-shadow:0 0 90px rgba(92,121,255,.24)}.orbit-ring{position:absolute;border:1px solid rgba(143,196,255,.35);border-radius:50%;transform:rotate(-24deg)}.ring-one{width:180px;height:82px}.ring-two{width:225px;height:105px;transform:rotate(54deg);border-color:rgba(113,229,196,.3)}.orbit-core{display:grid;place-items:center;width:83px;height:83px;border:1px solid rgba(189,210,255,.65);border-radius:50%;background:linear-gradient(145deg,#6fe1c0,#7b94ff);color:#08132e;font-size:18px;font-weight:950;box-shadow:0 0 38px rgba(113,229,196,.55)}.runtime-orbit p{position:absolute;bottom:19px;margin:0;color:#93a7d6;text-align:center;font-size:9px;letter-spacing:.14em}.runtime-orbit strong{display:inline-block;margin-top:4px;color:#f1f5ff;font-size:11px;letter-spacing:.08em}.runtime-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:rgba(8,15,37,.55)}.runtime-metrics>div{padding:20px;border-right:1px solid var(--line)}.runtime-metrics>div:last-child{border-right:0}.runtime-metrics span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.runtime-metrics strong{display:block;margin-top:9px;color:#eff3ff;font-size:19px}.runtime-panel{margin-top:63px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 24px 60px rgba(2,4,18,.3);overflow:hidden}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:27px 28px;border-bottom:1px solid var(--line)}.panel-head h2{margin:9px 0 0;font-size:30px;letter-spacing:-.05em}.refresh-button{border:1px solid rgba(143,196,255,.38);border-radius:999px;padding:10px 15px;background:rgba(34,48,100,.55);color:#dfe7ff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.refresh-button:hover{background:#30448e}.runtime-note{margin:0;padding:13px 28px;color:#9cb3df;background:rgba(84,105,194,.11);font-size:12px}.runtime-note:empty{display:none}.runtime-list{display:grid;grid-template-columns:repeat(2,1fr)}.runtime-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:21px 28px;border-bottom:1px solid rgba(160,181,255,.12)}.runtime-card:nth-child(odd){border-right:1px solid rgba(160,181,255,.12)}.runtime-card h3{margin:0;font-size:17px}.runtime-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;color:#8496be;font-size:11px}.runtime-card-meta span{padding-right:8px;border-right:1px solid rgba(160,181,255,.18)}.runtime-card-meta span:last-child{border-right:0}.runtime-time{text-align:right}.runtime-time strong{display:block;color:#eff3ff;font-size:18px}.runtime-time small{display:block;margin-top:5px;color:#8496be;font-size:10px}.runtime-badge{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--amber);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.runtime-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.runtime-badge.running{color:var(--mint)}.runtime-badge.offline{color:var(--red)}.runtime-badge.starting,.runtime-badge.stopping{color:var(--amber)}.runtime-loading{grid-column:1/-1;padding:28px;color:var(--muted);font-size:13px}.runtime-explain{padding:78px 0 20px}.runtime-explain h2{max-width:650px;margin:15px 0 0;font-size:clamp(32px,5vw,52px);line-height:1;letter-spacing:-.055em}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:29px}.explain-grid article{padding:22px;border:1px solid var(--line);border-radius:13px;background:rgba(11,20,46,.69)}.explain-grid b{color:var(--blue);font-size:12px;letter-spacing:.12em}.explain-grid h3{margin:18px 0 8px;font-size:18px}.explain-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.runtime-footer{display:flex;justify-content:space-between;gap:18px;margin-top:70px;padding:27px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.runtime-footer nav{display:flex;gap:16px;flex-wrap:wrap}.runtime-footer a{text-decoration:none}.runtime-footer a:hover{color:#fff}@media(max-width:800px){.runtime-hero{grid-template-columns:1fr;gap:40px;padding-top:58px}.runtime-orbit{width:255px;margin-left:auto;margin-right:auto}.runtime-list{grid-template-columns:1fr}.runtime-card:nth-child(odd){border-right:0}.explain-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.shell{width:min(100% - 28px,1160px)}.runtime-header{height:74px;flex-wrap:wrap}.runtime-header nav{gap:12px}.runtime-hero{padding-top:47px}.runtime-metrics{grid-template-columns:1fr 1fr}.runtime-metrics>div:nth-child(2){border-right:0}.runtime-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.panel-head{display:block;padding:22px}.refresh-button{margin-top:17px}.runtime-note{padding-inline:22px}.runtime-card{padding:19px 22px;grid-template-columns:1fr}.runtime-time{text-align:left}.explain-grid{grid-template-columns:1fr}.runtime-footer{align-items:flex-start;flex-direction:column}}
/* Ender-inspired orbital scene for the runtime hero. */
.runtime-ender-scene{overflow:hidden;perspective:900px;transform-style:preserve-3d;isolation:isolate}.runtime-ender-scene:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 48%,rgba(151,96,255,.26),transparent 30%),radial-gradient(circle at 18% 22%,rgba(83,242,216,.18),transparent 22%),radial-gradient(circle at 82% 80%,rgba(98,72,255,.24),transparent 26%);animation:ender-nebula 12s ease-in-out infinite alternate}.runtime-ender-scene:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.72;background-image:radial-gradient(circle at 12% 20%,#b8c7ff 0 1px,transparent 1.5px),radial-gradient(circle at 78% 18%,#8ef1dc 0 1px,transparent 1.5px),radial-gradient(circle at 88% 66%,#d19cff 0 1px,transparent 1.5px),radial-gradient(circle at 22% 82%,#849dff 0 1px,transparent 1.5px),radial-gradient(circle at 64% 84%,#d19cff 0 1px,transparent 1.5px);animation:ender-stars 7s linear infinite}.runtime-ender-scene .orbit-ring{transform-style:preserve-3d;will-change:transform}.runtime-ender-scene .ring-one{transform:rotateX(67deg) rotateZ(-24deg);animation:ender-ring-one 16s linear infinite}.runtime-ender-scene .ring-two{transform:rotateX(63deg) rotateZ(54deg);animation:ender-ring-two 22s linear infinite}.runtime-ender-scene .ring-three{width:205px;height:92px;border-color:rgba(196,135,255,.24);transform:rotateX(70deg) rotateZ(12deg);animation:ender-ring-three 28s linear infinite reverse}.planet-track{position:absolute;inset:0;display:block;transform-style:preserve-3d;will-change:transform}.track-one{animation:ender-track-one 11s linear infinite}.track-two{animation:ender-track-two 17s linear infinite reverse}.track-three{animation:ender-track-three 23s linear infinite}.ender-planet,.ender-moon{position:absolute;top:50%;left:50%;display:block;border-radius:50%;transform-style:preserve-3d}.ender-planet:after{content:"";position:absolute;inset:18%;border-radius:50%;background:rgba(235,229,255,.32);filter:blur(5px);mix-blend-mode:screen}.planet-violet{width:22px;height:22px;transform:translateX(102px);background:radial-gradient(circle at 34% 30%,#f0d7ff 0 8%,#bd70ed 28%,#5b33b8 70%,#27165e 100%);box-shadow:0 0 20px rgba(190,105,255,.92),0 0 46px rgba(128,85,255,.4)}.planet-cyan{width:14px;height:14px;transform:translateX(82px) translateY(-2px);background:radial-gradient(circle at 33% 27%,#e5fff8 0 8%,#6de5ce 33%,#3281af 72%,#17235d 100%);box-shadow:0 0 15px rgba(102,239,215,.9)}.ender-moon{width:7px;height:7px;transform:translateX(114px) translateY(1px);background:#d8b6ff;box-shadow:0 0 12px rgba(207,158,255,.95)}.runtime-ender-scene .orbit-core{position:relative;z-index:4;animation:ender-core 4s ease-in-out infinite;box-shadow:0 0 38px rgba(113,229,196,.55),0 0 75px rgba(135,103,255,.33)}.runtime-ender-scene p{z-index:5}.scene-stars{position:absolute;z-index:2;width:3px;height:3px;border-radius:50%;background:#a6f5e0;box-shadow:24px 41px 0 #8ea5ff,86px -54px 0 #d19cff,150px 66px 0 #9cf3dd,204px -22px 0 #b5a2ff,192px 121px 0 #7894ff;opacity:.65;animation:ender-dust 5s ease-in-out infinite alternate}.stars-one{left:23px;top:34px}.stars-two{right:31px;bottom:54px;transform:scale(.7);animation-delay:-2s;animation-duration:7s}@keyframes ender-nebula{from{transform:scale(1);opacity:.7}to{transform:scale(1.12) rotate(4deg);opacity:1}}@keyframes ender-stars{from{transform:translate3d(0,0,0)}to{transform:translate3d(-8px,6px,0)}}@keyframes ender-ring-one{from{transform:rotateX(67deg) rotateZ(-24deg)}to{transform:rotateX(67deg) rotateZ(336deg)}}@keyframes ender-ring-two{from{transform:rotateX(63deg) rotateZ(54deg)}to{transform:rotateX(63deg) rotateZ(-306deg)}}@keyframes ender-ring-three{from{transform:rotateX(70deg) rotateZ(12deg)}to{transform:rotateX(70deg) rotateZ(372deg)}}@keyframes ender-track-one{from{transform:rotateZ(0deg) rotateX(2deg)}to{transform:rotateZ(360deg) rotateX(2deg)}}@keyframes ender-track-two{from{transform:rotateZ(0deg) rotateX(-8deg) scaleY(.78)}to{transform:rotateZ(360deg) rotateX(-8deg) scaleY(.78)}}@keyframes ender-track-three{from{transform:rotateZ(0deg) rotateX(10deg) scaleY(.62)}to{transform:rotateZ(360deg) rotateX(10deg) scaleY(.62)}}@keyframes ender-core{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.045)}}@keyframes ender-dust{from{opacity:.35;transform:translate3d(0,0,0)}to{opacity:.9;transform:translate3d(4px,-7px,0)}}@media(prefers-reduced-motion:reduce){.runtime-ender-scene:before,.runtime-ender-scene:after,.runtime-ender-scene .orbit-ring,.planet-track,.runtime-ender-scene .orbit-core,.scene-stars{animation:none}}
