:root{--max:960px;--bg:#0b1020;--panel:#12182b;--bd:#1f2540;--txt:#e5e7eb;--mut:#9ca3af;--pri:#3b82f6}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--txt)}.main{max-width:var(--max);margin:16px auto;padding:16px}.card{background:var(--panel);border:1px solid var(--bd);border-radius:16px;padding:16px;margin:16px 0}h1{font-size:clamp(22px,4vw,40px);margin:0 0 16px}h2{font-size:clamp(16px,3.2vw,22px);margin:0 0 12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--bd);background:#0e1426;color:var(--txt)}button{padding:10px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--pri);color:#fff;font-weight:600;cursor:pointer}pre{white-space:pre-wrap;word-break:break-word;background:#0e1426;border:1px solid var(--bd);border-radius:12px;padding:12px}.small{color:var(--mut);font-size:13px}