:root { color-scheme: dark; --ink:#101417; --ink-2:#171d21; --panel:#1b2328; --panel-2:#202a2f; --line:#334047; --paper:#edf0e9; --muted:#9da8a8; --dim:#6e7a7c; --amber:#f0b45b; --green:#74d5a2; --red:#f17b75; --slate:#a4b5bb; --radius:14px; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:var(--paper); min-width:320px; }
button, input, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible, a:focus-visible { outline:2px solid var(--amber); outline-offset:3px; }
.shell { min-height:100vh; display:grid; grid-template-columns:238px minmax(0,1fr); }
.rail { border-right:1px solid var(--line); padding:28px 16px 20px; display:flex; flex-direction:column; min-height:100vh; background:#12181b; }
.brand { display:flex; align-items:center; gap:11px; padding:0 11px 40px; }
.brand-mark, .mark { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--amber); color:var(--amber); font-family:ui-monospace, monospace; font-weight:800; }
.brand strong, .brand span { display:block; line-height:1.05; }
.brand strong { letter-spacing:.02em; }
.brand span { color:var(--muted); font-size:11px; margin-top:5px; text-transform:uppercase; letter-spacing:.14em; }
nav { display:grid; gap:5px; }
.nav-item { border:0; background:transparent; color:var(--muted); display:flex; align-items:center; gap:12px; width:100%; padding:12px 11px; border-radius:10px; text-align:left; font-size:14px; }
.nav-item:hover, .nav-item.active { background:var(--panel); color:var(--paper); }
.nav-item.active { box-shadow:inset 2px 0 var(--amber); }
.nav-icon { width:18px; text-align:center; color:var(--amber); font-size:16px; }
.rail-bottom { margin-top:auto; border-top:1px solid var(--line); padding:18px 10px 0; }
.operator { display:flex; align-items:center; gap:9px; margin-bottom:16px; }
.operator strong, .operator small { display:block; }
.operator strong { font-size:13px; }
.operator small { color:var(--muted); font-size:11px; margin-top:2px; }
.status-dot { width:8px; height:8px; border-radius:50%; background:var(--green); display:inline-block; box-shadow:0 0 0 3px #244738; flex:none; }
.logout, .text-button { border:0; background:none; color:var(--muted); padding:0; font-size:12px; }
.logout:hover, .text-button:hover { color:var(--paper); }
.workspace { padding:34px clamp(20px, 4vw, 64px) 70px; max-width:1500px; width:100%; }
.topbar { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:30px; }
.crumb, .section-kicker, .eyebrow { color:var(--amber); font-family:ui-monospace, monospace; letter-spacing:.14em; font-size:10px; }
h1, h2, h3, p { margin:0; }
h1 { font-size:clamp(28px, 3.2vw, 42px); letter-spacing:-.045em; line-height:1.02; margin-top:10px; }
h2 { font-size:20px; letter-spacing:-.025em; }
h3 { font-size:16px; }
.top-actions { display:flex; align-items:center; gap:12px; }
.live-pill, .secure-note { color:var(--green); border:1px solid #2c5b48; background:#172b23; border-radius:999px; padding:7px 10px; font-size:11px; display:flex; align-items:center; gap:8px; }
.live-pill .status-dot { width:6px; height:6px; box-shadow:none; }
.icon-button { width:36px; height:36px; border:1px solid var(--line); background:var(--panel); color:var(--paper); border-radius:10px; }
.notice { padding:12px 15px; border:1px solid var(--line); background:var(--panel); border-radius:10px; margin-bottom:18px; color:var(--muted); font-size:13px; }
.notice-success { border-color:#2f6b51; color:var(--green); background:#172a23; }
.notice-error { border-color:#713d3a; color:#ffada5; background:#2b1b1c; }
.intro-row { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:26px; }
.intro-copy { color:var(--muted); max-width:570px; margin-top:10px; line-height:1.55; }
.button { border:1px solid transparent; border-radius:10px; padding:12px 15px; color:var(--paper); background:var(--panel-2); min-height:44px; font-weight:700; font-size:13px; }
.button:hover { transform:translateY(-1px); }
.button-primary { background:var(--amber); color:#20170d; border-color:var(--amber); }
.button-small { min-height:34px; padding:8px 11px; font-size:12px; text-decoration:none; display:inline-flex; align-items:center; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }
.metric { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:20px; min-height:112px; display:flex; flex-direction:column; justify-content:space-between; }
.metric span { color:var(--muted); font-size:12px; }
.metric strong { font-size:34px; letter-spacing:-.06em; }
.metric-green strong { color:var(--green); }.metric-amber strong { color:var(--amber); }.metric-red strong { color:var(--red); }.metric-slate strong { color:var(--slate); }
.two-col { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:16px; }
.verify-layout { align-items:start; }.panel { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:22px; min-width:0; }.panel-head { display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:22px; }.panel-head h2 { margin-top:7px; }.panel-head .secure-note { font-size:10px; padding:5px 8px; }
.queue-card { display:grid; gap:14px; }.queue-card > div:first-child { display:flex; justify-content:space-between; gap:15px; }.queue-card strong { font-size:14px; }.queue-card span { color:var(--muted); font-size:12px; }.progress { background:#101719; height:7px; border-radius:999px; overflow:hidden; }.progress span { display:block; height:100%; background:var(--amber); border-radius:inherit; }
.mix-list { display:grid; gap:14px; }.mix-row { display:flex; justify-content:space-between; color:var(--muted); font-size:13px; }.mix-row span { display:flex; align-items:center; gap:9px; }.mix-row strong { color:var(--paper); }.dot-verified { background:var(--green); box-shadow:none; }.dot-probably-valid,.dot-risky,.dot-catch-all { background:var(--amber); box-shadow:none; }.dot-invalid,.dot-probably-invalid { background:var(--red); box-shadow:none; }.dot-unknown,.dot-unknown-temporary { background:var(--slate); box-shadow:none; }
.empty-state { min-height:180px; display:grid; place-items:center; align-content:center; gap:7px; text-align:center; color:var(--muted); }.empty-state h3 { color:var(--paper); }.empty-state p { max-width:310px; line-height:1.5; font-size:13px; }.empty-mark { color:var(--dim); font-size:34px; }.spinner { width:24px; height:24px; border:2px solid var(--line); border-top-color:var(--amber); border-radius:50%; animation:spin .8s linear infinite; }@keyframes spin { to { transform:rotate(360deg); } }
.stack-form { display:grid; gap:16px; }.stack-form label { display:grid; gap:7px; color:var(--muted); font-size:12px; }.stack-form input, .stack-form textarea { width:100%; border:1px solid var(--line); background:#12191c; color:var(--paper); border-radius:9px; padding:12px 13px; min-height:44px; resize:vertical; }.stack-form input::placeholder, .stack-form textarea::placeholder { color:#586568; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.check-row { display:flex!important; grid-template-columns:none!important; align-items:center; gap:9px!important; }.check-row input { width:17px; min-height:auto; accent-color:var(--amber); }.form-hint { font-size:11px; line-height:1.5; color:var(--dim); }.secure-note { color:var(--amber); border-color:#67502a; background:#2d2416; }
.result-placeholder { min-height:400px; display:grid; place-items:center; align-content:center; text-align:center; gap:12px; color:var(--muted); }.result-placeholder h2 { color:var(--paper); }.result-placeholder p:not(.section-kicker) { max-width:330px; line-height:1.5; font-size:13px; }.radar { color:var(--amber); font-size:60px; line-height:1; }
.result-head { display:flex; justify-content:space-between; align-items:start; gap:18px; }.result-head h2 { margin-top:8px; color:var(--amber); }.confidence { text-align:right; }.confidence strong { display:block; font-size:34px; letter-spacing:-.07em; }.confidence span { color:var(--muted); font-size:11px; }.result-reason { margin:20px 0; padding:13px 14px; color:var(--paper); background:#151d20; border-top:1px solid var(--amber); font-size:13px; line-height:1.5; }.evidence-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); }.evidence-item { background:var(--panel); padding:13px; display:grid; gap:7px; }.evidence-item span { font-size:11px; color:var(--muted); }.evidence-item strong { font-size:13px; }.tone-good { color:var(--green); }.tone-warn { color:var(--amber); }.tone-bad { color:var(--red); }.tone-muted { color:var(--slate); }.reputation-block { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }.reputation-head { display:flex; justify-content:space-between; align-items:start; gap:16px; margin-bottom:14px; }.reputation-head h3 { margin-top:7px; font-size:15px; overflow-wrap:anywhere; }.reputation-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.reputation-item { background:var(--panel); padding:11px; display:grid; gap:6px; min-width:0; }.reputation-item span { color:var(--muted); font-size:11px; }.reputation-item strong { font-size:12px; overflow-wrap:anywhere; }.result-meta { display:flex; flex-wrap:wrap; gap:12px; color:var(--muted); font-size:11px; padding:18px 0; }.raw-details { border-top:1px solid var(--line); padding-top:15px; color:var(--muted); font-size:12px; }.raw-details summary { cursor:pointer; }.raw-details pre, .system-json { white-space:pre-wrap; overflow:auto; background:#101618; color:#b7cbc2; padding:14px; border-radius:8px; margin:12px 0 0; font:11px/1.55 ui-monospace, monospace; max-height:300px; }
.file-drop { border:1px dashed #566267; padding:18px; border-radius:10px; display:flex!important; justify-content:space-between; align-items:center; color:var(--paper)!important; }.file-drop input { border:0!important; background:none!important; padding:0!important; min-height:auto!important; max-width:185px; }.import-notes { display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:11px; }.import-notes span { border:1px solid var(--line); border-radius:999px; padding:6px 8px; }.principles { display:grid; gap:22px; }.principles div { display:grid; grid-template-columns:30px 1fr; column-gap:12px; }.principles b { color:var(--amber); font:12px ui-monospace,monospace; }.principles span { font-weight:700; }.principles p { grid-column:2; color:var(--muted); font-size:12px; line-height:1.5; margin-top:6px; }
.table-panel { overflow:hidden; }.table-wrap { overflow-x:auto; }.table-panel table { border-collapse:collapse; width:100%; min-width:720px; }.table-panel th { text-align:left; color:var(--dim); font:10px ui-monospace,monospace; letter-spacing:.12em; text-transform:uppercase; padding:12px 10px; border-bottom:1px solid var(--line); }.table-panel td { padding:14px 10px; border-bottom:1px solid #28343a; color:var(--muted); font-size:12px; vertical-align:middle; }.table-panel td strong, .table-panel td small { display:block; }.table-panel td strong { color:var(--paper); font-size:13px; }.table-panel td small { color:var(--dim); font-size:10px; margin-top:4px; max-width:310px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.badge { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:999px; padding:5px 8px; font-size:10px; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }.badge-verified,.badge-completed,.badge-good,.badge-present,.badge-reachable,.badge-clear { color:var(--green); border-color:#2f6b51; background:#172a23; }.badge-risky,.badge-catch-all,.badge-running,.badge-queued,.badge-paused,.badge-mixed { color:var(--amber); border-color:#67502a; background:#2d2416; }.badge-invalid,.badge-failed,.badge-cancelled,.badge-limited,.badge-listed { color:var(--red); border-color:#713d3a; background:#2b1b1c; }.badge-unknown,.badge-unknown-temporary,.badge-cached,.badge-not-confirmed,.badge-not-checked { color:var(--slate); }.table-action { border:0; background:none; color:var(--amber); font-size:11px; padding:4px; }.table-action.quiet { color:var(--muted); }.narrow { max-width:780px; }.system-list { display:grid; }.system-list div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }.system-list span { color:var(--muted); }.system-list strong { text-align:right; max-width:60%; overflow-wrap:anywhere; }
.login-shell { min-height:100vh; display:grid; grid-template-columns:minmax(320px,530px) 1fr; }.login-panel { padding:clamp(34px,8vw,100px); display:flex; flex-direction:column; justify-content:center; background:var(--ink); }.login-panel h1 { font-size:clamp(42px,6vw,74px); max-width:440px; margin:26px 0 16px; }.lede { color:var(--muted); line-height:1.6; max-width:420px; margin-bottom:34px; }.login-panel .mark { margin-top:24px; }.login-aside { background:var(--panel); border-left:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; padding:clamp(30px,7vw,100px); position:relative; overflow:hidden; }.login-aside::after { content:""; position:absolute; width:60vw; height:60vw; right:-28vw; top:12%; border:1px solid #3a4748; border-radius:50%; box-shadow:0 0 0 70px #1b2328, 0 0 0 71px #334047, 0 0 0 150px #1b2328, 0 0 0 151px #334047; opacity:.45; }.signal-line { width:80px; height:1px; background:var(--amber); position:relative; z-index:1; }.quote { font-size:clamp(26px,4vw,54px); max-width:640px; line-height:1.05; letter-spacing:-.055em; position:relative; z-index:1; }.aside-foot { display:flex; justify-content:space-between; color:var(--muted); font:10px ui-monospace,monospace; letter-spacing:.12em; position:relative; z-index:1; }.login-panel .notice { margin-top:20px; }
.error-state { border:1px solid #713d3a; background:#2b1b1c; padding:22px; border-radius:var(--radius); color:#ffada5; }.error-state p { margin:8px 0 16px; font-size:13px; }
@media (max-width:900px) { .shell { grid-template-columns:1fr; }.rail { min-height:auto; position:sticky; top:0; z-index:4; padding:12px 14px; border-right:0; border-bottom:1px solid var(--line); }.brand { padding:0 4px 12px; }.rail nav { display:flex; overflow-x:auto; gap:3px; }.nav-item { width:auto; min-width:max-content; padding:10px 9px; }.nav-item span:last-child { font-size:12px; }.rail-bottom { display:none; }.workspace { padding:24px 16px 50px; }.two-col { grid-template-columns:1fr; }.login-shell { grid-template-columns:1fr; }.login-aside { display:none; } }
@media (max-width:620px) { .topbar { margin-bottom:22px; }.top-actions .live-pill { display:none; }.intro-row { display:grid; align-items:start; }.metric-grid { grid-template-columns:1fr 1fr; }.metric { min-height:94px; padding:15px; }.metric strong { font-size:28px; }.form-grid { grid-template-columns:1fr; }.panel { padding:17px; }.result-meta { display:grid; }.reputation-head { display:grid; }.reputation-grid { grid-template-columns:1fr 1fr; }.login-panel { padding:32px 22px; }.login-panel h1 { font-size:48px; }.table-panel { padding:12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }