/* status.runtrue.ai (STATUS-PAGE-1, owner-approved option A "Calm list"): the landing's brand
   language — self-hosted Figtree / Fira Code, liquid glass, the landing palette — in one narrow
   column. The CSP allows same-origin styles only, so every rule lives here. */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 900;font-display:swap;src:url("figtree-latin-ext.woff2?v=f153aa07c1") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400 900;font-display:swap;src:url("figtree-latin.woff2?v=8330490a01") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:400 500;font-display:swap;src:url("fira-code-latin-ext.woff2?v=e08f046874") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fira Code";font-style:normal;font-weight:400 500;font-display:swap;src:url("fira-code-latin.woff2?v=d32d5b5a7c") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("Roboto");size-adjust:98%;ascent-override:96.94%;descent-override:25.51%;line-gap-override:0%}

:root{
  --bg:#eef5f1; --bg2:#f8fbf9; --ink:#15201b; --ink-2:#4f5c56; --ink-3:#86928c; --line:#d6e3dc;
  --brand:#0f7a4d; --on-brand:#fff; --warn:#c98a1a; --fail:#c2372c; --none:#d3ddd8;
  --g-bg:rgba(255,255,255,.42); --g-bg-strong:rgba(255,255,255,.62); --g-border:rgba(255,255,255,.75);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.25);
  --g-shadow:0 1px 1px rgba(15,60,40,.04), 0 12px 32px -12px rgba(15,60,40,.18);
  --g-blur:blur(22px) saturate(1.8);
  --blob-a:rgba(15,122,77,.16); --blob-b:rgba(31,111,235,.07); --blob-c:rgba(47,158,107,.12);
  --f:"Figtree","Figtree Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --m:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#07100c; --bg2:#0c1813; --ink:#e6efe9; --ink-2:#aab8b0; --ink-3:#73817a; --line:#1f2e27;
  --brand:#3fb47c; --on-brand:#06140d; --warn:#e3a64a; --fail:#ef6b5f; --none:#24352d;
  --g-bg:rgba(22,36,29,.38); --g-bg-strong:rgba(22,36,29,.58); --g-border:rgba(255,255,255,.12);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(255,255,255,.04);
  --g-shadow:0 1px 1px rgba(0,0,0,.2), 0 16px 40px -14px rgba(0,0,0,.6);
  --blob-a:rgba(63,180,124,.14); --blob-b:rgba(63,120,220,.06); --blob-c:rgba(63,180,124,.08);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#07100c; --bg2:#0c1813; --ink:#e6efe9; --ink-2:#aab8b0; --ink-3:#73817a; --line:#1f2e27;
  --brand:#3fb47c; --on-brand:#06140d; --warn:#e3a64a; --fail:#ef6b5f; --none:#24352d;
  --g-bg:rgba(22,36,29,.38); --g-bg-strong:rgba(22,36,29,.58); --g-border:rgba(255,255,255,.12);
  --g-hi:inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(255,255,255,.04);
  --g-shadow:0 1px 1px rgba(0,0,0,.2), 0 16px 40px -14px rgba(0,0,0,.6);
  --blob-a:rgba(63,180,124,.14); --blob-b:rgba(63,120,220,.06); --blob-c:rgba(63,180,124,.08);
  color-scheme:dark}

*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:linear-gradient(180deg,var(--bg),var(--bg2));position:relative;min-height:100vh}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
a{color:inherit}
.medium{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.medium i{position:absolute;border-radius:50%;filter:blur(70px)}
.medium i:nth-child(1){width:620px;height:620px;left:-160px;top:-180px;background:var(--blob-a)}
.medium i:nth-child(2){width:520px;height:520px;right:-140px;top:180px;background:var(--blob-b)}
.medium i:nth-child(3){width:700px;height:420px;left:20%;bottom:-220px;background:var(--blob-c)}
.medium svg{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
.medium path{fill:none;stroke:var(--brand);stroke-opacity:.12;stroke-width:1.2}
header,main,footer{position:relative;z-index:1}
.wrap{max-width:880px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.glass{background:var(--g-bg);border:1px solid var(--g-border);box-shadow:var(--g-hi),var(--g-shadow);-webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur)}
.mono{font-family:var(--m)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* floating capsule nav */
.nav{padding-top:calc(14px + env(safe-area-inset-top,0px))}
.nav .bar{display:flex;align-items:center;gap:14px;padding:8px 8px 8px 22px;border-radius:999px}
.logo{height:22px;width:auto;display:block;color:var(--ink)}
.logo .t{fill:var(--brand)}
.logo .k{stroke:#fff}
.nav .tag{font-family:var(--m);font-size:12.5px;color:var(--ink-3);border-left:1px solid var(--line);padding-left:14px}
.nav .sp{flex:1}
.nav .site{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink-2);padding:9px 16px;border-radius:999px}
.nav .site:hover{color:var(--ink)}
.lang{display:inline-flex;border-radius:999px;padding:3px;gap:2px}
.lang button{border:0;background:none;border-radius:999px;padding:5px 11px;font:700 12.5px var(--f);color:var(--ink-3);cursor:pointer;min-height:30px}
.lang button[aria-pressed="true"]{background:var(--brand);color:var(--on-brand)}
.theme-t{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;color:var(--ink-2);cursor:pointer;padding:0;flex:none}
.theme-t:hover{color:var(--ink)}
.theme-t svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:none}
.theme-t[data-mode="system"] .i-system,.theme-t[data-mode="light"] .i-light,.theme-t[data-mode="dark"] .i-dark{display:block}

/* states */
.s-ok{--c:var(--brand)}
.s-deg{--c:var(--warn)}
.s-down{--c:var(--fail)}
.s-none{--c:var(--ink-3)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent);padding:4px 12px 4px 10px;border-radius:999px;white-space:nowrap}
.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}

main.wrap{padding-top:44px}
.sum{display:flex;align-items:center;gap:20px;padding:26px 28px;border-radius:30px}
.sum .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:var(--on-brand);flex:none;box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 16%,transparent)}
.sum .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sum h1{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.025em}
.sum p{margin:4px 0 0;color:var(--ink-2);font-size:15.5px}
.sum .when{margin-top:8px;font-family:var(--m);font-size:12.5px;color:var(--ink-3)}
.sec{margin-top:34px}
.sec>h2{display:flex;align-items:baseline;gap:12px;font-size:13px;font-family:var(--m);font-weight:500;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px 8px}
.sec>h2 .sp{flex:1}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend span::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--c)}
.legend .s-none::before{background:var(--none)}
.list,.incs{border-radius:30px;padding:6px 0;min-height:60px}
.row{padding:20px 28px}
.row+.row,.inc+.inc{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.row .top{display:flex;align-items:center;gap:12px}
.row .nm{font-size:17px;font-weight:700}
.row .ds{font-size:14px;color:var(--ink-3);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bars{display:flex;gap:2px;height:34px;margin-top:14px;align-items:stretch}
.bars i{flex:1;border-radius:3px;background:var(--c);min-width:0;opacity:.92;transition:transform .15s,opacity .15s}
.bars i:hover{transform:scaleY(1.12);opacity:1}
.bars i.s-ok{background:color-mix(in srgb,var(--brand) 78%,transparent)}
.bars i.s-none{background:var(--none)}
.axis{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-family:var(--m);font-size:12px;color:var(--ink-3)}
.axis b{font-weight:500;color:var(--ink-2)}
.inc{display:grid;grid-template-columns:auto 1fr auto;gap:4px 14px;padding:18px 28px;align-items:start}
.inc .dot{margin-top:7px}
.inc h3{margin:0;font-size:16px;font-weight:700}
.inc .meta{grid-column:2;font-size:14px;color:var(--ink-2)}
.inc .meta .mono{font-size:12.5px;color:var(--ink-3)}
.inc .pill{grid-column:3;grid-row:1}
.inc.live{background:color-mix(in srgb,var(--c) 7%,transparent)}
.inc.live:first-child{border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-6px;padding-top:24px}
.inc.live:last-child{border-bottom-left-radius:24px;border-bottom-right-radius:24px;margin-bottom:-6px;padding-bottom:24px}
.empty{padding:20px 28px;color:var(--ink-2);margin:0}
.pulse{animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--c) 4%,transparent)}}

footer{padding:28px 0 calc(34px + env(safe-area-inset-bottom,0px))}
footer .foot{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:18px 26px;border-radius:26px;font-size:14px;color:var(--ink-3)}
footer .motto{font-weight:700;color:var(--ink-2)}
footer .motto b{color:var(--brand);font-weight:700}
footer .sp{flex:1}
footer a{text-decoration:none}footer a:hover{color:var(--ink)}

.tip{position:fixed;z-index:50;pointer-events:none;padding:8px 12px;border-radius:14px;font-size:13px;line-height:1.4;max-width:240px;opacity:0;transition:opacity .12s;background:var(--g-bg-strong);left:0;top:0}
.tip.on{opacity:1}
.tip b{display:block;font-weight:700}
.tip span{color:var(--ink-2)}

/* the 404 page */
.lost{padding:30px 28px;border-radius:30px}
.lost h1{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}
.lost p{margin:0 0 6px;color:var(--ink-2)}
.lost a{color:var(--brand);font-weight:700;text-decoration:none}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:600px){
  .nav .bar{padding-left:16px;gap:8px}
  .nav .tag,.nav .site{display:none}
  main.wrap{padding-top:24px}
  .sum{padding:20px;gap:16px;border-radius:26px;align-items:flex-start}
  .sum .ic{width:42px;height:42px}
  .sum h1{font-size:22px}
  .row{padding:16px 18px}
  .bars{gap:1px;height:30px}
  .bars i{border-radius:1.5px}
  .inc{padding:16px 18px;grid-template-columns:auto 1fr}
  .inc .pill{grid-column:2;grid-row:auto;justify-self:start;margin-top:6px}
  .sec>h2{margin-left:6px}
  .legend{display:none}
  footer .foot{padding:16px 20px}
}