@font-face{font-family:"Inter";src:url("/static/inter.woff2") format("woff2");font-weight:400 500;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("/static/inter-tight.woff2") format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/static/jetbrains-mono.woff2") format("woff2");font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--ior-bg:#05080c;--ior-surface:#0a1119;--ior-surface-2:#111b26;--ior-fg:#e8f1f8;--ior-muted:#a3b2c1;--ior-line:#1b2836;--ior-control:#6b7c8d;--ior-blue:#1fa8ff;--ior-on-blue:#03111c;--ior-green:#12a33d;--ior-red:#ff6b5a;--ior-amber:#f5b83d;--ior-note:#1d1709;--ior-focus:#1fa8ff;--ior-display:"Inter Tight",Inter,system-ui,sans-serif;--ior-mono:"JetBrains Mono",ui-monospace,monospace;--ior-glass:color-mix(in srgb,var(--ior-surface) 78%,transparent);--ior-edge:color-mix(in srgb,var(--ior-blue) 22%,var(--ior-line));--ior-shine:color-mix(in srgb,var(--ior-fg) 7%,transparent);--ior-ease:cubic-bezier(.2,.8,.2,1)}
:root[data-theme="light"]{color-scheme:light;--ior-bg:#f6f8fa;--ior-surface:#ffffff;--ior-surface-2:#eef2f6;--ior-fg:#0b1117;--ior-muted:#4a5560;--ior-line:#d5dbe1;--ior-control:#6b7785;--ior-blue:#0a6fb8;--ior-on-blue:#ffffff;--ior-green:#0b7a2c;--ior-red:#c0362c;--ior-amber:#8a5a00;--ior-note:#fff6dc;--ior-focus:#0a6fb8}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--ior-bg);background-image:radial-gradient(70rem 42rem at 88% -12%,color-mix(in srgb,var(--ior-blue) 15%,transparent),transparent 70%),radial-gradient(54rem 34rem at -12% 112%,color-mix(in srgb,var(--ior-green) 8%,transparent),transparent 70%);background-attachment:fixed;color:var(--ior-fg);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ior-ease)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--ior-blue) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ior-blue) 6%,transparent) 1px,transparent 1px);background-size:3.5rem 3.5rem;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 60% 0%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 70% at 60% 0%,black 20%,transparent 75%)}
.rain{position:fixed;left:0;right:0;top:0;height:72vh;z-index:-1;display:flex;justify-content:space-around;overflow:hidden;pointer-events:none;user-select:none;color:var(--ior-blue);opacity:.11;-webkit-mask-image:linear-gradient(to bottom,black 5%,transparent 90%),linear-gradient(100deg,transparent 15%,black 70%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,black 5%,transparent 90%),linear-gradient(100deg,transparent 15%,black 70%);mask-composite:intersect;transition:color .6s var(--ior-ease),opacity .6s var(--ior-ease)}
.rain span{display:block;font-family:var(--ior-mono);font-weight:700;font-size:1rem;line-height:1.2;writing-mode:vertical-rl;text-orientation:upright;animation:ior-rain 16s linear infinite}
.rain span:nth-child(3n){animation-duration:11s;animation-delay:-4s;opacity:.6}
.rain span:nth-child(3n+1){animation-duration:19s;animation-delay:-9s}
.rain span:nth-child(4n){animation-duration:13s;animation-delay:-2s;opacity:.45}
.rain span:nth-child(5n){animation-duration:22s;animation-delay:-13s}
.rain span:nth-child(7n+2){color:var(--ior-green);animation-duration:14s;animation-delay:-6s}
@keyframes ior-rain{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@media (max-width:600px){.rain span:nth-child(n+13){display:none}}
h1,h2,h3{font-family:var(--ior-display);font-weight:600;line-height:1.1;letter-spacing:-.02em;overflow-wrap:anywhere}
h1{font-size:clamp(2.25rem,5.2vw,3.75rem);line-height:1.02;letter-spacing:-.04em;margin:.25rem 0 1.25rem;background:linear-gradient(180deg,var(--ior-fg) 45%,color-mix(in srgb,var(--ior-fg) 62%,var(--ior-blue)));-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:1.5rem;margin:2.5rem 0 .75rem}
p,li,dd,td,th,legend,label{overflow-wrap:anywhere}
a{color:var(--ior-blue);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .2s}
code,time{font-family:var(--ior-mono)}
time{word-spacing:-.35em;letter-spacing:-.01em}
code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:1rem;overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--ior-focus);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;top:.5rem;z-index:30;display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;background:var(--ior-surface);border-radius:.75rem}
.top{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:.375rem 1rem;align-items:center;min-height:4rem;padding:.625rem 1rem;background:color-mix(in srgb,var(--ior-bg) 70%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--ior-edge);view-transition-name:ior-top}
.brand{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--ior-display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em}
.brand .crown{width:2rem;height:2rem;filter:drop-shadow(0 0 .5rem color-mix(in srgb,var(--ior-blue) 55%,transparent))}
.brand-sub{font-family:var(--ior-mono);font-weight:500;font-size:1rem;letter-spacing:.06em;color:var(--ior-muted);padding:0 .5rem;border:1px solid var(--ior-edge);border-radius:999px;font-variant-caps:all-small-caps}
.tenant{display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;padding:.25rem .875rem;font-family:var(--ior-mono);color:var(--ior-muted);border:1px solid var(--ior-edge);border-radius:999px;background:var(--ior-glass);overflow-wrap:anywhere;min-width:0}
.tenant::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--ior-green);box-shadow:0 0 .5rem var(--ior-green)}
@media (max-width:480px){.brand-sub{display:none}.tenant{font-family:Inter,system-ui,sans-serif;padding:.125rem .75rem}}
.crown{display:block;flex:none}
.cc-digits{font-family:var(--ior-mono);font-weight:800;fill:var(--ior-blue)}
.cc-gems{fill:var(--ior-green)}
.cc-fall{animation-timing-function:linear;animation-iteration-count:infinite}
main{display:block;max-width:72rem;min-width:0;margin:0 auto;padding:1.75rem 1rem 2rem}
main>*{max-width:50rem}
main>h1,main>.cards.agents,main>.summary,main>.stop-all,main>.wait{max-width:none}
.shell main{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}
.tabs{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:10;background:color-mix(in srgb,var(--ior-surface) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid var(--ior-edge);border-radius:1.25rem;box-shadow:0 1.5rem 3rem -1rem black,inset 0 1px 0 var(--ior-shine);view-transition-name:ior-tabs}
.tabs ul{display:flex;margin:0;padding:.25rem;list-style:none}
.tabs li{flex:1 1 0;min-width:0}
.tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:56px;padding:.375rem .25rem;color:var(--ior-muted);text-decoration:none;text-align:center;border-radius:1rem;overflow-wrap:anywhere;transition:color .2s,background-color .2s}
.tabs .mark{width:1.5rem;height:.1875rem;border-radius:.125rem;background:transparent;transition:background-color .3s,box-shadow .3s}
.tabs a[aria-current="page"]{color:var(--ior-fg);font-weight:500;background:color-mix(in srgb,var(--ior-blue) 10%,transparent)}
.tabs a[aria-current="page"] .mark{background:var(--ior-blue);box-shadow:0 0 .75rem var(--ior-blue)}
.tabs a:hover{color:var(--ior-fg)}
@media (min-width:900px){.shell .top{padding:.625rem 2rem 0.625rem 1.5rem}.shell main{margin-left:15rem;padding:3rem 3rem 4rem}
.tabs{top:0;bottom:0;left:0;right:auto;width:15rem;border:0;border-right:1px solid var(--ior-edge);border-radius:0;box-shadow:none;padding:5.75rem .875rem 1rem;background:color-mix(in srgb,var(--ior-bg) 60%,transparent)}
.tabs ul{flex-direction:column;gap:.25rem;padding:0}.tabs li{flex:none}
.tabs a{flex-direction:row;justify-content:flex-start;min-height:44px;padding:.625rem .875rem;border-radius:.75rem;gap:.75rem;text-align:left}
.tabs .mark{width:.1875rem;height:1.25rem}
.tabs a[aria-current="page"]{background:linear-gradient(90deg,color-mix(in srgb,var(--ior-blue) 16%,transparent),transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ior-blue) 18%,transparent)}}
label{display:block;margin:.875rem 0;color:var(--ior-fg)}
input{font:inherit;color:var(--ior-fg);background:color-mix(in srgb,var(--ior-bg) 70%,transparent);min-height:44px;max-width:100%;padding:.625rem .875rem;border:1px solid var(--ior-control);border-radius:.75rem;transition:border-color .2s,box-shadow .2s}
input:focus{border-color:var(--ior-blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--ior-blue) 18%,transparent)}
label>input:not([type="checkbox"]){display:block;width:100%;margin-top:.375rem}
input[type="checkbox"]{min-height:0;width:1.25rem;height:1.25rem;margin:0;flex:none;accent-color:var(--ior-blue)}
input.secret{width:100%;font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--ior-green);border-color:color-mix(in srgb,var(--ior-green) 55%,var(--ior-control))}
fieldset{border:1px solid var(--ior-edge);border-radius:1rem;padding:.5rem 1.25rem 1.25rem;margin:1rem 0;min-width:0;background:var(--ior-glass)}legend{padding:0 .5rem;font-weight:500}
button{font:inherit;font-weight:500;color:var(--ior-fg);background:transparent;min-height:44px;min-width:44px;padding:.625rem 1.375rem;margin:.5rem 0;border:1px solid var(--ior-control);border-radius:999px;cursor:pointer;overflow-wrap:anywhere;text-align:center;transition:background-color .2s,box-shadow .25s var(--ior-ease),transform .2s var(--ior-ease),filter .2s}
button:hover{background:var(--ior-surface-2)}
button:active,a.button:active{transform:scale(.98)}
button.primary{background:var(--ior-blue);color:var(--ior-on-blue);border-color:var(--ior-blue);box-shadow:0 .5rem 2rem -.5rem color-mix(in srgb,var(--ior-blue) 70%,transparent),inset 0 1px 0 color-mix(in srgb,white 35%,transparent)}
button.primary:hover{filter:brightness(1.1);box-shadow:0 .75rem 2.5rem -.5rem color-mix(in srgb,var(--ior-blue) 85%,transparent),inset 0 1px 0 color-mix(in srgb,white 35%,transparent)}
button.danger{background:transparent;color:var(--ior-red);border-color:var(--ior-red);box-shadow:0 0 1.25rem -.25rem color-mix(in srgb,var(--ior-red) 45%,transparent),inset 0 0 1rem -.375rem color-mix(in srgb,var(--ior-red) 45%,transparent)}
button.danger:hover{background:color-mix(in srgb,var(--ior-red) 12%,transparent);box-shadow:0 0 2rem -.25rem color-mix(in srgb,var(--ior-red) 65%,transparent),inset 0 0 1rem -.25rem color-mix(in srgb,var(--ior-red) 55%,transparent)}
button.nowrap{white-space:nowrap;overflow-wrap:normal}
form.fresh{display:inline}form.block{display:block}
a.go{display:inline-flex;align-items:center;gap:.5rem;min-height:44px}
main>p:first-child>a.go{color:var(--ior-muted);text-decoration:none}
main>h1+p>a.go[href="/kill-switch"]{padding:0 1.125rem;color:var(--ior-red);text-decoration:none;border:1px solid color-mix(in srgb,var(--ior-red) 60%,transparent);border-radius:999px;box-shadow:0 0 1.25rem -.5rem var(--ior-red);transition:background-color .2s}
main>h1+p>a.go[href="/kill-switch"]:hover{background:color-mix(in srgb,var(--ior-red) 10%,transparent)}
main>p:first-child>a.go::before{content:"←" / "";color:var(--ior-blue);transition:transform .2s var(--ior-ease)}
main>p:first-child>a.go:hover{color:var(--ior-fg)}main>p:first-child>a.go:hover::before{transform:translateX(-.25rem)}
.hint{color:var(--ior-muted)}.warn{color:var(--ior-amber)}.done{color:var(--ior-green);font-weight:500}
.msg:empty{display:none}.msg{color:var(--ior-amber);font-weight:500;margin:.25rem 0}
.banner{background:var(--ior-note);border:1px solid var(--ior-amber);border-left-width:4px;border-radius:1rem;padding:.875rem 1.125rem;box-shadow:0 0 2rem -1rem var(--ior-amber)}
.note{background:var(--ior-note);border:1px solid color-mix(in srgb,var(--ior-red) 35%,transparent);border-left:4px solid var(--ior-red);border-radius:.75rem;padding:.75rem 1rem}
.done{padding:.5rem .875rem;border:1px solid color-mix(in srgb,var(--ior-green) 45%,transparent);border-radius:.75rem;background:color-mix(in srgb,var(--ior-green) 8%,transparent)}
.state{font-size:1.125rem;font-weight:500}.state.stopped{color:var(--ior-red)}
.status{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;white-space:nowrap}
.dot{position:relative;display:inline-block;width:.625rem;height:.625rem;border-radius:50%;flex:none}
.s-running .dot{background:var(--ior-green)}
.s-active .dot{background:var(--ior-green)}
.s-paused .dot{background:var(--ior-amber)}
.s-stopped .dot{background:var(--ior-red)}
.s-blocked .dot{background:var(--ior-red)}
.s-revoked .dot{background:var(--ior-red)}
.s-unknown .dot{background:var(--ior-muted)}
.s-unharnessed .dot{background:var(--ior-muted)}
.s-waiting .dot{background:var(--ior-amber)}
.s-masked .dot{background:var(--ior-amber)}
.s-running .dot,.s-active .dot{box-shadow:0 0 .625rem var(--ior-green);animation:ior-pulse 2.2s ease-out infinite}
.s-stopped .dot,.s-blocked .dot,.s-revoked .dot{box-shadow:0 0 .625rem var(--ior-red)}
.s-paused .dot,.s-waiting .dot,.s-masked .dot{box-shadow:0 0 .625rem var(--ior-amber)}
@keyframes ior-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ior-green) 70%,transparent),0 0 .625rem var(--ior-green)}70%,100%{box-shadow:0 0 0 .5rem transparent,0 0 .625rem var(--ior-green)}}
.s-running,.s-active{color:var(--ior-green)}
.s-blocked,.s-stopped,.s-revoked{color:var(--ior-red)}.s-paused,.s-waiting,.s-masked{color:var(--ior-amber)}
.cards{list-style:none;margin:1.25rem 0;padding:0;display:grid;gap:1rem}
.cards.agents{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr))}
.card{position:relative;background:var(--ior-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ior-edge);border-radius:1.125rem;padding:1.25rem;min-width:0;overflow-wrap:anywhere;box-shadow:inset 0 1px 0 var(--ior-shine),0 1.5rem 3rem -2rem black;transition:border-color .3s,box-shadow .3s var(--ior-ease),transform .3s var(--ior-ease)}
.agent-card:hover{border-color:color-mix(in srgb,var(--ior-blue) 45%,var(--ior-line));transform:translateY(-2px)}
.agent-card::before{content:"";position:absolute;left:1.25rem;right:1.25rem;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--ior-blue),transparent);opacity:.55}
.agent-card:has(.card-head .s-active)::before{background:linear-gradient(90deg,transparent,var(--ior-green),transparent);opacity:.9}
.agent-card:has(.card-head .s-paused)::before{background:linear-gradient(90deg,transparent,var(--ior-amber),transparent)}
.agent-card:has(.card-head .s-revoked)::before{background:linear-gradient(90deg,transparent,var(--ior-red),transparent)}
.card.muted{opacity:.85;border-style:dashed}
.card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem .75rem}
.card-title{font-size:1.375rem;letter-spacing:-.025em;margin:0;min-width:0;overflow-wrap:anywhere}
.card-title a{display:inline-flex;align-items:center;min-height:44px;color:var(--ior-fg);text-decoration:none}
.card-title a::after{content:"→" / "";margin-left:.5rem;color:var(--ior-blue);transition:transform .2s var(--ior-ease)}
.card-title a:hover{color:var(--ior-blue)}.card-title a:hover::after{transform:translateX(.25rem)}
.tag{color:var(--ior-muted);font-weight:500;letter-spacing:0}
.facts{margin:.75rem 0 0;display:grid;gap:.375rem;padding-top:.75rem;border-top:1px solid color-mix(in srgb,var(--ior-line) 80%,transparent)}.facts div{display:flex;flex-wrap:wrap;gap:0 .75rem;min-width:0}
.facts dt{flex:0 0 6rem;color:var(--ior-muted)}.facts dd{flex:1 1 10rem;margin:0;min-width:0}
.id{margin:.75rem 0 0;color:var(--ior-muted)}.id code{color:var(--ior-muted)}
.actions{margin-top:.75rem}.actions.full form,.actions.full button{display:block;width:100%}
.waiting-item{overflow-wrap:anywhere}.waiting-item .sentence{margin:0 0 .25rem;font-weight:500}
.activity-line{list-style:none;padding:.75rem 0;border-bottom:1px solid var(--ior-line);min-width:0;overflow-wrap:anywhere}.activity-line p{margin:.125rem 0}
.menu{list-style:none;margin:1.25rem 0;padding:.375rem;background:var(--ior-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ior-edge);border-radius:1.125rem;box-shadow:inset 0 1px 0 var(--ior-shine)}
.menu li+li{border-top:1px solid color-mix(in srgb,var(--ior-line) 70%,transparent)}
.menu a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:.75rem 3rem .75rem 1rem;color:var(--ior-fg);text-decoration:none;border-radius:.75rem;transition:background-color .2s}
.menu a::after{content:"›" / "";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--ior-muted);transition:transform .2s var(--ior-ease),color .2s}
.menu a:hover{background:color-mix(in srgb,var(--ior-blue) 8%,transparent)}.menu a:hover::after{color:var(--ior-blue);transform:translate(.25rem,-50%)}
.menu a .label{color:var(--ior-fg);font-weight:500;font-family:var(--ior-display);font-size:1.125rem;letter-spacing:-.01em}
.menu a[href="/kill-switch"] .label{color:var(--ior-red)}
.sign-out{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--ior-line)}
details.how{margin:.5rem 0 1rem}
details.how summary{display:flex;align-items:center;min-height:44px;color:var(--ior-blue);cursor:pointer}
.docs{list-style:none;padding:0}
.docs label{display:flex;align-items:center;gap:.75rem;min-height:44px;margin:0}
.scopes{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-wrap:wrap;gap:0 1.25rem}
.scopes label{display:flex;align-items:center;gap:.5rem;min-height:44px;margin:0}
.scroll{overflow-x:auto;max-width:100%;background:var(--ior-glass);border:1px solid var(--ior-edge);border-radius:1rem}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--ior-line);padding:.75rem 1rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}th{color:var(--ior-muted);font-weight:500;font-variant-caps:all-small-caps;letter-spacing:.08em}tr:last-child td{border-bottom:0}
table.stack td:first-child{min-width:7rem}td form.fresh button{margin:0;padding:.5rem 1.125rem}
@media (max-width:600px){table.stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.scroll{background:none;border:0}
table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
table.stack tr{background:var(--ior-glass);border:1px solid var(--ior-edge);border-radius:1rem;padding:.75rem 1rem;margin-bottom:.75rem}
table.stack td{border:0;padding:.25rem 0}
.agent button,form.block button.danger,form.block button.primary{width:100%}}
table.stack td[data-label]::before{content:attr(data-label);display:none;color:var(--ior-muted)}
@media (max-width:600px){table.stack td[data-label]:not([data-label=""])::before{display:block}}
.agent{position:relative;padding:1.5rem 1.25rem;margin-top:.5rem;background:var(--ior-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ior-edge);border-radius:1.5rem;box-shadow:inset 0 1px 0 var(--ior-shine),0 2rem 4rem -2.5rem black;transition:border-color .5s,box-shadow .5s}
.agent:has(>.state .s-running){border-color:color-mix(in srgb,var(--ior-green) 50%,var(--ior-line));box-shadow:inset 0 1px 0 var(--ior-shine),0 0 4rem -1.5rem color-mix(in srgb,var(--ior-green) 55%,transparent)}
.agent:has(>.state .s-paused){border-color:color-mix(in srgb,var(--ior-amber) 50%,var(--ior-line));box-shadow:inset 0 1px 0 var(--ior-shine),0 0 4rem -1.5rem color-mix(in srgb,var(--ior-amber) 45%,transparent)}
.agent:has(>.state .s-stopped){border-color:color-mix(in srgb,var(--ior-red) 55%,var(--ior-line));box-shadow:inset 0 1px 0 var(--ior-shine),0 0 4rem -1.5rem color-mix(in srgb,var(--ior-red) 55%,transparent)}
.agent h1{font-family:"Inter Tight",Inter,system-ui,sans-serif;overflow-wrap:anywhere;margin:0 0 .75rem}
.agent p{overflow-wrap:anywhere}
.agent .state{margin:.25rem 0 .75rem}
.agent .state .status,.stop-all .state .status,main>.state .status{font-size:1.25rem}
.agent .state .dot,main>.state .dot,.stop-all .state .dot{width:.875rem;height:.875rem}
.agent form.fresh{display:block}
.agent-card .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.agent-card .actions form.fresh{display:block;margin:0}
.agent-card .actions button{padding:.5rem 1.125rem}
.agent-card .actions button{margin:0}
.agent button{overflow-wrap:anywhere;margin:1rem 0 .25rem;min-height:52px;padding:.75rem 1.75rem;font-size:1.0625rem}
.agent .hint{margin:.25rem 0 0}
.home-title{font-size:clamp(2.75rem,8vw,5.5rem);letter-spacing:-.05em;line-height:.95;margin:.25rem 0 1.5rem}
.home-title .plan{display:block;margin-top:1rem;font-family:var(--ior-mono);font-weight:500;font-size:1rem;letter-spacing:.04em;line-height:1.4;color:var(--ior-muted);-webkit-text-fill-color:var(--ior-muted)}
.home-title .plan::before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.625rem;border-radius:50%;vertical-align:.125rem;background:var(--ior-blue);box-shadow:0 0 .5rem var(--ior-blue)}
.home-title .sep{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:pre}
.wait{display:flex;align-items:center;gap:.75rem;min-height:56px;margin:0 0 1rem;font-weight:500;padding:.875rem 1.25rem}
a.wait{color:var(--ior-fg);text-decoration:none}
.wait-amber{border-color:var(--ior-amber);border-left-width:4px;background:var(--ior-note);box-shadow:0 0 2.5rem -1.25rem var(--ior-amber)}
a.wait-amber:hover{transform:translateY(-1px)}
.wait-amber .bang{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ior-amber);color:var(--ior-bg);font-weight:600;box-shadow:0 0 .75rem var(--ior-amber)}
.wait-text{flex:1 1 auto;min-width:0;color:var(--ior-amber)}.chev{color:var(--ior-amber);font-size:1.25rem;transition:transform .2s var(--ior-ease)}a.wait:hover .chev{transform:translateX(.25rem)}
.wait-clear{border-color:color-mix(in srgb,var(--ior-green) 40%,var(--ior-line))}.wait-clear .status{color:var(--ior-green);white-space:normal}
.summary{margin:0 0 1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
.summary div{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;min-height:56px;padding:1.25rem 1.375rem;min-width:0;background:var(--ior-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ior-edge);border-radius:1.25rem;box-shadow:inset 0 1px 0 var(--ior-shine),0 1.5rem 3rem -2rem black;overflow:hidden}
.summary dt{color:var(--ior-muted);font-family:var(--ior-mono);font-weight:500;letter-spacing:.14em;font-variant-caps:all-small-caps;display:flex;align-items:center;gap:.5rem}
.summary dd{margin:0;min-width:0;font-weight:500;overflow-wrap:anywhere;font-family:var(--ior-display);font-size:1.5rem;letter-spacing:-.02em;line-height:1.2}
.summary dd .hint{display:block;margin-top:.375rem;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:400;letter-spacing:0;line-height:1.5}
.summary dd a{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 .5rem;min-height:44px;color:var(--ior-fg);text-decoration:none}
.summary dd a:hover .num{color:var(--ior-blue)}
.summary .num{font-family:var(--ior-display);font-size:clamp(3.5rem,9vw,6rem);font-weight:600;letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums;transition:color .2s}
.summary .off{color:var(--ior-muted);font-size:1.25rem}.summary .off .num{font-size:1.25rem;letter-spacing:-.01em;margin-right:.125rem}
.summary dd.live a{color:var(--ior-green)}.summary dd.live a .num{color:var(--ior-fg);text-shadow:0 0 2.5rem color-mix(in srgb,var(--ior-green) 45%,transparent)}
.summary div:has(>dd.live){border-color:color-mix(in srgb,var(--ior-green) 40%,var(--ior-line))}
.summary div:has(>dd.live)::before{content:"";position:absolute;inset:auto -20% -60% 30%;height:100%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ior-green) 16%,transparent),transparent);pointer-events:none}
.summary div:has(>dd.live) dt::after{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--ior-green);animation:ior-pulse 2.2s ease-out infinite}
.summary dd.idle a .num{color:var(--ior-muted)}
.summary div+div dd .num{font-size:clamp(2.5rem,6vw,3.5rem)}
.summary dd .num{margin-right:.375rem}
@media (min-width:700px){.summary{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.summary div:first-child{grid-row:span 2;justify-content:space-between}}
@media (min-width:1200px){.summary{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.summary div:first-child{grid-row:auto}}
.stop-all{position:relative;margin-top:1rem;padding:1.75rem 1.5rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem;background:radial-gradient(40rem 16rem at 0% 0%,color-mix(in srgb,var(--ior-red) 13%,transparent),transparent 70%),var(--ior-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--ior-red) 40%,var(--ior-line));border-radius:1.25rem;box-shadow:inset 0 1px 0 var(--ior-shine),0 2rem 4rem -2.5rem color-mix(in srgb,var(--ior-red) 60%,transparent);overflow:hidden}
.stop-all::before{content:"";position:absolute;left:0;right:0;top:0;height:.3125rem;background:repeating-linear-gradient(-45deg,var(--ior-red) 0 .625rem,transparent .625rem 1.25rem);opacity:.75}
.stop-all>*{margin:0}
.stop-all .hint{flex:1 1 16rem}
.stop-all .state.stopped{padding:0;border:0;background:none;box-shadow:none;font-size:1.25rem;line-height:1.4}
.stop-all .state,.stop-all form,.stop-all .msg,.stop-all .note{flex:1 1 100%}
main:has(>.stop-all .state.stopped){display:flex;flex-direction:column}main:has(>.stop-all .state.stopped)>h1{order:-2}
.stop-all:has(.state.stopped){order:-1;margin:0 0 1rem}
.stop-all.staff{border-color:color-mix(in srgb,var(--ior-red) 55%,var(--ior-line))}
a.button{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:44px;padding:.625rem 1.375rem;border:1px solid var(--ior-control);border-radius:999px;font-weight:500;text-decoration:none;text-align:center;transition:background-color .2s,box-shadow .25s var(--ior-ease),transform .2s var(--ior-ease)}
a.button.danger{color:var(--ior-red);border-color:var(--ior-red);background:transparent;box-shadow:0 0 1.5rem -.25rem color-mix(in srgb,var(--ior-red) 50%,transparent),inset 0 0 1.25rem -.375rem color-mix(in srgb,var(--ior-red) 50%,transparent)}
a.button.danger:hover{background:color-mix(in srgb,var(--ior-red) 12%,transparent);box-shadow:0 0 2.5rem 0 color-mix(in srgb,var(--ior-red) 60%,transparent),inset 0 0 1.25rem -.25rem color-mix(in srgb,var(--ior-red) 60%,transparent)}
.stop-all a.button.danger,form.block button.danger{min-height:64px;padding:.75rem 2.25rem;font-family:var(--ior-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;border-width:2px}
.stop-all a.button.danger{flex:0 1 auto}
.stop-all a.button.danger::before,form.block button.danger::before{content:"";flex:none;display:inline-block;width:1.25rem;height:1.25rem;margin-right:.75rem;vertical-align:-.1875rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;background:linear-gradient(currentColor,currentColor) 50% 0/2px 55% no-repeat;background-origin:border-box;background-clip:border-box;filter:drop-shadow(0 0 .375rem currentColor)}
form.block button.danger{display:inline-flex;align-items:center;justify-content:center;margin:1rem 0 .5rem;animation:ior-arm 2.8s ease-in-out infinite}
@keyframes ior-arm{0%,100%{box-shadow:0 0 1.5rem -.25rem color-mix(in srgb,var(--ior-red) 45%,transparent),inset 0 0 1.25rem -.375rem color-mix(in srgb,var(--ior-red) 45%,transparent)}50%{box-shadow:0 0 3rem .25rem color-mix(in srgb,var(--ior-red) 55%,transparent),inset 0 0 1.5rem -.25rem color-mix(in srgb,var(--ior-red) 55%,transparent)}}
.stop-all form.block button,.state.stopped+p+form.block button{width:100%}
form.block button.primary{min-height:56px;font-size:1.125rem;padding:.75rem 2rem}
.state.stopped{padding:1rem 1.25rem;border:1px solid color-mix(in srgb,var(--ior-red) 50%,var(--ior-line));border-radius:1rem;background:color-mix(in srgb,var(--ior-red) 8%,var(--ior-glass));box-shadow:0 0 3rem -1.25rem var(--ior-red)}
main>.state:not(.stopped){display:inline-flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1.25rem;border:1px solid color-mix(in srgb,var(--ior-green) 45%,var(--ior-line));border-radius:999px;background:color-mix(in srgb,var(--ior-green) 7%,transparent)}
body:has(form.block button.danger){background-image:radial-gradient(70rem 42rem at 88% -12%,color-mix(in srgb,var(--ior-red) 12%,transparent),transparent 70%),radial-gradient(54rem 34rem at -12% 112%,color-mix(in srgb,var(--ior-blue) 7%,transparent),transparent 70%)}
body:has(.state .s-stopped){background-image:radial-gradient(70rem 42rem at 88% -12%,color-mix(in srgb,var(--ior-red) 16%,transparent),transparent 70%),radial-gradient(54rem 34rem at -12% 112%,color-mix(in srgb,var(--ior-red) 8%,transparent),transparent 70%)}
body:has(.state .s-stopped) .rain{color:var(--ior-red);opacity:.16}
body:has(.state .s-stopped) .rain span{color:inherit;animation-play-state:paused}
body:has(.state .s-stopped) .summary div:first-child{border-color:color-mix(in srgb,var(--ior-red) 45%,var(--ior-line))}
.summary dd.idle .off{color:var(--ior-red)}
body:has(.state .s-stopped) .tenant::before{background:var(--ior-red);box-shadow:0 0 .5rem var(--ior-red)}
@media (min-width:700px){.stop-all form.block button,.state.stopped+p+form.block button,.agent button,form.block button.danger{width:auto;min-width:min(100%,20rem)}}
body:not(.shell) main{max-width:32rem;margin:clamp(1.5rem,8vh,5rem) auto 3rem;padding:2rem 1.5rem;background:var(--ior-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ior-edge);border-radius:1.5rem;box-shadow:inset 0 1px 0 var(--ior-shine),0 2rem 5rem -2rem black}
@media (max-width:600px){body:not(.shell) main{margin:1rem;padding:1.5rem 1.25rem}}
body:not(.shell) main>*{max-width:none}
body:not(.shell) h1{font-size:clamp(2.25rem,7vw,3rem)}
body:not(.shell) button.primary{width:100%;min-height:52px;font-size:1.0625rem}
.hero-crown{display:flex;justify-content:center;margin:0 0 1.25rem}
.hero-crown .crown{width:8rem;height:8rem;filter:drop-shadow(0 0 1.25rem color-mix(in srgb,var(--ior-blue) 50%,transparent))}
body:not(.shell) .hero-crown+h1{text-align:center}
.cards>li,.summary>div,.stop-all,.agent,.menu,.wait,.hero-crown{animation:ior-rise .55s var(--ior-ease) both}
.summary>div:nth-child(2),.cards>li:nth-child(2){animation-delay:.06s}.summary>div:nth-child(3),.cards>li:nth-child(3){animation-delay:.12s}.stop-all,.cards>li:nth-child(n+4){animation-delay:.18s}
@keyframes ior-rise{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.2s ease both ior-fade-out}::view-transition-new(root){animation:.3s ease both ior-fade-in}
@keyframes ior-fade-out{to{opacity:0}}@keyframes ior-fade-in{from{opacity:0}}
/* Code Crown columns (generated by site/src/crown.js) */
@keyframes cc-drop-142_5{from{transform:translateY(0)}to{transform:translateY(142.5px)}}
.cc-small-0{animation-name:cc-drop-142_5;animation-duration:3.75s;animation-delay:-0.00s}
@keyframes cc-drop-85_5{from{transform:translateY(0)}to{transform:translateY(85.5px)}}
.cc-small-1{animation-name:cc-drop-85_5;animation-duration:2.25s;animation-delay:-0.61s}
.cc-small-2{animation-name:cc-drop-142_5;animation-duration:3.75s;animation-delay:-1.22s}
.cc-small-3{animation-name:cc-drop-85_5;animation-duration:2.25s;animation-delay:-1.83s}
.cc-small-4{animation-name:cc-drop-142_5;animation-duration:3.75s;animation-delay:-2.44s}
@keyframes cc-drop-120{from{transform:translateY(0)}to{transform:translateY(120px)}}
.cc-large-0{animation-name:cc-drop-120;animation-duration:3.16s;animation-delay:-0.00s}
@keyframes cc-drop-100{from{transform:translateY(0)}to{transform:translateY(100px)}}
.cc-large-1{animation-name:cc-drop-100;animation-duration:2.63s;animation-delay:-0.61s}
@keyframes cc-drop-80{from{transform:translateY(0)}to{transform:translateY(80px)}}
.cc-large-2{animation-name:cc-drop-80;animation-duration:2.11s;animation-delay:-1.22s}
.cc-large-3{animation-name:cc-drop-100;animation-duration:2.63s;animation-delay:-1.83s}
@keyframes cc-drop-140{from{transform:translateY(0)}to{transform:translateY(140px)}}
.cc-large-4{animation-name:cc-drop-140;animation-duration:3.68s;animation-delay:-2.44s}
.cc-large-5{animation-name:cc-drop-100;animation-duration:2.63s;animation-delay:-0.42s}
.cc-large-6{animation-name:cc-drop-80;animation-duration:2.11s;animation-delay:-1.55s}
.cc-large-7{animation-name:cc-drop-100;animation-duration:2.63s;animation-delay:-1.64s}
.cc-large-8{animation-name:cc-drop-120;animation-duration:3.16s;animation-delay:-1.72s}
@media (prefers-reduced-motion: reduce){.cc-fall{animation:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}