:root{color-scheme:light;--font-sans: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-page: #f8fafc;--color-surface: #ffffff;--color-surface-strong: #eff4fb;--color-border: #d7e0ea;--color-border-strong: #b8c5d6;--color-text: #0f172a;--color-muted: #475569;--color-muted-strong: #1e293b;--accent: #2563eb;--accent-foreground: #ffffff;--shadow-soft: 0 28px 45px -35px rgba(15, 23, 42, .55);--badge-neutral-bg: rgba(148, 163, 184, .2);--badge-neutral-fg: #1e293b;--badge-success-bg: rgba(34, 197, 94, .2);--badge-success-fg: #166534;--badge-warning-bg: rgba(250, 204, 21, .25);--badge-warning-fg: #854d0e;--badge-danger-bg: rgba(248, 113, 113, .25);--badge-danger-fg: #7f1d1d;--badge-info-bg: rgba(59, 130, 246, .18);--badge-info-fg: #1e3a8a;--table-row-zebra: rgba(15, 23, 42, .035);--transition-duration: .18s}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--color-page: #0f172a;--color-surface: #18273d;--color-surface-strong: #1f324f;--color-border: #293b59;--color-border-strong: #3b4f72;--color-text: #f8fafc;--color-muted: #94a3b8;--color-muted-strong: #e2e8f0;--accent: #60a5fa;--accent-foreground: #0b1120;--shadow-soft: 0 24px 48px -28px rgba(2, 6, 23, .65);--badge-neutral-bg: rgba(148, 163, 184, .18);--badge-neutral-fg: #e2e8f0;--badge-success-bg: rgba(34, 197, 94, .22);--badge-success-fg: #bbf7d0;--badge-warning-bg: rgba(250, 204, 21, .22);--badge-warning-fg: #fde68a;--badge-danger-bg: rgba(248, 113, 113, .22);--badge-danger-fg: #fecaca;--badge-info-bg: rgba(96, 165, 250, .25);--badge-info-fg: #bfdbfe;--table-row-zebra: rgba(148, 163, 184, .1)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-page: #0f172a;--color-surface: #18273d;--color-surface-strong: #1f324f;--color-border: #293b59;--color-border-strong: #3b4f72;--color-text: #f8fafc;--color-muted: #94a3b8;--color-muted-strong: #e2e8f0;--accent: #60a5fa;--accent-foreground: #0b1120;--shadow-soft: 0 24px 48px -28px rgba(2, 6, 23, .65);--badge-neutral-bg: rgba(148, 163, 184, .18);--badge-neutral-fg: #e2e8f0;--badge-success-bg: rgba(34, 197, 94, .22);--badge-success-fg: #bbf7d0;--badge-warning-bg: rgba(250, 204, 21, .22);--badge-warning-fg: #fde68a;--badge-danger-bg: rgba(248, 113, 113, .22);--badge-danger-fg: #fecaca;--badge-info-bg: rgba(96, 165, 250, .25);--badge-info-fg: #bfdbfe;--table-row-zebra: rgba(148, 163, 184, .1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);line-height:1.6;background:var(--color-page);color:var(--color-text)}button,input,textarea{font:inherit}.app{min-height:100vh;background:var(--color-page);display:flex;flex-direction:column}.summary{position:sticky;top:0;z-index:40;display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1rem,3vw,2rem);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 18px 34px -28px #0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary[data-state=idle] .summary-badges,.summary[data-state=idle] .summary-meta,.summary[data-state=ready] .summary-status{display:none}.summary-top{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start}.summary-title{margin:0;font-size:clamp(1.45rem,2vw + 1rem,2rem);font-weight:700;color:var(--color-text)}.summary-subtitle{margin:.35rem 0 0;color:var(--color-muted);font-size:.95rem}.summary-actions{display:flex;gap:.75rem;align-items:center}.summary-body{display:flex;flex-direction:column;gap:.75rem}.summary-status{margin:0;color:var(--color-muted);font-weight:500}.summary-badges{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.summary-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:var(--color-muted-strong);font-weight:500}.summary-alignment,.summary-transit{margin:0}.summary-nav{display:flex;flex-wrap:wrap;gap:.5rem}.summary-link{border:1px solid transparent;padding:.4rem .9rem;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--color-muted-strong);background:var(--color-surface-strong);cursor:pointer;transition:all var(--transition-duration) ease}.summary-link:hover{border-color:var(--accent);color:var(--accent)}.page{flex:1;padding:clamp(1rem,3vw,2.5rem)}.layout-stack{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.25rem)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1.5rem;padding:clamp(1.25rem,2vw,1.75rem);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1.25rem}.card-header{display:flex;flex-direction:column;gap:.4rem}.card-title{margin:0;font-size:clamp(1.25rem,1.6vw,1.6rem);font-weight:700;color:var(--color-text)}.card-meta{margin:0;color:var(--color-muted);font-size:.95rem}.card-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.action-groups{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.button-group{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.help-text{color:var(--color-muted);font-size:.85rem}.ingest-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dropzone{display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--color-border-strong);border-radius:1.25rem;padding:2rem 1rem;min-height:160px;font-weight:600;color:var(--color-muted-strong);background:var(--color-surface-strong);transition:border-color var(--transition-duration) ease,background var(--transition-duration) ease}.dropzone.is-active{border-color:var(--accent);background:#2563eb1f;color:var(--accent)}.input-text{width:100%;min-height:160px;border-radius:1.25rem;border:1px solid var(--color-border);padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.95rem;color:var(--color-text);background:var(--color-surface);resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;padding:.55rem 1.15rem;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-duration) ease,box-shadow var(--transition-duration) ease,background var(--transition-duration) ease,color var(--transition-duration) ease}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--accent);color:var(--accent-foreground);box-shadow:0 12px 24px -18px #2563ebcc}.btn-primary:not(:disabled):hover{box-shadow:0 18px 32px -20px #2563ebe6;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-strong);color:var(--color-muted-strong);border-color:var(--color-border)}.btn-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-muted-strong)}.btn-ghost:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.btn-sm{font-size:.8rem;padding:.35rem .75rem}.badge-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.35em .85em;font-weight:600;font-size:.9rem;background:var(--badge-neutral-bg);color:var(--badge-neutral-fg);letter-spacing:.02em}.badge[data-size=sm]{font-size:.75rem;padding:.25em .65em}.badge[data-size=lg]{font-size:1rem;padding:.4em 1.05em}.badge[data-variant=success]{background:var(--badge-success-bg);color:var(--badge-success-fg)}.badge[data-variant=warning]{background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.badge[data-variant=danger]{background:var(--badge-danger-bg);color:var(--badge-danger-fg)}.badge[data-variant=info]{background:var(--badge-info-bg);color:var(--badge-info-fg)}.card-lead{margin:0;color:var(--color-muted-strong);font-weight:500}.detail-grid{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.detail-row-label{font-weight:600;color:var(--color-muted-strong)}.detail-row-value{flex:1;min-width:180px;color:var(--color-text)}.stack{display:flex;flex-direction:column;gap:.8rem}.card-details{border-top:1px solid var(--color-border);padding-top:1rem}.card-details summary{cursor:pointer;font-weight:600;color:var(--color-muted-strong)}.card-details summary::-webkit-details-marker{display:none}.card-details summary:after{content:"▾";margin-left:.5rem;transition:transform var(--transition-duration) ease}.card-details[open] summary:after{transform:rotate(180deg)}.code-block{margin:0;padding:1rem;border-radius:1rem;background:var(--color-surface-strong);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:.9rem;overflow:auto}.empty-state{color:var(--color-muted);font-style:italic}.path-summary{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:flex-start}.chip-group{display:flex;flex-wrap:wrap;gap:.75rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:var(--color-surface-strong);color:var(--color-muted-strong);font-weight:600}.path-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + .4rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.85rem;box-shadow:var(--shadow-soft);padding:.35rem 0;min-width:180px;z-index:30}.dropdown-menu[data-open=true]{display:block}.dropdown-menu button{width:100%;padding:.55rem 1rem;background:transparent;border:0;text-align:left;font-size:.95rem;cursor:pointer;color:var(--color-text)}.dropdown-menu button:hover{background:var(--color-surface-strong)}.table-container{border-radius:1.15rem;border:1px solid var(--color-border);overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.table thead th{position:sticky;top:0;background:var(--color-surface);padding:.75rem .9rem;text-align:left;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border);z-index:10}.table tbody td{padding:.8rem .9rem;border-bottom:1px solid var(--color-border);vertical-align:top;font-size:.95rem}.hop-index{font-weight:600;font-variant-numeric:tabular-nums}.table tbody tr:nth-child(2n):not(.is-skew):not(.is-slow){background:var(--table-row-zebra)}.table tbody tr.is-skew{background:var(--badge-danger-bg)}.table tbody tr.is-slow:not(.is-skew){background:var(--badge-warning-bg)}.table td[data-column=when]{font-family:var(--font-mono);white-space:nowrap;max-width:16rem;overflow:hidden;text-overflow:ellipsis}.table td[data-column=delay]{white-space:nowrap}.hop-description{display:flex;flex-direction:column;gap:.25rem}.hop-meta{color:var(--color-muted);font-size:.85rem}.hop-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.hop-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.dns-entry{border:1px solid var(--color-border);border-radius:1.15rem;padding:1rem 1.25rem;background:var(--color-surface-strong);display:flex;flex-direction:column;gap:.75rem}.dns-entry__header{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-weight:600}.dns-entry__host{font-family:var(--font-mono);font-size:.9rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dns-entry__status{font-style:italic;color:var(--color-muted)}.dns-entry__actions{display:flex;flex-wrap:wrap;gap:.5rem}.dns-entry__value{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}.dns-entry__value-text{padding:.75rem .9rem;border-radius:.85rem;border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);font-size:.9rem;word-break:break-word;flex:1;min-width:0}.dns-entry__value-text[data-ellipsis=true]{overflow:hidden;text-overflow:ellipsis}.spf-explorer{margin-top:.75rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface);padding:.75rem 1rem}.spf-explorer>summary{font-weight:600;cursor:pointer}.spf-explorer__body{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.spf-explorer__status{margin:0;color:var(--color-muted);font-size:.9rem}.spf-explorer__controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.spf-explorer__safe-toggle{display:inline-flex;gap:.35rem;align-items:center;font-weight:600}.spf-explorer__empty{color:var(--color-muted);font-style:italic}.spf-explorer__badges{display:flex;flex-wrap:wrap;gap:.4rem}.spf-explorer__chips{gap:.6rem}.spf-explorer__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.spf-explorer__stat{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .75rem;border-radius:.85rem;border:1px solid var(--color-border);background:var(--color-surface)}.spf-explorer__stat[data-flagged=true]{border-color:var(--badge-warning-fg);background:var(--badge-warning-bg)}.spf-explorer__stat[data-flag-type=duplicate]{border-color:var(--badge-info-fg);background:var(--badge-info-bg)}.spf-explorer__stat-label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}.spf-explorer__stat-value{font-family:var(--font-mono);font-size:1.05rem}.spf-explorer__stat-help{font-size:.75rem;color:var(--badge-info-fg);cursor:help;width:fit-content;text-decoration:underline dotted}.spf-explorer__warnings{border-left:4px solid var(--badge-warning-fg);background:var(--badge-warning-bg);padding:.6rem .85rem;border-radius:.85rem}.spf-explorer__warnings h4{margin:0 0 .35rem;font-size:.9rem}.spf-explorer__warnings ul{margin:0;padding-left:1.1rem}.spf-tree{border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-strong);padding:.75rem .9rem}.spf-tree__list{list-style:none;margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.45rem}.spf-tree__item>.spf-tree__list{margin-top:.4rem}.spf-tree__row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-family:var(--font-mono);font-size:.85rem}.spf-tree__token{padding:.25rem .55rem;border-radius:.6rem;border:1px solid var(--color-border);background:var(--color-surface)}.spf-tree__note{color:var(--color-muted);font-size:.8rem}.spf-tree__error{color:var(--badge-danger-fg);font-size:.8rem}.spf-tree__meta{font-size:.8rem;color:var(--color-muted)}.spf-tree__ips{font-size:.8rem;color:var(--color-muted-strong);display:flex;flex-direction:column;gap:.2rem}.spf-tree__ip{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.spf-tree__ip-label{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.spf-tree__ip-values{display:flex;flex-wrap:wrap;gap:.35rem}.spf-tree__ip-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-mono);color:var(--color-muted-strong)}.spf-tree__ip-chip[data-duplicate=true]{border-color:var(--badge-info-fg);background:var(--badge-info-bg);color:var(--badge-info-fg)}.spf-tree__ip-chip[data-redundant=true]{border-color:var(--badge-warning-fg);background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.spf-tree__ip-flag{display:inline-flex;align-items:center;padding:.1rem .35rem;border-radius:999px;font-size:.65rem;font-weight:600;background:var(--color-surface)}.spf-tree__ip-flag--duplicate{background:var(--badge-info-bg);color:var(--badge-info-fg)}.spf-tree__ip-flag--redundant{background:var(--badge-warning-bg);color:var(--badge-warning-fg)}.dkim-panel{border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface-strong);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.65rem}.dkim-panel-list{display:grid;gap:.75rem}.dkim-panel__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dkim-panel__host{font-family:var(--font-mono);font-size:.9rem;word-break:break-all}.dkim-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem}.dkim-panel__key{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.dkim-panel__key-value{word-break:break-all}.auth-raw-entry{display:flex;flex-direction:column;gap:.5rem}.auth-raw-entry__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.auth-raw-entry__code[data-variant=primary]{background:#2563eb29;border-color:#2563eb59}.auth-raw-entry__code[data-variant=secondary]{background:var(--color-surface-strong)}.extras-list-item{list-style:none;padding:.85rem 1rem;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-surface-strong);display:flex;flex-direction:column;gap:.4rem}.extras-list-item[data-severity=warn]{border-left:4px solid var(--badge-danger-fg);background:var(--badge-danger-bg)}.extras-list-item[data-severity=info]{border-left:4px solid var(--badge-info-fg);background:var(--badge-info-bg)}.extras-list-item strong{font-weight:600}.extras-note{color:var(--color-muted)}pre{white-space:pre-wrap}@media (max-width: 720px){.summary-nav{justify-content:center}.card-actions{flex-direction:column;align-items:flex-start}.action-groups,.button-group{width:100%}.button-group .btn{width:100%;justify-content:center}.table{min-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}