:root{color-scheme:light;--bg:#eef2f8;--surface:#fff;--ink:#111827;--muted:#667085;--line:#dce3ed;--blue:#1455e7;--blue-dark:#0e43bd;--green:#087a55;--soft:#f7f9fc;--shadow:0 18px 55px rgba(25,42,78,.1)}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% -20%,#fff 0,var(--bg) 54%);padding:max(30px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.page{width:min(100%,980px);margin:0 auto}.hero{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;margin:28px 0 38px}.mark{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--blue);color:#fff;font-size:27px;font-weight:800;box-shadow:0 12px 30px rgba(20,85,231,.25)}.eyebrow{margin:1px 0 8px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.045em}.intro{max-width:650px;margin:15px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profile{min-width:0;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.profile-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf0ff;color:var(--blue);font-weight:850;font-size:16px}.state{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:650}.state::before{content:"";width:8px;height:8px;border-radius:50%;background:#f59e0b}.profile[data-ready="true"] .state{color:var(--green)}.profile[data-ready="true"] .state::before{background:#10b981}.profile h2{margin:20px 0 5px;font-size:24px;letter-spacing:-.025em}.profile>p:not(.feedback){margin:0;color:var(--muted);font-size:14px}.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}button{min-height:46px;border-radius:11px;font:750 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}button:focus-visible{outline:3px solid rgba(20,85,231,.25);outline-offset:2px}button:disabled{cursor:wait;opacity:.48}.copy{border:1px solid var(--blue);background:var(--blue);color:#fff}.copy:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}.download{border:1px solid var(--line);background:var(--soft);color:var(--ink)}.feedback{min-height:20px;margin:10px 0 -4px;color:var(--green);font-size:13px;font-weight:650}.feedback.error{color:#b42318}footer{margin:26px 0 0;color:var(--muted);font-size:13px;text-align:center}@media(max-width:820px){.profiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){body{padding-left:12px;padding-right:12px}.hero{grid-template-columns:50px 1fr;gap:14px;margin:14px 4px 26px}.mark{width:50px;height:50px;border-radius:14px;font-size:22px}h1{font-size:36px}.intro{font-size:16px}.profiles{grid-template-columns:1fr;gap:12px}.profile{padding:20px;border-radius:16px}.actions{grid-template-columns:1fr 1fr}}@media(max-width:390px){.actions{grid-template-columns:1fr}}