:root{--bg:#0b0c10;--fg:#e8e8ea;--ok: rgba(90, 255, 185, 1);--warn: rgba(255, 210, 105, 1);--crit: rgba(255, 90, 110, 1);--bar-w: 10px;--bar-h: 96px;--gap-y: 44px;--gap-x: 28px;--glow-core: 30px;--glow-soft: 80px;--all-core: 22px;--all-soft: 60px;--wordmark-gap: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0;background:var(--bg)}body{overflow:hidden}.page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(900px 600px at 50% 50%,#141625 0%,var(--bg) 60%,#06070a 100%);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;min-height:100dvh}.mark{display:flex;align-items:center;justify-content:center;gap:var(--wordmark-gap);-webkit-user-select:none;user-select:none;padding:20px;position:relative}.barsWrap{display:flex;align-items:center;justify-content:center;gap:var(--gap-x);flex-shrink:0}.bar{width:var(--bar-w);height:var(--bar-h);border-radius:999px;background:linear-gradient(180deg,#f3f3f6,#cfd2da);box-shadow:0 10px 26px #00000059;transition:transform .9s cubic-bezier(.2,.8,.2,1),box-shadow .52s ease,filter .52s ease}.wordmark{font-weight:300;letter-spacing:.28em;font-size:clamp(18px,4vw,32px);text-transform:uppercase;white-space:nowrap;color:#e8e8eaeb;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);flex-shrink:0}.mark.stack{flex-direction:column;gap:0}.mark.stack .barsWrap{gap:0;flex-direction:column}.mark.stack .b1{transform:translateY(calc(var(--gap-y) * -1))}.mark.stack .b2{transform:translateY(0)}.mark.stack .b3{transform:translateY(var(--gap-y))}.mark.stack .wordmark{position:absolute;opacity:0;transform:scale(.95)}.mark.line,.mark.line .barsWrap{flex-direction:row}.mark.line .wordmark{opacity:1;transform:scale(1)}.mark.glow-ok .b1,.mark.glow-warn .b2,.mark.glow-crit .b3{box-shadow:0 10px 26px #00000059,0 0 var(--glow-core) var(--glow),0 0 var(--glow-soft) #ffffff24;filter:saturate(1.45) brightness(1.04)}.mark.glow-ok{--glow: var(--ok)}.mark.glow-warn{--glow: var(--warn)}.mark.glow-crit{--glow: var(--crit)}.mark.glow-all .b1{box-shadow:0 10px 26px #00000059,0 0 var(--all-core) var(--ok),0 0 var(--all-soft) #5affb92e;filter:saturate(1.45) brightness(1.04)}.mark.glow-all .b2{box-shadow:0 10px 26px #00000059,0 0 var(--all-core) var(--warn),0 0 var(--all-soft) #ffd2692e;filter:saturate(1.45) brightness(1.04)}.mark.glow-all .b3{box-shadow:0 10px 26px #00000059,0 0 var(--all-core) var(--crit),0 0 var(--all-soft) #ff5a6e2e;filter:saturate(1.45) brightness(1.04)}@media (max-width: 768px){:root{--bar-h: 88px;--gap-y: 40px;--gap-x: 24px;--wordmark-gap: 20px}.wordmark{font-size:clamp(16px,3.8vw,28px);letter-spacing:.26em}}@media (max-width: 520px){:root{--bar-h: 80px;--gap-y: 36px;--gap-x: 20px;--wordmark-gap: 16px}.mark{padding:16px}.wordmark{font-size:clamp(14px,4.2vw,24px);letter-spacing:.24em}}@media (max-width: 380px){:root{--bar-h: 72px;--gap-y: 32px;--gap-x: 18px;--wordmark-gap: 14px}.wordmark{font-size:clamp(13px,4.5vw,20px);letter-spacing:.22em}}@media (max-height: 500px) and (orientation: landscape){:root{--bar-h: 64px;--gap-y: 28px}.wordmark{font-size:clamp(12px,3vw,20px)}}@media (prefers-reduced-motion: reduce){.bar,.wordmark{transition:none!important}}@media (prefers-color-scheme: light){:root{--bg: #0b0c10}}