body{margin:0;background:#070b16;color:#eaf2ff;font:16px system-ui,sans-serif}main{max-width:980px;margin:0 auto;padding:42px 20px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}h1{font-size:56px;margin:0;background:linear-gradient(90deg,#32e6ff,#4dff9a,#7c5cff);-webkit-background-clip:text;color:transparent}.sub{color:#9fb3d9}input,button{border:1px solid #263552;background:#0d1426;color:#fff;border-radius:12px;padding:12px;margin:4px}button{background:linear-gradient(90deg,#1369ff,#00b894);cursor:pointer}.card{border:1px solid #1c2945;background:#0c1324;border-radius:18px;padding:16px;margin:12px 0}.muted{color:#9fb3d9}code{word-break:break-all;color:#8ef}.copy-row{display:flex;align-items:center;gap:10px}.copy-row code{flex:1}.copy-button{white-space:nowrap;padding:9px 12px}.message{border:1px solid #24513b;background:#0d261d;color:#9ff3c7;border-radius:14px;padding:12px 14px}.message.error{border-color:#61303e;background:#2a1018;color:#ffb4c3}@media(max-width:680px){.topbar{display:block}h1{font-size:42px}.copy-row{align-items:stretch;flex-direction:column}}