:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#dbeafe;background:linear-gradient(135deg,#0f172a,#020617)}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:940px;margin:0 auto;padding:2rem 1rem 3rem}main{display:grid;gap:1rem}.panel{background:#0f172ad9;border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}h1{margin-top:0;font-size:1.8rem}h2{margin-top:0}label{display:block;color:#93c5fd;margin-bottom:.25rem;font-size:.85rem;letter-spacing:.02em}pre{margin:0 0 .75rem;padding:.6rem .65rem;border:1px dashed rgba(148,163,184,.3);border-radius:.5rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#02061766}button{border:0;border-radius:.55rem;padding:.6rem .9rem;background:#38bdf8;color:#0f172a;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.meta{margin:.8rem 0 0;color:#cbd5e1;font-size:.86rem}input{width:100%;max-width:360px;border:1px solid rgba(148,163,184,.4);border-radius:.5rem;background:#02061780;color:#e2e8f0;padding:.55rem .65rem;margin-bottom:.75rem}input::placeholder{color:#94a3b899}.field{margin-bottom:.85rem}.ok{margin:.8rem 0 0;color:#bef264}.error{border-color:#f8717166;color:#fecaca}