:root{--bg:#07090f;--surface:#0d1018;--raised:#141925;--border:#222838;--soft:#191e2a;--text:#f0f3fa;--muted:#a3aec2;--dim:#98a3b7;--accent:#76efd1;--cyan:#85c9f8;--warning:#efc277;--danger:#fb8484;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:15px/1.6 var(--sans)}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.ambient-grid{position:fixed;inset:0;z-index:-1;opacity:.38;background-image:linear-gradient(rgba(125,159,181,.034) 1px,transparent 1px),linear-gradient(90deg,rgba(125,159,181,.034) 1px,transparent 1px),radial-gradient(ellipse at 52% -10%,rgba(66,118,118,.22),transparent 54%);background-size:44px 44px,44px 44px,100% 100%;pointer-events:none}.topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--soft);background:rgba(7,9,15,.86);backdrop-filter:blur(14px)}.topbar-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--border);border-radius:8px;font-weight:800}.brand-mark span,.brand-label span{color:var(--accent)}.brand-label{font:700 12px var(--mono);letter-spacing:.055em}nav{display:flex;gap:24px}nav a{color:var(--muted);font-size:13px;text-decoration:none}nav a:hover{color:var(--text)}.network-status{display:flex;align-items:center;gap:8px;color:var(--accent);font:10px var(--mono);letter-spacing:.07em}.network-status span,.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px rgba(118,239,209,.7);animation:pulse 2.4s infinite}.app-main{padding:84px 0 100px}.hero{display:grid;grid-template-columns:1fr 360px;gap:68px;align-items:center;min-height:330px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font:700 10px var(--mono);letter-spacing:.095em}.hero h1{margin:21px 0 22px;font-size:clamp(2.8rem,5.5vw,4.8rem);font-weight:760;letter-spacing:-.075em;line-height:1}.hero h1 span{color:var(--accent)}.hero p{max-width:650px;color:var(--muted);line-height:1.85}.global-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:12px;background:rgba(13,16,24,.93)}.global-card strong{display:block}.global-card span{color:var(--dim);font:10px var(--mono)}.global-icon{width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px rgba(118,239,209,.55)}.global-card.degraded .global-icon{background:var(--warning)}.global-card.major .global-icon,.global-card.offline .global-icon{background:var(--danger)}.global-card.maintenance .global-icon{background:var(--cyan)}.global-card.unknown .global-icon{background:var(--dim)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:55px;padding:28px 0;border-top:1px solid var(--soft);border-bottom:1px solid var(--soft)}.stats article{display:flex;flex-direction:column;gap:3px}.stats strong{font:650 24px var(--mono)}.stats span,.mono{color:var(--muted);font-size:12px}.section{padding-top:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{margin:10px 0 0;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.055em}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{position:relative;padding:21px;border:1px solid var(--border);border-radius:10px;background:rgba(13,16,24,.84);transition:border-color .18s,transform .18s}.service-card:hover{transform:translateY(-2px);border-color:var(--nk-line)}.service-top{display:flex;justify-content:space-between;align-items:center}.service-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(118,239,209,.6)}.service-card.degraded .service-dot{background:var(--warning)}.service-card.major .service-dot,.service-card.offline .service-dot{background:var(--danger);box-shadow:0 0 12px rgba(251,132,132,.5)}.service-card.maintenance .service-dot{background:var(--cyan)}.service-card.unknown .service-dot{background:var(--dim);box-shadow:none}.pill{border:1px solid var(--border);padding:5px 8px;color:var(--muted);font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.service-card h3{margin:23px 0 3px;font-size:16px}.service-card p{margin:0;color:var(--muted);font-size:12px}.service-meta{display:flex;justify-content:space-between;margin-top:25px;padding-top:14px;border-top:1px solid var(--soft);color:var(--text);font:10px var(--mono)}.uptimes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.uptimes span{padding:7px 5px;border:1px solid var(--soft);color:var(--dim);font:8px var(--mono);text-align:center}.uptimes b{display:block;color:var(--text);font-size:9px;margin-bottom:2px}.service-url{margin-top:10px;color:var(--dim);font:9px var(--mono)}.empty,.history-note{padding:22px;border:1px solid var(--border);background:rgba(13,16,24,.7);color:var(--muted);font-size:13px}.incident,.maintenance{display:grid;grid-template-columns:8px 1fr;gap:18px;padding:20px;border:1px solid var(--border);border-radius:10px;background:rgba(13,16,24,.82);margin-bottom:12px}.incident-marker{background:var(--danger);border-radius:10px;box-shadow:0 0 15px rgba(251,132,132,.35)}.incident-title{display:flex;justify-content:space-between;color:var(--danger);font:9px var(--mono);text-transform:uppercase}.incident h3,.maintenance h3{margin:12px 0 5px;font-size:15px}.incident p,.maintenance p{margin:0;color:var(--muted);font-size:13px}.incident small,.maintenance small{display:block;margin-top:12px;color:var(--dim);font:9px var(--mono)}.maintenance{grid-template-columns:auto 1fr;gap:18px}.maintenance-badge{height:max-content;padding:6px 8px;border:1px solid rgba(133,201,248,.25);color:var(--cyan);font:8px var(--mono)}footer{border-top:1px solid var(--soft)}.footer-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;color:var(--dim);font:10px var(--mono)}@keyframes pulse{50%{opacity:.45;box-shadow:none}}@media(max-width:800px){.topbar nav{display:none}.network-status{display:none}.hero{grid-template-columns:1fr;gap:30px}.stats{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}}@media(max-width:520px){.shell{width:min(100% - 28px,1180px)}.app-main{padding-top:55px}.stats{gap:18px}.section{padding-top:65px}.footer-inner{flex-direction:column;justify-content:center;gap:5px}}

/* NotKoko shared UI foundations v1 — kept local for independent subdomains. */
:root {
  --text-muted: var(--muted);
  --surface-hover: color-mix(in srgb, var(--surface) 92%, var(--text));
  --accent-hover: color-mix(in srgb, var(--accent) 85%, var(--text));
  --success: #278754;
  --warning: #b77919;
  --danger: #d44f59;
  --radius-sm: 9px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --shadow: 0 6px 24px rgb(0 0 0 / .08);
  --transition: 160ms ease;
}
body { overflow-wrap: break-word; }
main, section, article, .panel, .card { min-width: 0; }
img, video, svg { max-width: 100%; }
:where(button, input, select, textarea) { font: inherit; }
:where(button, .button, .btn, .theme-button, .menu-button, .suggestion-primary) {
  min-height: 44px;
  transition: background var(--transition), border-color var(--transition), opacity var(--transition);
}
:where(button, .button, .btn, .suggestion-primary):active { transform: translateY(1px); }
:where(button, .button, .btn)[disabled],
:where(button, .button, .btn)[aria-disabled="true"] { cursor: not-allowed; opacity: .62; }
[aria-busy="true"] { cursor: progress; }
body :focus-visible { outline: 3px solid var(--accent, #5289e5); outline-offset: 3px; }
:where(input, select, textarea) { max-width: 100%; }
:where(textarea) { resize: vertical; }
:where(dialog) { max-width: calc(100vw - 24px); max-height: calc(100dvh - 32px); }
:where(.table-wrap, .table-responsive) { max-width: 100%; overflow-x: auto; }
:where(.footer-wrap, .footer-inner, .nk-footer) { flex-wrap: wrap; gap: 12px 24px; }
:where(.footer-wrap div, .footer-inner nav, .nk-footer nav) { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; }
:where(.site-footer a, .footer a, .nk-footer a) { display: inline-flex; align-items: center; min-height: 44px; }
:where(.site-footer a, .footer a, .nk-footer a):hover { text-decoration: underline; }
.nk-footer { display: flex; justify-content: space-between; align-items: center; width: min(1180px, calc(100% - 32px)); margin: 32px auto 0; padding: 20px 0; border-top: 1px solid var(--border); color: var(--text-muted); font-size: .85rem; }
.nk-footer a { color:inherit; text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Status: readable monitoring data, with blue navigation and green health states. */
:root { color-scheme: dark; --accent: #81b1ff; --success: #76efd1; --warning: #efc277; --danger: #fb8484; --dim: #9aa5b9; }
.global-icon, .service-dot { background: var(--success); box-shadow: none; }
.network-status span, .eyebrow i { box-shadow: none; animation: none; }
.ambient-grid { opacity: .18; }
.app-main { padding-top: 48px; }
.hero { min-height: 230px; gap: 36px; grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); }
.hero h1 { font-size: clamp(2.3rem, 5vw, 3.75rem); }
.topbar-inner { height: auto; min-height: 78px; padding-block: 8px; flex-wrap: wrap; }
.topbar nav a { display: inline-flex; min-height: 44px; align-items: center; }
.service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-card { border-radius: var(--radius-md); }
.pill, .service-meta, .service-url, .uptimes span, .uptimes b, .incident-title, .incident small, .maintenance small, .maintenance-badge, .global-card span { font-size: 12px; line-height: 1.5; }
.brand-mark { display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; font-size: 12px; flex: none; }
.global-icon { flex: none; }
.service-card p { font-size: 14px; }
.service-meta { flex-wrap: wrap; gap: 6px 16px; }
.service-url, .incident p, .maintenance p { overflow-wrap: anywhere; }
.footer-inner { font: 13px/1.6 var(--sans); padding-block: 16px; }
.footer-inner a { display: inline-flex; min-height: 44px; align-items: center; }
@media (max-width: 900px) { .network-status { display: none; } }
@media (max-width: 800px) {
  .topbar nav { display: flex; flex-wrap: wrap; gap: 4px 20px; }
  .hero { grid-template-columns: minmax(0, 1fr); }
  .service-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .topbar nav { width: 100%; }
  .maintenance { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .maintenance-badge { width: fit-content; }
  .incident-title { flex-wrap: wrap; gap: 8px; }
}