:root{--bg:#0c1018;--card:#161c2b;--fg:#eef1f8;--muted:#9aa3c0;--accent:#5b8cff;--ok:#6ad29a;--err:#ff6b6b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2440 0%,var(--bg) 60%);color:var(--fg);font:16px/1.55 system-ui,sans-serif;min-height:100vh}.app{max-width:620px;margin:0 auto;padding:32px 20px}header{display:flex;align-items:center;gap:12px}h1{font-size:22px;margin:0}.tag{font-size:11px;background:#2c3350;color:var(--accent);padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.hero,.result{margin-top:28px}h2{font-size:20px;margin:0 0 8px}.muted{color:var(--muted);font-size:14px}.err{color:var(--err)}button{cursor:pointer;border-radius:10px;border:1px solid #2c3350;background:#1a2138;color:var(--fg);padding:10px 16px;font:inherit;margin-top:10px}button.primary{background:var(--accent);border:none;color:#fff;font-weight:600;padding:13px 22px;font-size:16px}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:none;color:var(--muted)}button.link{background:none;border:none;color:var(--accent);padding:0;margin:0;text-decoration:underline}.card{background:var(--card);border:1px solid #2c3350;border-radius:12px;padding:16px;margin:16px 0}.did{color:var(--ok);word-break:break-all;font-size:13px}code{color:#9ad;word-break:break-all}.svc{padding:8px 0;border-bottom:1px solid #222a44;font-size:14px}.svc a{color:var(--accent)}.how{margin-top:18px;font-size:13px;color:var(--muted);border-top:1px solid #222a44;padding-top:14px}footer{margin-top:36px;color:var(--muted);font-size:12px;border-top:1px solid #2c3350;padding-top:12px}