:root{--ground:#0B0E1A;--panel:#141A2E;--line:#26304F;--ink:#C9D1E8;--muted:#6B7699;--cy:#35E0D0;--gold:#FFC24B}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.wrap{max-width:820px;margin:0 auto;padding:0 16px 80px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.mark{font-weight:800;font-size:16px;color:var(--ink);text-decoration:none}.mark em{font-style:normal;color:var(--cy)}.live{font-family:monospace;font-size:11px;color:var(--muted)}.hero{padding:40px 0 20px;text-align:center}.hero h1{font-size:clamp(26px,6vw,40px);margin:0 0 10px}.hero p{color:var(--muted);font-size:14px;max-width:52ch;margin:0 auto 20px;line-height:1.6}.cta{display:inline-block;background:var(--cy);color:#0B0E1A;font-weight:800;text-decoration:none;padding:13px 26px;border-radius:3px}.cta:hover{opacity:.9}.niches{display:flex;gap:6px;flex-wrap:wrap;margin:26px 0 16px}.niches a{font-family:monospace;font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px;text-decoration:none}.niches a.on{background:var(--cy);color:#0B0E1A;border-color:var(--cy);font-weight:700}ol{list-style:none;margin:0;padding:0}li.row{padding:16px 4px;border-bottom:1px solid var(--line)}.name{font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}.name:hover{color:var(--cy)}.desc{color:var(--muted);font-size:13px;margin:4px 0 0;line-height:1.5}.meta{font-family:monospace;font-size:10.5px;color:#4C556F;margin:6px 0 0}.empty{padding:40px 4px;text-align:center;color:var(--muted)}.empty,.field{font-size:14px}.field{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:12px 14px;color:var(--ink);width:100%;font-family:inherit}.field::placeholder{color:#4C556F}label{display:block;font-size:12px;color:var(--muted);margin:16px 0 6px;font-weight:600}button.go{background:var(--cy);color:#0B0E1A;border:0;border-radius:3px;font-weight:800;padding:13px 26px;cursor:pointer;margin-top:20px;width:100%;font-size:14px}button.go:disabled{opacity:.6}.note{font-size:13px;margin-top:10px;line-height:1.5}.note.err{color:#FF3E7F}.note.ok{color:var(--cy)}.box{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:24px;margin-top:24px}.howitworks{margin:30px 0;padding:18px;background:rgba(53,224,208,.06);border:1px dashed var(--line);border-radius:6px;font-size:13px;line-height:1.7;color:var(--ink)}.howitworks b,.snippet,a.plain{color:var(--cy)}.snippet{background:#0a0d17;border:1px solid var(--line);border-radius:4px;padding:12px 14px;font-family:monospace;font-size:12.5px;overflow-x:auto;white-space:pre;margin:0}.copybtn{margin-top:8px;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:12px;padding:7px 14px;border-radius:3px;cursor:pointer;font-family:inherit}.copybtn:hover{border-color:var(--cy);color:var(--cy)}code{background:var(--panel);padding:1px 5px;border-radius:3px;font-size:.9em}.badge{display:inline-block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:2px;border:1px solid;margin-left:8px;vertical-align:2px}.badge.ok{color:var(--cy);border-color:rgba(53,224,208,.4);background:rgba(53,224,208,.08)}.badge.pending{color:var(--muted);border-color:var(--line);background:transparent}.countdown{color:#FBBF24}.disclaimer{color:var(--muted);font-size:11.5px;line-height:1.75;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}.disclaimer .badge{margin:0 2px}.online{display:inline-flex;align-items:center;gap:6px;margin-left:10px}.online .dot{width:6px;height:6px;border-radius:50%;background:var(--cy);box-shadow:0 0 8px var(--cy);animation:pulse 2.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.online .dot{animation:none}}.site-footer{max-width:820px;margin:60px auto 0;padding:20px 16px 40px;border-top:1px solid var(--line);text-align:center}.site-footer nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.site-footer a{font-family:monospace;font-size:11px;color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--cy)}