.ops{--pink:#e8338c;--gold:#ffd200;--ok:#3ecf8e;--bad:#f07178;--muted:#f8fafc94;--line:#ffffff1a;background:radial-gradient(80% 50% at 10% -10%,#e8338c2e,#0000 55%),radial-gradient(60% 40% at 90% 0,#ffd20014,#0000 50%),#120812;min-height:100vh;position:relative;overflow:hidden}.ops-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ops-fx-grid{opacity:.55;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;animation:28s linear infinite opsGridDrift;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 20%,#0000 75%)}.ops-fx-orb{filter:blur(60px);opacity:.55;mix-blend-mode:screen;border-radius:50%;position:absolute}.ops-fx-orb-a{background:radial-gradient(circle,#e8338c8c,#0000 68%);width:42vw;height:42vw;animation:16s ease-in-out infinite alternate opsOrbA;top:-12%;left:-8%}.ops-fx-orb-b{background:radial-gradient(circle,#ffd20047,#0000 70%);width:36vw;height:36vw;animation:22s ease-in-out infinite alternate opsOrbB;top:18%;right:-10%}.ops-fx-orb-c{background:radial-gradient(circle,#ff5e3a52,#0000 70%);width:48vw;height:28vw;animation:19s ease-in-out infinite alternate opsOrbC;bottom:-18%;left:25%}.ops-fx-scan{opacity:.35;background:repeating-linear-gradient(#0000 0 3px,#ffffff04 3px 4px);position:absolute;inset:0}.ops-fx-vignette{background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.ops-frame{z-index:1;width:min(760px,100% - 32px);margin:0 auto;padding:28px 0 64px;position:relative}.site-bar{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a040ab8;border-bottom:1px solid #ffffff14;position:relative}.site-bar-inner{justify-content:space-between;align-items:center;gap:12px;width:min(1100px,100% - 40px);min-height:44px;margin:0 auto;padding:6px 0;display:flex}.site-bar-line{background:linear-gradient(90deg,#0000,#e8338c8c,#ffd20073,#0000);height:1px}.row,.actions,.ops-brand{align-items:center;gap:12px;display:flex}.row{justify-content:space-between}.ops-brand{gap:10px;min-width:0}.ops-brand-logo{flex:none;width:auto;height:26px}.ops-brand-note{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.2;overflow:hidden}.session-chip{background:#00000047;border:1px solid #ffffff1f;border-radius:999px;flex:none;align-items:center;gap:8px;padding:3px 3px 3px 12px;display:flex}.session-chip .ghost{padding:6px 12px;font-size:13px}h2{letter-spacing:-.03em;margin:0;font-family:ballmer,titan,sans-serif;font-size:28px;font-weight:400}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0b;border-radius:18px;margin-top:22px;padding:22px}p{color:var(--muted)}.health,.meta,.warn,.ok-text{font-size:14px}.health.ok,.ok-text{color:var(--ok)}.warn{color:var(--bad)}form,.sites{gap:14px;display:grid}label{color:#f8fafc;gap:6px;font-size:14px;display:grid}input[type=text],input:not([type=file]),textarea{border:1px solid var(--line);color:#f8fafc;background:#00000047;border-radius:12px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:64px;font:inherit}.drop{background:#00000038;border:1px dashed #e8338c73;border-radius:16px;justify-items:start;gap:8px;padding:22px;display:grid}.drop.is-over{background:#e8338c1f;border-color:#ffd200}.drop strong{letter-spacing:-.03em;font-family:ballmer,titan,sans-serif;font-size:22px;font-weight:400}.drop-actions{gap:10px;margin-top:6px;display:flex}.browser{gap:8px;width:100%;display:grid}.tree{background:#00000047;border-radius:12px;max-height:320px;margin:0;padding:4px;list-style:none;overflow:auto}.tree ul{margin:0;padding:0;list-style:none}.tree li,.tree summary{justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;font-size:14px;display:flex}.tree summary{cursor:pointer;justify-content:flex-start}.tree summary .kind{margin-left:auto}.tree summary::-webkit-details-marker{display:none}.tree summary:before{content:"▸";color:var(--pink);flex:none;margin-right:8px}.tree details[open]>summary:before{content:"▾"}.tree details details{margin-left:14px}.tree li:hover,.tree summary:hover{background:#e8338c14}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kind{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);flex:none;font-family:runic,titan,sans-serif;font-size:11px}.muted-kind{color:var(--muted)}.site-footer{z-index:1;background:#0a0a0a;border-top:1px solid #ffffff1a;position:relative;overflow:hidden}.site-footer-bg{background:linear-gradient(#4a0d3a59 0%,#0000 28%),radial-gradient(circle at 85% 100%,#e8338c14,#0000 40%);position:absolute;inset:0}.footer-corner{z-index:0;object-fit:contain;object-position:bottom;pointer-events:none;opacity:.9;width:min(52vw,28rem);animation:10s ease-in-out infinite cornerFloat;position:absolute;bottom:0;right:0}.site-footer-inner{z-index:1;width:min(1100px,100% - 40px);margin:0 auto;padding:64px 0 28px;position:relative}.footer-grid{gap:48px;display:grid}.footer-logo{width:auto;height:76px}.footer-social{align-items:center;gap:18px;margin-top:28px;display:flex}.footer-social a{color:#ffffffb3}.footer-social a:hover{color:#fff}.footer-social svg{fill:currentColor;width:22px;height:22px;display:block}.footer-copy{color:#ffffff8c;margin:36px 0 0;font-size:14px}.footer-links{gap:28px;display:grid}.footer-links a{color:#fffc;margin-bottom:16px;font-size:18px;text-decoration:none;display:block}.footer-links a:hover{color:#fff}.footer-disclaimer{text-align:center;color:#ffffff73;border-top:1px solid #ffffff1a;margin:56px 0 0;padding-top:22px;font-size:13px}.sign-in{gap:18px;display:grid}.sign-in>p{margin:0}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:28px 1fr;align-items:start;gap:12px;display:grid}.steps li>span{width:28px;height:28px;color:var(--gold);border:1px solid #ffd20059;border-radius:50%;place-items:center;font-size:13px;display:grid}.steps strong{color:#f8fafc;font-size:14px;display:block}.steps p{margin:2px 0 0;font-size:13px}.sign-actions{gap:8px;display:grid}.sign-actions button,.sign-guest{width:100%}.sign-guest{margin-top:0}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choices{border:0;margin:0;padding:0}.choices legend{color:var(--muted);margin-bottom:8px;font-size:13px}button.choice{border:1px solid var(--line);color:#f8fafc;text-align:left;background:#00000047;border-radius:14px;justify-items:start;gap:2px;min-height:72px;padding:12px 14px;display:grid}button.choice strong{font-size:15px;font-weight:600}button.choice span{color:var(--muted);font-size:12px;font-weight:400}button.choice.is-on{background:#e8338c29;border-color:#e8338ccc}.split{grid-template-columns:1fr 120px;gap:12px;display:grid}select{width:100%;color:inherit;font:inherit;background:#00000047;border:1px solid #ffffff1f;border-radius:10px;margin-top:6px;padding:10px 12px}button{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 16px}button:disabled{opacity:.55;cursor:wait}button.choice:disabled{opacity:.5;cursor:not-allowed}button.ghost{color:#f8fafc;border:1px solid var(--line);background:0 0}.address{letter-spacing:.06em;color:var(--gold);font-family:runic,titan,sans-serif}.sites{margin:16px 0 0;padding:0;list-style:none}.sites li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 16px;padding:16px 0;display:grid}.site-main{gap:6px;min-width:0;display:grid}.site-flags{flex-wrap:wrap;gap:8px;display:flex}.site-desc{color:var(--muted);margin:0;font-size:14px}.site-edit{gap:8px;display:grid}.site-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-family:runic,titan,sans-serif;font-size:11px;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.status-live{color:var(--ok);background:#3ecf8e1f}.status-publishing,.status-restarting{color:var(--gold);background:#ffd2001a}.status-publishing .status-dot,.status-restarting .status-dot{animation:1.4s ease-in-out infinite statusPulse}.status-down{color:var(--bad);background:#f071781f}.status-pending,.status-source{color:var(--muted);background:#ffffff0f}button.danger{color:var(--bad);background:0 0;border:1px solid #f0717880}.sites a,.sites strong,.sites .meta{display:block}code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}@keyframes opsGridDrift{0%{transform:translate(0,0)}to{transform:translate(-56px,-56px)}}@keyframes opsOrbA{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,10%)scale(1.15)}}@keyframes opsOrbB{0%{transform:translate(0,0)scale(1)}to{transform:translate(-10%,8%)scale(1.2)}}@keyframes opsOrbC{0%{transform:translate(0,0)scale(1)}to{transform:translate(6%,-12%)scale(1.12)}}@keyframes opsBrandPulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.8;transform:scale(1.08)}}@keyframes opsLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes opsTextShine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes statusPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes cornerFloat{0%,to{transform:translateY(18%)}50%{transform:translateY(8%)}}@media (width>=640px){.footer-links{grid-template-columns:repeat(3,1fr);gap:18px}}@media (width>=860px){.footer-grid{grid-template-columns:1.15fr 2fr;align-items:start;gap:64px}.footer-links{grid-template-columns:repeat(3,1fr);gap:24px}}@media (width<=640px){.site-bar-inner,.sites li,.drop-actions{display:grid}.site-bar-inner{min-height:0;padding:8px 0}.ops-brand-note{white-space:normal}.sites li{grid-template-columns:1fr}.ops-brand-logo{height:24px}.footer-logo{height:58px}}@media (prefers-reduced-motion:reduce){.ops-fx-grid,.ops-fx-orb,.ops-brand-glow,.ops-brand-logo,.footer-corner,.status-dot{animation:none}}@font-face{font-family:ballmer;src:url(/fonts/ballmer.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:titan;src:url(/fonts/titan.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:runic;src:url(/fonts/runic.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;background:#120812;font-family:titan,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:#120812;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}
