:root{--text:#5c6370;--text-h:#0f172a;--text-muted:#94a3b8;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--code-bg:#f1f5f9;--accent:#4f46e5;--accent-bg:#4f46e514;--accent-border:#4f46e540;--pass:#059669;--pass-bg:#05966914;--pass-border:#05966940;--warn:#d97706;--warn-bg:#d9770614;--warn-border:#d9770640;--fail:#dc2626;--fail-bg:#dc262614;--fail-border:#dc262640;--shadow:0 1px 3px #0f172a0f, 0 4px 12px #0f172a0a;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--text:#94a3b8;--text-h:#f1f5f9;--text-muted:#64748b;--bg:#0b1120;--surface:#131c2e;--border:#1e293b;--code-bg:#0f172a;--accent:#818cf8;--accent-bg:#818cf81a;--accent-border:#818cf84d;--pass:#34d399;--pass-bg:#34d3991a;--pass-border:#34d3994d;--warn:#fbbf24;--warn-bg:#fbbf241a;--warn-border:#fbbf244d;--fail:#f87171;--fail-bg:#f871711a;--fail-border:#f871714d;--shadow:0 1px 3px #0000004d, 0 4px 12px #0003}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{width:100%;max-width:960px;min-height:100svh;margin:0 auto}h1,h2,h3{color:var(--text-h);font-weight:600}code{font-family:var(--mono)}.app{text-align:left;padding:2.5rem 1.5rem 3rem}.hero{text-align:center;margin-bottom:2.5rem}.hero__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;margin-bottom:1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.hero__title{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.hero__desc{max-width:36rem;color:var(--text);margin:0 auto;font-size:1.05rem;line-height:1.6}.search{max-width:36rem;margin:0 auto 2.5rem}.search__field{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;gap:.5rem;padding:.4rem;display:flex}.search__field input{font-size:1rem;font-family:var(--mono);color:var(--text-h);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem 1rem}.search__field input::placeholder{color:var(--text-muted)}.search__field button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.search__field button:hover:not(:disabled){opacity:.9}.search__field button:active:not(:disabled){transform:scale(.98)}.search__field button:disabled{opacity:.6;cursor:not-allowed}.search__error{color:var(--fail);text-align:center;margin:.75rem 0 0;font-size:.9rem}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.results{max-width:52rem;margin:0 auto}.score{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.score--pass{border-color:var(--pass-border);background:var(--pass-bg)}.score--warn{border-color:var(--warn-border);background:var(--warn-bg)}.score--fail{border-color:var(--fail-border);background:var(--fail-bg)}.score__grade{background:var(--bg);width:4.5rem;height:4.5rem;color:var(--text-h);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:3rem;font-weight:700;line-height:1;display:flex}.score__info h2{margin:0 0 .25rem;font-size:1.5rem}.score__info p{color:var(--text);margin:0 0 .25rem}.score__info time{color:var(--text-muted);font-size:.8rem}.cards{flex-direction:column;gap:1rem;display:flex}.card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:1.25rem 1.5rem}.card--pass{border-left:4px solid var(--pass)}.card--warn{border-left:4px solid var(--warn)}.card--fail{border-left:4px solid var(--fail)}.card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.card__title{color:var(--text-h);margin:0;font-size:1.1rem}.card__subtitle{color:var(--text-muted);font-size:.8rem;font-family:var(--mono);margin:.15rem 0 0}.card__summary{color:var(--text);margin:0 0 1rem;line-height:1.5}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge__icon{font-size:.7rem}.badge--pass{background:var(--pass-bg);color:var(--pass);border:1px solid var(--pass-border)}.badge--warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-border)}.badge--fail{background:var(--fail-bg);color:var(--fail);border:1px solid var(--fail-border)}.record-block{margin-bottom:1rem}.record-block__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.record-block__value{background:var(--code-bg);word-break:break-all;color:var(--text-h);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;line-height:1.5;display:block}.record-block--empty .record-block__missing{color:var(--text-muted);font-size:.9rem;font-style:italic}.detail-grid{background:var(--code-bg);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.5rem 1.5rem;margin:0 0 1rem;padding:.75rem 1rem;display:grid}.detail-grid__row{flex-direction:column;gap:.1rem;display:flex}.detail-grid__row dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.7rem;font-weight:600}.detail-grid__row dd{color:var(--text-h);word-break:break-all;margin:0;font-size:.9rem}.mechanisms{font-family:var(--mono);font-size:.78rem}.dkim-list{flex-direction:column;gap:.5rem;margin-bottom:.5rem;display:flex}.dkim-item{flex-direction:column;gap:.25rem;display:flex}.dkim-item__selector{color:var(--accent);font-size:.75rem;font-weight:600;font-family:var(--mono)}.dkim-item__record{background:var(--code-bg);word-break:break-all;color:var(--text-h);border-radius:6px;padding:.5rem .75rem;font-size:.78rem}.recommendations{color:var(--text);margin:0;padding:.75rem 0 0 1.25rem;font-size:.85rem;line-height:1.5}.recommendations li+li{margin-top:.25rem}.footer{text-align:center;max-width:36rem;margin:3rem auto 0}.footer p{color:var(--text-muted);font-size:.8rem;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.search__field{flex-direction:column}.search__field button{justify-content:center}.score{text-align:center;flex-direction:column}.card__header{flex-direction:column}}