:root{--navy:#070a12;--ink:#f4f1ea;--ink-dim:#f4f1ea9e;--ink-faint:#f4f1ea38;--blue:#4f8dff;--red:#ff4a3a;--gutter:clamp(16px, 4vw, 56px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--navy);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,Arial,sans-serif}img,iframe{max-width:100%;display:block}a{color:inherit;text-decoration:none}.live-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.live-bg .half{filter:blur(3px)saturate(1.1)brightness(.5);background-position:50%;background-size:cover;position:absolute;inset:-20px}.live-bg .utopia{background-image:url(/og/utopia.jpg)}.live-bg .doom{clip-path:polygon(56% 0,100% 0,100% 100%,40% 100%);background-image:url(/og/doom.jpg)}.live-bg .utopia:after{content:"";mix-blend-mode:screen;background:linear-gradient(100deg,#4f8dff38,#4f8dff00 60%);position:absolute;inset:0}.live-bg .doom:after{content:"";mix-blend-mode:screen;background:linear-gradient(260deg,#ff4a3a40,#ff4a3a00 60%);position:absolute;inset:0}.live-bg .scrim{background:radial-gradient(75% 70% at 50% 58%,#050810b3,#05081059 80%);position:absolute;inset:0}.live-page{z-index:1;height:100svh;min-height:320px;padding:0 var(--gutter) var(--gutter);flex-direction:column;display:flex;position:relative}.live-top{text-shadow:0 2px 14px #0009;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 0;display:grid}.live-logos{align-items:center;gap:14px;min-width:0;display:flex}.live-logos img{flex:none;width:auto}.live-logos .platanus{height:22px}.live-logos .buk{height:17px}.live-logos .kairos{filter:brightness(0)invert();height:15px}.live-logos i{background:var(--ink);opacity:.45;flex:none;width:1px;height:20px}.live-head{text-align:center}.live-head h1{letter-spacing:.04em;white-space:nowrap;margin:0;font-size:18px;font-weight:200;font-stretch:125%}.live-head h1 b{letter-spacing:-.01em;font-weight:900}.live-names{white-space:nowrap;margin-top:6px;font-size:14px;font-weight:700;font-stretch:118%}.live-names em{opacity:.7;padding:0 10px;font-style:normal;font-weight:300}.live-status{letter-spacing:.06em;white-space:nowrap;justify-self:end;align-items:center;font-size:13px;font-weight:700;font-stretch:125%;display:flex}.live-status .sep{opacity:.6;padding:0 10px}.live-dot{background:var(--red);border-radius:50%;flex:none;width:9px;height:9px;margin-right:10px;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #ff4a3a8c}to{box-shadow:0 0 0 10px #ff4a3a00}}.live-screen{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.live-frame{aspect-ratio:16/9;border:1px solid var(--ink-faint);background:#05070d;border-radius:6px;width:min(100cqw,177.778cqh);overflow:hidden;box-shadow:0 24px 90px #0009}.live-frame iframe{border:0;width:100%;height:100%}@media (width<=1100px){.live-top{grid-template-columns:1fr auto;grid-template-areas:"logos status""head head";row-gap:14px;padding:16px 0 20px}.live-logos{grid-area:logos}.live-status{grid-area:status}.live-head{text-align:left;grid-area:head}}@media (width<=1100px) and (orientation:portrait){.live-page{justify-content:center;height:auto;min-height:100svh;padding-bottom:12vh}.live-screen{flex:none;display:block;container-type:normal}.live-frame{width:100%}}@media (width<=600px){.live-top{grid-template-columns:1fr;grid-template-areas:"logos""status""head";row-gap:0;padding:20px 0 18px}.live-logos{gap:min(12px,3vw);margin-bottom:22px}.live-logos .platanus{height:min(20px,5.4vw)}.live-logos .buk{height:min(15px,4.1vw)}.live-logos .kairos{height:min(13px,3.5vw)}.live-logos i{height:min(18px,4.8vw)}.live-status{justify-self:start;margin-bottom:10px;font-size:11px}.live-status .sep{padding:0 8px}.live-dot{width:7px;height:7px;margin-right:8px}.live-head h1{font-size:calc((100vw - 2 * var(--gutter)) / 14.2);line-height:1.02}.live-head h1 b{display:block}.live-names{margin-top:8px;font-size:min(15px,4.1vw)}.live-names em{padding:0 8px}.live-frame{border-radius:4px}}@media (height<=520px) and (orientation:landscape){.live-page{height:100svh;padding-bottom:10px}.live-top{grid-template-columns:auto 1fr auto;grid-template-areas:"logos head status";gap:16px;padding:10px 0}.live-logos{gap:10px}.live-logos .platanus{height:16px}.live-logos .buk{height:12px}.live-logos .kairos{height:11px}.live-logos i{height:14px}.live-head{text-align:center}.live-head h1{font-size:13px}.live-names{margin-top:3px;font-size:11px}.live-status{font-size:11px}.live-status .date{display:none}.live-frame{border-radius:4px}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}