:root{--bg:#0c1020;--card:#151b31;--card2:#1b2340;--text:#f7f9ff;--muted:#9aa7c7;--accent:#32ffb5;--danger:#ff6b6b;--line:#2b355d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#161d3d,#090d1a 55%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}nav{display:flex;gap:18px;align-items:center;padding:16px 24px;background:#0b1022;border-bottom:1px solid var(--line);position:sticky;top:0}nav strong{margin-right:auto}nav a{color:var(--accent);text-decoration:none}.wrap{max-width:1100px;margin:40px auto;padding:0 18px}.narrow{max-width:520px}.card{background:linear-gradient(180deg,var(--card),#11172b);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px #0005;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}h1,h2,h3{margin-top:0}.muted{color:var(--muted)}label{display:block;margin:14px 0;color:#dbe3ff}input,select{width:100%;margin-top:7px;padding:12px 13px;border-radius:10px;border:1px solid var(--line);background:#0e1429;color:var(--text)}button{border:0;border-radius:10px;background:var(--accent);color:#07130f;padding:12px 18px;font-weight:800;cursor:pointer}button:disabled{opacity:.55}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.err{background:#4a1e2b;color:#ffd6de}.ok{background:#163d31;color:#c9ffe9}.result{margin-top:22px;background:var(--card2);border:1px solid var(--line);padding:20px;border-radius:14px}.code{font:700 28px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--accent);padding:16px 0;word-break:break-all}ul{padding-left:20px}@media(max-width:600px){nav{flex-wrap:wrap}.wrap{margin-top:22px}.card{padding:18px}}