:root{--bg:oklch(0.165 0.022 264);--bg-2:oklch(0.198 0.024 264);--surface:oklch(0.232 0.026 264);--surface-2:oklch(0.283 0.028 264);--border:oklch(0.318 0.026 264);--border-2:oklch(0.42 0.03 264);--ink:oklch(0.975 0.006 264);--muted:oklch(0.78 0.022 264);--faint:oklch(0.665 0.022 264);--brand:oklch(0.62 0.175 262);--brand-2:oklch(0.52 0.16 262);--brand-ink:oklch(0.84 0.11 262);--brand-glow:oklch(0.62 0.175 262/0.4);--signal:oklch(0.82 0.16 72);--signal-ink:oklch(0.9 0.11 78);--up:oklch(0.8 0.16 152);--down:oklch(0.7 0.21 25);--checking:oklch(0.82 0.14 92);--r:14px;--r-sm:10px;--maxw:1200px;--ease:cubic-bezier(0.22,1,0.36,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--z-sticky:30;--z-backdrop:80;--z-modal:90;--z-tooltip:100;--font-sans-stack:system-ui,-apple-system,"Segoe UI","Leelawadee UI","Noto Sans Thai","Sarabun",Tahoma,sans-serif;--font-mono-stack:ui-monospace,"Cascadia Code","Segoe UI Mono",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans-stack);line-height:1.5;min-height:100dvh;background-image:radial-gradient(1100px 520px at 82% -12%,oklch(.62 .175 262/.16),transparent 64%),radial-gradient(760px 420px at 2% -8%,oklch(.82 .16 72/.05),transparent 62%);background-attachment:fixed}.mono{font-family:var(--font-mono-stack);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.top{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);background:color-mix(in oklch,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.top-in{gap:18px;height:66px}.brand,.top-in{display:flex;align-items:center}.brand{gap:11px;min-width:0}.mark{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:block}.wordmark{display:flex;align-items:baseline;gap:9px;min-width:0}.wordmark .nm{font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink)}.wordmark .bar{width:2px;height:15px;background:var(--signal);border-radius:2px;align-self:center}.wordmark .sub{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--brand-ink);text-transform:uppercase}.top-spacer{flex:1 1}.top-tools{display:flex;align-items:center;gap:12px}.search-trigger{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 10px 0 13px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}.search-trigger:hover{border-color:var(--border-2);background:var(--surface-2);color:var(--ink)}.search-trigger svg{width:15px;height:15px;opacity:.85}.search-trigger .kbd{margin-left:2px}.kbd{font-family:var(--font-mono-stack);font-size:11px;line-height:1;padding:3px 6px;border-radius:6px;color:var(--muted);background:color-mix(in oklch,var(--bg) 60%,black 8%);border:1px solid var(--border-2)}.top-clock{font-weight:500}.summary-pill,.top-clock{font-size:13px;color:var(--ink)}.summary-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:600;white-space:nowrap}.summary-pill .sdot{width:8px;height:8px}.hero{padding:56px 0 30px;position:relative}.hero-eyebrow{gap:9px;margin-bottom:18px;font-size:12.5px;color:var(--muted)}.hero-eyebrow,.hero-eyebrow .live{display:inline-flex;align-items:center}.hero-eyebrow .live{gap:6px;font-weight:600;color:var(--up);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.hero-eyebrow .live .sdot{width:7px;height:7px;background:var(--up)}.hero h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance;max-width:19ch}.hero h1 em{font-style:normal;color:var(--brand-ink)}.hero p{margin-top:16px;color:var(--muted);max-width:56ch;font-size:16px;line-height:1.55}.hero p kbd{font-family:var(--font-mono-stack);font-size:.82em;padding:2px 6px;border-radius:5px;background:var(--surface);border:1px solid var(--border-2);color:var(--ink)}.pulse{margin-top:30px;padding:16px 18px;border-radius:var(--r);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);align-items:center;gap:18px}.pulse,.pulse-dots{display:flex;flex-wrap:wrap}.pulse-dots{gap:7px;flex:1 1;min-width:200px}.pdot{width:10px;height:10px;border-radius:3px;background:var(--border-2);transition:transform .2s var(--ease),background .2s var(--ease)}.pdot[data-s=up]{background:var(--up)}.pdot[data-s=down]{background:var(--down);box-shadow:0 0 8px var(--down)}.pdot[data-s=checking]{background:var(--checking);animation:pulseGlow 1.1s ease-in-out infinite}.pdot:hover{transform:scale(1.35)}.pulse-stat{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted);white-space:nowrap}.pulse-stat b{color:var(--ink);font-weight:600}.pulse-stat .sep{width:1px;height:22px;background:var(--border)}.section{padding:26px 0}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}.section-head h2{font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--ink)}.section-head .meta{font-size:12.5px;color:var(--faint)}.section-head .filters{margin-left:auto;display:flex;gap:6px}.fchip{font-size:12.5px;font-family:inherit;padding:5px 12px;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--muted);transition:all .16s var(--ease)}.fchip:hover,.fchip[aria-pressed=true]{border-color:var(--border-2);color:var(--ink)}.fchip[aria-pressed=true]{background:var(--surface-2)}.fchip[aria-pressed=true] .fc-dot{opacity:1}.fc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;opacity:.7;vertical-align:middle}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(296px,1fr));grid-gap:14px;gap:14px}.card{position:relative;display:flex;flex-direction:column;gap:13px;padding:18px;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease)}.card:before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(420px 160px at 16% -20%,color-mix(in oklch,var(--chip),transparent 78%),transparent 70%);transition:opacity .24s var(--ease)}.card:hover{transform:translateY(-3px);border-color:color-mix(in oklch,var(--chip),var(--border) 42%);box-shadow:0 18px 40px -22px oklch(0 0 0/.75)}.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.card-top{display:flex;align-items:center;gap:12px}.chip{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:16px;color:oklch(.99 0 0);letter-spacing:-.01em;background:linear-gradient(150deg,var(--chip),color-mix(in oklch,var(--chip),black 30%));box-shadow:inset 0 1px 0 oklch(1 0 0/.18),0 4px 12px -5px color-mix(in oklch,var(--chip),transparent 30%)}.card-name{min-width:0;flex:1 1}.card-name b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-name span{display:block;font-size:12px;color:var(--faint);margin-top:1px}.card-desc{color:var(--muted);font-size:13px;line-height:1.5;min-height:2.95em}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:2px}.host{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go{font-size:12px;color:var(--brand-ink);font-weight:600;opacity:0;transform:translateX(-4px);transition:all .24s var(--ease);flex-shrink:0}.card:hover .go{opacity:1;transform:none}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;padding:3px 9px;border-radius:6px;background:color-mix(in oklch,var(--surface-2) 80%,transparent);color:var(--muted);border:1px solid var(--border)}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;flex-shrink:0}.sdot{width:9px;height:9px;border-radius:50%;background:var(--faint);position:relative;flex-shrink:0}.status[data-s=up]{color:var(--up)}.status[data-s=up] .sdot{background:var(--up)}.status[data-s=up] .sdot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--up);opacity:.55;animation:ping 2s var(--ease) infinite}.status[data-s=down]{color:var(--down)}.status[data-s=down] .sdot{background:var(--down);box-shadow:0 0 8px var(--down)}.status[data-s=checking]{color:var(--checking)}.status[data-s=checking] .sdot{background:var(--checking);animation:pulseGlow 1s ease-in-out infinite}.lat{color:var(--faint);font-weight:500}@keyframes ping{0%{transform:scale(.8);opacity:.55}80%,to{transform:scale(2.1);opacity:0}}@keyframes pulseGlow{50%{opacity:.4}}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:12px;gap:12px}.irow{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--border);transition:border-color .18s var(--ease),background .18s var(--ease),transform .18s var(--ease)}.irow:hover{border-color:var(--border-2);background:var(--surface-2);transform:translateY(-2px)}.irow:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.ichip{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:13px;color:oklch(.99 0 0);background:linear-gradient(150deg,var(--chip),color-mix(in oklch,var(--chip),black 30%));box-shadow:inset 0 1px 0 oklch(1 0 0/.16)}.irow .body{min-width:0;flex:1 1}.irow .body b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.irow .body span{font-size:11px;color:var(--faint)}.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));grid-gap:14px;gap:14px}.layer{padding:17px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.layer h3{font-size:11px;font-weight:700;color:var(--brand-ink);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.layer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.layer li{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:9px}.layer li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);flex-shrink:0}.foot{padding:36px 0 48px;margin-top:24px;border-top:1px solid var(--border);color:var(--faint);font-size:12.5px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.foot .mono{color:var(--muted)}.cmd-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:oklch(.12 .02 264/.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:fade .16s var(--ease)}.cmd{width:min(620px,100%);max-height:70vh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border-2);border-radius:16px;box-shadow:0 32px 80px -28px oklch(0 0 0/.8);overflow:hidden;z-index:var(--z-modal);animation:pop .2s var(--ease-out)}.cmd-in{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--border)}.cmd-in svg{width:18px;height:18px;color:var(--faint);flex-shrink:0}.cmd-in input{flex:1 1;background:none;border:none;outline:none;color:var(--ink);font-family:inherit;font-size:15.5px}.cmd-in input::placeholder{color:var(--faint)}.cmd-in .esc{font-size:11px}.cmd-list{overflow-y:auto;padding:8px;scrollbar-width:thin}.cmd-empty{padding:28px 16px;text-align:center;color:var(--faint);font-size:14px}.cmd-group{padding:10px 10px 5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.cmd-item{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;cursor:pointer;scroll-margin:8px}.cmd-item[data-active=true]{background:color-mix(in oklch,var(--brand) 22%,var(--surface))}.cmd-item .ichip{width:30px;height:30px}.cmd-item .ci-body{flex:1 1;min-width:0}.cmd-item .ci-body b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item .ci-body span{font-size:11.5px;color:var(--faint)}.cmd-item .ci-enter{font-size:11px;color:var(--brand-ink);opacity:0}.cmd-item[data-active=true] .ci-enter{opacity:1}.cmd-foot{display:flex;align-items:center;gap:16px;padding:9px 15px;border-top:1px solid var(--border);font-size:11.5px;color:var(--faint)}.cmd-foot .k{display:inline-flex;align-items:center;gap:5px}.cmd-foot .kbd{font-size:10px;padding:2px 5px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(-8px) scale(.985)}}.rise{opacity:0;transform:translateY(12px);animation:rise .5s var(--ease-out) forwards}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto}.rise{opacity:1;transform:none}}@media (max-width:760px){.search-trigger .kbd,.top-clock{display:none}}@media (max-width:560px){.wrap{padding:0 16px}.hero{padding:38px 0 22px}.wordmark .sub{display:none}.summary-pill{padding:0 11px}.pulse-stat{font-size:12px;gap:12px}.section-head .filters{width:100%;margin-left:0}}