:root{--bg:#0b1220;--card:#131c2e;--line:#223049;--text:#e8eefb;--muted:#93a4c3;--teal:#0f766e;--teal-2:#14b8a6;--ok:#10b981;--err:#ef4444}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}.wrap,body,html{min-height:100dvh}.wrap{max-width:520px;margin:0 auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}h1{font-size:20px;margin:4px 0 0}.sub{color:var(--muted);font-size:13px;margin:0 0 4px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input[type=password],input[type=text],textarea{width:100%;background:#0c1526;border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:16px;padding:12px;outline:none}textarea{resize:vertical;min-height:44px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:14px;padding:16px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(180deg,var(--teal-2),var(--teal));cursor:pointer}.btn:disabled{opacity:.5}.btn.secondary{background:#1c2942}.preview{width:100%;border-radius:14px;border:1px solid var(--line);display:block}.hidden{display:none}.result{border-left:4px solid var(--ok)}.result.err{border-left-color:var(--err)}.big{font-size:26px;font-weight:700}.stat{display:flex;gap:18px;margin:8px 0}.stat div span{display:block;color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}