:root{--bg:#f4f4f1;--ink:#131313;--mute:#6b6b68;--line:#00000017;--card:#fff;--frame:#1a1b1f;--screen:#fff;--sink:#1a1b1f;--smute:#9a9a9a;--spanel:#f1f1f3;--up:#16a34a;--down:#e11d48;--wait:#a3a3a3;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--bg:#0c0d10;--ink:#f2f2f0;--mute:#9b9ea5;--line:#ffffff1a;--card:#15171c;--frame:#2a2c33;--screen:#1c1e24;--sink:#f2f2f0;--smute:#7d8188;--spanel:#262930;--up:#4ade80;--down:#fb7185;--wait:#6b7280}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:14px 16px 48px}nav{justify-content:space-between;align-items:center;height:52px;display:flex}.wordmark{letter-spacing:-.01em;font-size:17px;font-weight:700}.wordmark span{color:var(--mute);font-weight:400}.tools{align-items:center;gap:8px;display:flex}.pill{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.pill svg{fill:none;stroke:currentColor;stroke-width:2px;width:14px;height:14px}.theme{border:1px solid var(--line);width:36px;height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:transform .1s;display:grid}.theme:active{transform:scale(.92)}.theme svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.theme .i-sun,:root[data-theme=dark] .theme .i-moon{display:none}:root[data-theme=dark] .theme .i-sun{display:block}.hero{max-width:760px;padding:36px 0 18px}.hero h1{letter-spacing:-.04em;font-size:clamp(40px,7.5vw,72px);font-weight:800;line-height:1}.hero h1 em{color:var(--mute);font-style:normal;font-weight:500}.hero p{color:var(--mute);max-width:48ch;margin-top:14px;font-size:17px;line-height:1.45}.live{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin:14px -16px 20px;padding:0 16px;display:flex;overflow-x:auto}.live::-webkit-scrollbar{display:none}.live[hidden]{display:none}.live .tag{letter-spacing:.14em;color:var(--down);flex:none;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.live .tag i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4;transform:scale(.5)}}.chip{background:var(--card);border:1px solid var(--line);white-space:nowrap;height:34px;animation:.5s both rise;animation-delay:var(--d,0s);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:13px;font-weight:600;display:inline-flex}.chip b{background:var(--tint);border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=760px){.grid{grid-template-columns:repeat(4,1fr);gap:16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;min-height:44px;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px #00000059}.card:active{transition-duration:.1s;transform:translateY(-1px)scale(.985)}.chip{transition:transform .1s}.chip:active{transform:scale(.96)}.card:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.stage{aspect-ratio:1;perspective:700px;place-items:center;display:grid;position:relative;overflow:hidden}.stage:before{content:"";background:radial-gradient(120% 90% at 50% 110%,var(--tint),transparent 60%);opacity:.26;position:absolute;inset:0}.float{width:100%;animation:5.5s ease-in-out infinite bob;animation-delay:var(--d,0s);will-change:transform;place-items:center;display:grid}@keyframes bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}.dev{transform:rotateY(var(--ry,-20deg)) rotateX(var(--rx,9deg));transform-style:preserve-3d;width:var(--w);filter:drop-shadow(0 18px 14px #00000038);transition:transform .18s ease-out;display:block}.dev svg{width:100%;height:auto;display:block}.shadow{filter:blur(6px);width:46%;height:8%;animation:5.5s ease-in-out infinite shade;animation-delay:var(--d,0s);background:#0000002e;border-radius:50%;position:absolute;bottom:10%}:root[data-theme=dark] .shadow{background:#0009}@keyframes shade{0%,to{opacity:.8;transform:scale(1.08)}50%{opacity:.5;transform:scale(.9)}}.text{flex-direction:column;flex:1;gap:4px;padding:12px 14px 14px;display:flex}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--tint);font-size:11px;font-weight:700}.name{letter-spacing:-.02em;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.blurb{color:var(--mute);-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:70.2px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width>=760px){.blurb{-webkit-line-clamp:3;min-height:52.65px}}.host{color:var(--mute);white-space:nowrap;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:11.5px;display:flex;overflow:hidden}.host span{text-overflow:ellipsis;overflow:hidden}.dot{border:2px solid var(--wait);border-radius:50%;flex:none;width:8px;height:8px}.card[data-s=up] .dot{background:var(--up);border-color:var(--up)}.card[data-s=down] .dot{background:var(--down);border-color:var(--down)}.card[data-s=up] .dot,.card[data-s=down] .dot{animation:.45s cubic-bezier(.3,1.4,.5,1) settle}@keyframes settle{0%{opacity:.3;transform:scale(.3)}to{opacity:1;transform:none}}.card[data-s=checking] .dot{animation:1.2s steps(2,end) infinite blink}.card[data-s=none] .dot{display:none}.card[data-s=down] .host{color:var(--down);font-weight:600}@keyframes blink{50%{opacity:.25}}.lock{fill:none;stroke:currentColor;stroke-width:2px;opacity:.6;width:14px;height:14px}.card.wide{grid-column:span 2}.card.wide .stage{aspect-ratio:2}.card.wide .blurb{min-height:0}.card.wide .host{padding-top:12px}@media (width>=760px){.card.wide .stage{aspect-ratio:auto;flex:1;min-height:0}.card.wide .blurb{min-height:52.65px}}.sv .ink{fill:var(--sink)}.sv .mute{fill:var(--smute)}.sv .panel{fill:var(--spanel)}.sv .scr{fill:var(--screen)}.sv .fr{fill:var(--frame)}.sv .tint{fill:var(--tint)}.livepill{animation:1.2s steps(2,end) infinite blink;display:none}.card.is-live .livepill{display:inline}.chart{stroke:var(--tint);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:2.4s ease-out forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.bell{transform-origin:50% 10%;animation:3s ease-in-out infinite ring}@keyframes ring{0%,70%,to{transform:rotate(0)}75%{transform:rotate(14deg)}80%{transform:rotate(-12deg)}85%{transform:rotate(8deg)}90%{transform:rotate(-4deg)}}.doorleaf{transform-origin:14%;transition:transform .5s;transform:rotateY(0)}.card:hover .doorleaf{transform:rotateY(-55deg)}.doorlight{opacity:0;transition:opacity .5s}.card:hover .doorlight{opacity:1}footer{color:var(--mute);justify-content:space-between;align-items:center;padding:28px 4px 0;font-size:13px;display:flex}footer a{text-underline-offset:3px;text-decoration:underline}.paused .float,.paused .shadow,.paused .dot,.paused .bell,.paused .livepill,.paused .chart{animation-play-state:paused}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.chart{stroke-dashoffset:0}}