:root{--bg:#0b0f17;--panel:#111a27;--panel2:#0e1522;--text:#e7eefc;--muted:#97a7c2;--line:#ffffff14;--good:#1fc77a;--warn:#ffb020;--bad:#ff5a67;--accent:#7aa7ff}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 800px at 30% 0%, #7aa7ff24, transparent 55%), radial-gradient(900px 700px at 90% 10%, #1fc77a1a, transparent 55%), var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif}a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:24px}.top{border:1px solid var(--line);background:linear-gradient(#111a27eb,#111a27b8);border-radius:14px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.dot{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 3px #7aa7ff26}.h1{letter-spacing:.2px;font-weight:800}.sub{color:var(--muted);font-size:12px}.grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#111a27eb,#0e1522db);border-radius:14px;padding:16px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 12px}input:focus{border-color:#7aa7ff8c;box-shadow:0 0 0 3px #7aa7ff1f}.btn{appearance:none;color:var(--text);cursor:pointer;background:#7aa7ff24;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px;font-weight:700}.btn:hover{background:#7aa7ff33}.btn.good{background:#1fc77a24}.btn.good:hover{background:#1fc77a33}.btn.bad{background:#ff5a671f}.btn.bad:hover{background:#ff5a672e}.hint{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.35}.table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 8px}.table th{color:var(--muted);font-size:12px;font-weight:700}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.good{color:var(--good);border-color:#1fc77a40}.badge.warn{color:var(--warn);border-color:#ffb02038}.badge.bad{color:var(--bad);border-color:#ff5a6738}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Cascadia Mono,Noto Sans Mono,monospace}@media (max-width:980px){.grid{grid-template-columns:1fr}}