:root{color:var(--color-text);background-color:var(--color-page);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text:#0f172a;--color-muted:#64748b;--color-page:#eef2ff;--color-body-gradient:linear-gradient(180deg, #eef2ff 0%, #f8fafc 55%, #fff 100%);--panel-bg:#fffffff5;--panel-shadow:0 26px 60px #0f172a24;--panel-border:#94a3b840;--surface-soft:#f8fafc;--surface-strong:#2563eb14;--card-muted-bg:#f8fafc;--input-border:#94a3b873;--input-focus:#2563eb;--focus-ring:#2563eb26;--placeholder:#94a3b8;--accent:#2563eb;--accent-strong:#7c3aed;--button-gradient:linear-gradient(135deg, #2563eb, #7c3aed);--button-danger-gradient:linear-gradient(135deg, #ef4444, #f97316);--ghost-text:#2563eb;--ghost-bg:#2563eb1f;--ghost-border:#2563eb33;--badge-bg:#e0e7ff;--badge-text:#3730a3;--badge-champion-bg:#0f766e;--badge-solid-bg:#2563eb;--badge-risk-bg:#f97316;--badge-contrast-text:#fff;--info-hint-bg:#2563eb26;--info-hint-text:#1d4ed8;--info-hint-hover-bg:#2563eb;--info-hint-hover-text:#fff;--info-pop-bg:#0f172a;--info-pop-text:#fff;--info-pop-shadow:0 18px 38px #0f172a47;--info-pop-arrow:#0f172a;--progress-bg:#2563eb1f;--progress-danger-bg:#ef44441f;--progress-bar:linear-gradient(135deg, #2563eb, #7c3aed);--progress-bar-danger:linear-gradient(135deg, #ef4444, #f97316);--status-neutral:#cbd5f5;--status-ok:#22c55e;--status-bad:#ef4444;--hint-text:#475569;--live-idle-bg:#e2e8f0;--live-idle-text:#475569;--live-checking-bg:#dbeafe;--live-checking-text:#1d4ed8;--live-ok-bg:#dcfce7;--live-ok-text:#166534;--live-mismatch-bg:#fee2e2;--live-mismatch-text:#b91c1c;--live-notfound-bg:#fef3c7;--live-notfound-text:#b45309;--fetch-note-default:#64748b;--fetch-note-loading:#2563eb;--fetch-note-success:#15803d;--fetch-note-error:#b91c1c;--toggle-border:#94a3b859;--toggle-bg:#f8fafc;--range-track:#94a3b859;--range-number-bg:#f8fafc;--range-number-border:#94a3b873;--range-number-text:#0f172a;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--color-body-gradient);min-height:100vh;color:var(--color-text);margin:0}body,button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}#root{min-height:100vh}button{cursor:pointer}button:disabled{cursor:not-allowed}body[data-theme=dark]{--color-text:#e2e8f0;--color-muted:#94a3b8;--color-page:#020617;--color-body-gradient:linear-gradient(180deg, #020617 0%, #0b1120 55%, #111827 100%);--panel-bg:#0f172aeb;--panel-shadow:0 24px 48px #0206178c;--panel-border:#94a3b82e;--surface-soft:#0f172ad9;--surface-strong:#3b82f61f;--card-muted-bg:#0f172ad9;--input-border:#94a3b84d;--input-focus:#60a5fa;--focus-ring:#60a5fa59;--placeholder:#94a3b8;--accent:#60a5fa;--accent-strong:#a855f7;--button-gradient:linear-gradient(135deg, #3b82f6, #a855f7);--button-danger-gradient:linear-gradient(135deg, #f87171, #fb923c);--ghost-text:#bfdbfe;--ghost-bg:#2563eb38;--ghost-border:#2563eb4d;--badge-bg:#6366f138;--badge-text:#c7d2fe;--badge-champion-bg:#0f766e66;--badge-solid-bg:#2563eb66;--badge-risk-bg:#f9731659;--badge-contrast-text:#f8fafc;--info-hint-bg:#60a5fa38;--info-hint-text:#bfdbfe;--info-hint-hover-bg:#2563eb;--info-hint-hover-text:#f8fafc;--info-pop-bg:#0b1120;--info-pop-text:#e2e8f0;--info-pop-shadow:0 24px 50px #020617b3;--info-pop-arrow:#0b1120;--progress-bg:#3b82f638;--progress-danger-bg:#f8717138;--progress-bar:linear-gradient(135deg, #60a5fa, #a855f7);--progress-bar-danger:linear-gradient(135deg, #f87171, #fb923c);--status-neutral:#818cf8bf;--status-ok:#4ade80;--status-bad:#fca5a5;--hint-text:#cbd5f5;--live-idle-bg:#94a3b838;--live-idle-text:#e2e8f0;--live-checking-bg:#60a5fa3d;--live-checking-text:#bfdbfe;--live-ok-bg:#22c55e3d;--live-ok-text:#bbf7d0;--live-mismatch-bg:#f871713d;--live-mismatch-text:#fecaca;--live-notfound-bg:#fbbf2438;--live-notfound-text:#fde68a;--fetch-note-default:#cbd5f5;--fetch-note-loading:#93c5fd;--fetch-note-success:#4ade80;--fetch-note-error:#fca5a5;--toggle-border:#94a3b84d;--toggle-bg:#0f172acc;--range-track:#94a3b866;--range-number-bg:#0f172ad9;--range-number-border:#94a3b859;--range-number-text:#f8fafc}.container{flex-direction:column;gap:1.5rem;width:min(1180px,100%);min-height:100vh;margin:0 auto;padding:clamp(2.5rem,4vw,4rem) clamp(1.5rem,4vw,3rem) 4.5rem;display:flex}.title{letter-spacing:-.02em;text-align:left;margin:0;font-size:clamp(2rem,1.5vw + 2rem,3.25rem);font-weight:800;line-height:1.05}.badge-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:inline-flex}.badge{background:var(--badge-bg);color:var(--badge-text);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.95rem;font-weight:600;display:inline-flex}.badge.champion{background:var(--badge-champion-bg);color:var(--badge-contrast-text)}.badge.solid{background:var(--badge-solid-bg);color:var(--badge-contrast-text)}.badge.risk{background:var(--badge-risk-bg);color:var(--badge-contrast-text)}.layout-shell{flex:auto;gap:2rem;min-height:0;display:grid}.layout-main{flex-direction:column;gap:2rem;min-width:0;min-height:0;display:flex}.layout-top{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.layout-side{--layout-side-gap:2rem;--compliance-panel-height:0px;flex-direction:column;gap:2rem;min-width:0;display:flex}.layout-side .panel{width:100%}.compliance-panel{align-self:stretch}@media (width>=1024px){.layout-shell{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:stretch}.layout-side{position:relative}.layout-main{scrollbar-width:thin;scrollbar-color:#2563eb59 transparent;scrollbar-gutter:stable;height:100%;padding-bottom:.5rem;padding-right:.75rem;overflow-y:auto}.layout-main::-webkit-scrollbar{width:10px}.layout-main::-webkit-scrollbar-thumb{background-color:#2563eb59;border-radius:999px}.layout-main::-webkit-scrollbar-track{background:0 0}.compliance-panel{z-index:2;align-self:stretch;position:sticky;top:clamp(1.5rem,4vw,3rem)}.insights-panel{top:calc(clamp(1.5rem, 4vw, 3rem) + var(--compliance-panel-height) + var(--layout-side-gap));z-index:1;align-self:stretch;position:sticky}.layout-side[data-insights-static=true] .insights-panel{position:static;top:auto}}.panel{background:var(--panel-bg);box-shadow:var(--panel-shadow);text-align:left;border-radius:24px;flex-direction:column;gap:1.5rem;padding:clamp(1.75rem,2vw,2.5rem);display:flex}.panel h2{color:var(--color-text);margin:0;font-size:1.45rem;font-weight:700}.panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.9rem;font-weight:700}.label{color:var(--color-text);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;font-weight:600;display:flex}.label span:first-child{flex:0 auto}.input,select.input{border:1px solid var(--input-border);background:var(--surface-soft);width:100%;color:var(--color-text);border-radius:14px;padding:.75rem .95rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input:focus,select.input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input::placeholder{color:var(--placeholder)}.range{width:100%;accent-color:var(--accent)}.range-control{align-items:center;gap:.75rem;display:flex}.range-control .range{flex:1}.range-number{border:1px solid var(--range-number-border);background:var(--range-number-bg);color:var(--range-number-text);border-radius:12px;align-items:center;gap:.35rem;padding:.55rem .75rem;font-weight:600;transition:border-color .2s,box-shadow .2s;display:inline-flex}.range-number:focus-within{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring)}.range-number input{width:3.5rem;color:inherit;font:inherit;text-align:right;background:0 0;border:none}.range-number input:focus{outline:none}.range-number input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.range-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.range-number input[type=number]{-moz-appearance:textfield}.input-with-action{align-items:center;gap:clamp(.85rem,.5vw + .7rem,1.1rem);display:flex}.split .input-with-action{gap:clamp(.65rem,.3vw + .5rem,.85rem)}.dkim-grid{grid-template-columns:minmax(220px,1fr) auto}.dkim-selector-group{max-width:100%}@media (width>=640px){.dkim-selector-group{max-width:320px}}.dkim-grid .input-with-action{gap:clamp(.3rem,.2vw + .25rem,.5rem)}.dkim-grid .input-with-action select.input{flex:auto;min-width:0}.btn{color:var(--badge-contrast-text);background:var(--button-gradient);border:none;border-radius:999px;padding:.65rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #7c3aed59}.btn:active{box-shadow:none;transform:translateY(0)}.btn:disabled{opacity:.6;box-shadow:none}.btn.ghost{color:var(--ghost-text);background:var(--ghost-bg);box-shadow:none;border:1px solid var(--ghost-border)}.btn.ghost:hover{box-shadow:none;background:var(--ghost-bg);opacity:.9;transform:none}.btn.tiny{white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.85rem}.toggle{border:1px solid var(--toggle-border);background:var(--toggle-bg);border-radius:16px;align-items:center;gap:.75rem;padding:.75rem .95rem;display:flex}.toggle input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.toggle-text{width:100%;color:var(--color-text);justify-content:flex-start;align-items:center;gap:.5rem;font-weight:600;display:flex}.split{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(.9rem,.9vw + .5rem,1.2rem);display:grid}.split.dkim-grid{column-gap:clamp(.4rem,.25vw + .3rem,.75rem)}.muted{color:var(--color-muted);font-size:.95rem}.bimi-preview{border:1px solid var(--input-border);background:var(--surface-soft);border-radius:18px;flex-direction:column;gap:.85rem;padding:1.1rem 1.25rem;display:flex}.bimi-preview[data-state=available]{background:var(--card-muted-bg)}.bimi-preview-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bimi-preview-header h3{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:.85rem;font-weight:700}.bimi-preview-body{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.bimi-logo{background:var(--panel-bg);border:1px solid var(--input-border);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(72px,8vw,96px);height:clamp(72px,8vw,96px);display:flex;overflow:hidden}.bimi-logo img{object-fit:contain;width:100%;height:100%}.bimi-logo.placeholder{color:var(--color-muted);text-align:center;border-style:dashed;padding:.75rem;font-size:.8rem;line-height:1.25}.bimi-logo.placeholder span{display:block}.bimi-details{flex-direction:column;gap:.35rem;min-width:0;display:flex}.bimi-domain{color:var(--color-text);word-break:break-word;font-weight:600}.bimi-cert,.bimi-record{flex-direction:column;gap:.35rem;display:flex}.bimi-cert-label,.bimi-record-label{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:600}.bimi-cert a{color:var(--accent);word-break:break-all;font-weight:600}.bimi-cert a:hover{text-decoration:underline}.bimi-record code{background:var(--panel-bg);border:1px solid var(--input-border);font-family:var(--font-mono,SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);color:var(--color-text);word-break:break-all;border-radius:14px;padding:.65rem .75rem;font-size:.85rem;display:block}.muted-panel{background:var(--card-muted-bg);border-radius:20px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.progress{background:var(--progress-bg);border-radius:999px;width:100%;height:.6rem;position:relative;overflow:hidden}.progress>div{border-radius:inherit;background:var(--progress-bar);height:100%}.progress.danger{background:var(--progress-danger-bg)}.progress.danger>div{background:var(--progress-bar-danger)}.headline{color:var(--color-text);font-size:1.4rem;font-weight:700}.checklist-item{color:var(--color-text);align-items:center;gap:.65rem;font-weight:600;display:flex}.status-dot{background:var(--status-neutral);border-radius:50%;flex-shrink:0;width:.75rem;height:.75rem}.status-dot.ok{background:var(--status-ok)}.status-dot.bad{background:var(--status-bad)}.hints{color:var(--hint-text);flex-direction:column;gap:.65rem;margin:0;padding-left:1.25rem;display:flex}.hints li{line-height:1.4}.auth-row{border-bottom:1px solid var(--panel-border);flex-direction:column;gap:.65rem;padding-bottom:1rem;display:flex}.auth-row:last-child{border-bottom:none;padding-bottom:0}.auth-row-header{color:var(--color-text);align-items:center;gap:.65rem;font-weight:600;display:flex}.live-badge{border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.live-badge .live-label{font-weight:600}.live-badge.idle{background:var(--live-idle-bg);color:var(--live-idle-text)}.live-badge.checking{background:var(--live-checking-bg);color:var(--live-checking-text)}.live-badge.ok{background:var(--live-ok-bg);color:var(--live-ok-text)}.live-badge.mismatch{background:var(--live-mismatch-bg);color:var(--live-mismatch-text)}.live-badge.notFound{background:var(--live-notfound-bg);color:var(--live-notfound-text)}.live-badge.error{background:var(--live-mismatch-bg);color:var(--live-mismatch-text)}.fetch-note{color:var(--fetch-note-default);font-size:.85rem}.fetch-note.loading{color:var(--fetch-note-loading)}.fetch-note.success{color:var(--fetch-note-success)}.fetch-note.error{color:var(--fetch-note-error)}.status-note{background:var(--surface-soft);border:1px solid var(--input-border);color:var(--color-text);border-radius:14px;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.status-note.ok{background:#22c55e1f;border-color:#22c55e80}.status-note.bad{background:#ef44441f;border-color:#ef444480}.mx-section{flex-direction:column;gap:.5rem;display:flex}.mx-label{color:var(--color-text);font-weight:600}.mx-list{flex-direction:column;gap:.45rem;margin:0;padding-left:0;list-style:none;display:flex}.mx-list li{color:var(--color-text);align-items:baseline;gap:.75rem;font-weight:600;display:flex}.mx-pref{min-width:2.5rem;color:var(--color-muted);font-weight:500}.mx-host{word-break:break-word}.info-hint{background:var(--info-hint-bg);width:1.45rem;height:1.45rem;color:var(--info-hint-text);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.info-hint:focus-visible,.info-hint:hover{background:var(--info-hint-hover-bg);color:var(--info-hint-hover-text);outline:none}.info-pop{background:var(--info-pop-bg);max-width:min(280px,75vw);color:var(--info-pop-text);box-shadow:var(--info-pop-shadow);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border-radius:.9rem;padding:.85rem 1rem;font-size:.85rem;font-weight:500;line-height:1.45;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)}.info-pop:after{content:"";border-style:solid;border-width:8px;border-color:var(--info-pop-arrow) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.info-pop[data-placement=bottom]:after{border-color:transparent transparent var(--info-pop-arrow) transparent;top:auto;bottom:100%}.info-pop[data-open=true]{opacity:1;visibility:visible}.info-pop[data-placement=top]{transform:translate(-50%,-4px)}.info-pop[data-placement=bottom]{transform:translate(-50%,4px)}@media (width<=768px){.container{padding:2rem 1.25rem 3.5rem}.panel{padding:1.5rem}}@media (width<=520px){.input-with-action{flex-direction:column;align-items:stretch}.btn.tiny{text-align:center;width:100%}}