*{box-sizing:border-box}body{margin:0;background:#f7f8fb;color:#111827;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:10;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.brand{border:0;background:transparent;font-weight:900;font-size:20px;display:flex;gap:10px;align-items:center}.brand span{background:#111827;color:#fff;border-radius:12px;width:34px;height:34px;display:grid;place-items:center}.nav div{display:flex;gap:9px;align-items:center}.nav button{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:9px 13px}.ok{color:#0f766e}.bad{color:#b91c1c}.status{max-width:1180px;margin:18px auto 0;padding:0 24px}.status p{padding:12px 14px;border-radius:14px;font-weight:800}.load{background:#fef3c7;color:#92400e}.note{background:#dbeafe;color:#1d4ed8}.err{background:#fee2e2;color:#b91c1c}.hero{max-width:1180px;margin:0 auto;padding:76px 24px 38px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:end}.eyebrow{color:#4f46e5;font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.94;letter-spacing:-.075em;margin:0;max-width:820px}.hero p{color:#6b7280;font-size:19px;line-height:1.6}.hero aside{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:24px;box-shadow:0 20px 60px #0f172a14;font-weight:800}.container{max-width:1180px;margin:0 auto;padding:20px 24px 80px}.narrow{max-width:620px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:24px;box-shadow:0 16px 45px #0f172a0e;margin-bottom:20px}.card h2{margin:0 0 14px;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.form,.grid>div{display:grid;gap:12px}label{font-weight:800;color:#374151}input,textarea{width:100%;border:1px solid #e5e7eb;border-radius:16px;padding:13px 14px;outline:none}textarea{min-height:230px;resize:vertical}input:focus,textarea:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf824}.primary{border:0;background:#111827;color:#fff;border-radius:16px;padding:13px 16px;font-weight:900}.result{margin-top:22px;display:grid;grid-template-columns:.45fr 1fr;gap:20px}.score,.report{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:24px;box-shadow:0 16px 45px #0f172a0e}.score small{color:#6b7280;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.score strong{display:block;font-size:64px;letter-spacing:-.08em;margin:10px 0}.score p{color:#6b7280;line-height:1.5}.report pre{margin:0;white-space:pre-wrap;background:#0f172a;color:#e5e7eb;padding:18px;border-radius:18px;max-height:680px;overflow:auto;line-height:1.55}.toggle{display:grid;grid-template-columns:1fr 1fr;background:#f3f4f6;padding:4px;border-radius:16px}.toggle button{border:0;background:transparent;border-radius:13px;padding:10px;font-weight:900;color:#6b7280}.toggle .active{background:#fff;color:#111827;box-shadow:0 6px 18px #0f172a14}.dash{display:grid;grid-template-columns:1fr 1fr;gap:22px}.saved{border:1px solid var(--line);background:#f9fafb;border-radius:18px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:14px}.saved b{display:block;margin-bottom:6px}.saved span{color:var(--blue);font-weight:900}.savedActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.savedActions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-weight:800}.savedActions button.danger{color:#b91c1c;border-color:#fecaca;background:#fee2e2}.savedActions button:disabled{opacity:.4;cursor:not-allowed}.linkButton{border:0;background:transparent;color:#2563eb;font-weight:800;padding:8px 0;text-align:center;cursor:pointer}.linkButton:hover{text-decoration:underline}.muted{color:var(--muted);line-height:1.5}.loadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#11182773;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center}.loadingModal{width:min(420px,calc(100% - 40px));background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 24px 80px #0f172a38}.loadingModal h2{margin:16px 0 8px}.loadingModal p{margin:0;color:var(--muted)}.spinner{width:46px;height:46px;border:5px solid #e5e7eb;border-top-color:#111827;border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.nav,.nav div{align-items:flex-start;flex-direction:column}.hero,.grid,.result,.dash{grid-template-columns:1fr}}