:root{--bg:#0b0e14;--panel:#131826;--panel-2:#1a2032;--text:#e6e9f0;--muted:#8b93a7;--accent:#6ea8fe;--accent-2:#b18cff;--on:#3ddc84;--off:#5b6172;--line:#232a3d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:56px 24px 80px}.head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.logo{font-size:40px;font-weight:800;letter-spacing:2px;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{font-size:15px}.status,.sub{color:var(--muted)}.status{margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--line);background:var(--panel);border-radius:999px;font-size:14px}.status strong{color:var(--text);font-weight:600}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--on);box-shadow:0 0 0 4px rgba(61,220,132,.15)}.dot.off{background:var(--off);box-shadow:0 0 0 4px rgba(91,97,114,.12)}.empty{margin:40px 0 8px}.empty h1{font-size:26px;margin:0 0 6px}.empty p{color:var(--muted);margin:0}.grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px}.card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px;position:relative;transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);border-color:#2e3854}.card .pid{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px}.card .ptitle{margin-top:6px;font-size:16px;font-weight:650}.card .pdetail{margin-top:4px;font-size:13px;color:var(--muted);line-height:1.4}.card .pstate{margin-top:12px;display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.card.now{border-color:rgba(61,220,132,.5);background:linear-gradient(180deg,rgba(61,220,132,.08),var(--panel))}.card.now .pstate{color:var(--on);border-color:rgba(61,220,132,.4)}.card.next{border-color:rgba(110,168,254,.5)}.card.next .pstate{color:var(--accent);border-color:rgba(110,168,254,.4)}.foot{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}.foot code{color:var(--text);background:var(--panel-2);padding:1px 6px;border-radius:6px}