:root{color-scheme:dark;--bg:#090d19;--panel:rgba(17,25,44,.86);--line:rgba(160,180,230,.14);--text:#eef2ff;--muted:#929db9;--accent:#a596ff;--cyan:#6edbe7;--green:#7bdcb2;--amber:#e9bd7d;--red:#ff8d9b;font-family:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 52% -18%,#202a53 0%,transparent 45%),var(--bg);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.ambient{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(115px);opacity:.12;pointer-events:none;z-index:-1}.ambient-one{top:18%;left:-260px;background:#7562ff}.ambient-two{top:55%;right:-270px;background:#21bfd2}
.topbar{height:72px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;display:flex;gap:11px;align-items:center;font:700 19px "Space Grotesk",sans-serif;letter-spacing:-.5px}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;color:#0b1020;background:linear-gradient(135deg,#b9aaff,#67dce9);font-size:18px}.brand-accent{color:var(--accent)}.topbar-right{color:#9da8c4;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 12px #7bdcb2}
.shell{max-width:1160px;padding:0 28px;margin:0 auto}.hero{text-align:center;padding:54px 0 27px}.eyebrow{color:var(--accent);font-size:9px;font-weight:700;letter-spacing:1.9px;display:flex;align-items:center;gap:9px}.hero .eyebrow{justify-content:center}.eyebrow-line{height:1px;width:22px;background:linear-gradient(90deg,transparent,var(--accent))}h1,h2,h3,h4,p{margin-top:0}h1{font:700 clamp(35px,5.3vw,56px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-2.4px;margin:16px 0 12px}h1 span{color:transparent;background:linear-gradient(90deg,#b7aaff 8%,#65d8e9 92%);background-clip:text}.hero-copy{max-width:650px;margin:auto;color:var(--muted);font-size:13px;line-height:1.75}
.admin-strip{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(15,22,39,.66)}.admin-copy{display:flex;align-items:center;gap:9px;min-width:195px}.admin-copy strong,.admin-copy small{display:block}.admin-copy strong{font-size:11px}.admin-copy small{margin-top:3px;color:#71809f;font-size:9px}.admin-icon{width:29px;height:29px;display:grid;place-items:center;color:var(--accent);border:1px solid #a596ff47;border-radius:8px;background:#a596ff14}.admin-input-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#7f8eaf;font-size:8px;letter-spacing:1px}.admin-input-wrap input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:white;background:#05091480;font-size:10px;letter-spacing:0}.small-state,.small-note{color:#71809f;font-size:9px}.success-text{color:var(--green)!important}.warning-text,.error-text{color:var(--amber)!important}.danger-button{color:#f49aa5!important}
.tab-nav{display:flex;gap:4px;margin:20px 0 24px;padding:5px;border:1px solid var(--line);border-radius:11px;background:rgba(15,22,39,.78);overflow-x:auto}.tab-button{flex:1 0 auto;padding:10px 13px;border:0;border-radius:7px;color:#8f9bb8;background:transparent;font-size:10px;white-space:nowrap}.tab-button span{margin-right:5px;font-size:14px}.tab-button:hover{color:white;background:#ffffff0a}.tab-button.active{color:#eeeaff;background:linear-gradient(110deg,#a596ff33,#6edbe71a);box-shadow:inset 0 0 0 1px #a596ff2e}.tab-panel{min-height:320px;animation:appear .24s ease}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
.scan-layout{display:grid;grid-template-columns:.75fr 1.5fr;gap:28px;align-items:center;margin:9px 0 18px}.scan-intro h2,.section-heading h2{margin:8px 0;font:600 27px "Space Grotesk",sans-serif;letter-spacing:-.9px}.scan-intro p,.section-copy{max-width:340px;margin:0;color:var(--muted);font-size:11px;line-height:1.75}.scan-panel{padding:17px;border:1px solid #a596ff38;border-radius:14px;background:linear-gradient(145deg,rgba(25,33,59,.94),rgba(15,22,39,.95));box-shadow:0 18px 55px #0003,inset 0 1px #ffffff09}.field-label{display:block;margin:0 0 9px 3px;color:#9ba7c4;font-size:8px;font-weight:700;letter-spacing:1.5px}.url-row{display:flex;align-items:center;gap:10px;min-height:51px;padding:5px 6px 5px 12px;background:#05091494;border:1px solid #99a9d526;border-radius:9px}.url-icon{color:var(--cyan);font-size:18px}.url-row input{width:100%;min-width:0;color:white;background:transparent;border:0;outline:0;font-size:12px}.url-row input::placeholder,.search-box input::placeholder,textarea::placeholder{color:#66728f}.primary-button{min-height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 15px;border:0;border-radius:8px;color:#101327;background:linear-gradient(110deg,#b4a6ff,#75dce9);font-weight:700;font-size:10px;transition:transform .18s,filter .18s}.primary-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button-arrow{font-size:16px}.option-grid{display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px;padding:13px 2px 0}.limit-control{display:flex;align-items:center;gap:7px;color:#8e9ab7;font-size:10px}.limit-control select,.inline-select{padding:6px 8px;color:#dfe6ff;border:1px solid var(--line);border-radius:7px;background:#11192d;outline:none;font-size:10px}.check-option{display:inline-flex;align-items:center;gap:6px;color:#9da9c4;font-size:10px;cursor:pointer}.check-option input{width:13px;height:13px;margin:0}.fine-print{margin:12px 2px 0;color:#75819d;font-size:9px;line-height:1.65}
.notice{margin:14px 0;padding:10px 13px;border:1px solid #75e0b22e;border-radius:8px;color:#a6d9c4;background:#3f917114;font-size:10px;line-height:1.65;overflow-wrap:anywhere}.notice.warning{border-color:#e9bd7d38;color:#e5c18c;background:#a06f2b14}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:15px 0 26px}.stat-card{min-height:99px;padding:13px;border:1px solid var(--line);border-radius:10px;background:rgba(19,27,47,.65)}.stat-label{display:block;color:#8390af;font-size:8px;font-weight:700;letter-spacing:.9px}.stat-card strong{display:block;margin:8px 0 3px;font:600 23px "Space Grotesk",sans-serif}.stat-hint{color:#7784a3;font-size:9px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:14px 0 20px}.section-heading.compact{align-items:center;margin-bottom:12px}.section-heading h3{margin:6px 0 0;font:600 18px "Space Grotesk",sans-serif}.section-heading .section-copy{margin-top:6px;max-width:580px}.quiet-button{padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:#bdc8e6;background:rgba(21,29,49,.75);font-size:9px;transition:.18s}.quiet-button:hover:not(:disabled){border-color:#a596ff80;color:white}.export-actions{display:flex;gap:6px;flex-wrap:wrap}
.search-box{min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #91a1cc29;border-radius:9px;background:#060b238c;color:#8da0c9}.search-box>span{font-size:20px}.search-box input{flex:1;min-width:0;color:#eef2ff;background:transparent;border:0;outline:0;font-size:11px}.search-box kbd{padding:3px 6px;border:1px solid #36415f;border-radius:4px;color:#8190b2;font-size:8px}.local-search{margin-bottom:12px}
.page-results,.stack-list{display:grid;gap:10px}.page-card,.list-card{min-width:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:rgba(17,25,44,.72)}.page-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:14px 15px}.page-card-title{min-width:0}.page-index{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:1.1px}.page-card h4{margin:5px 0 4px;font:600 14px "Space Grotesk",sans-serif;overflow-wrap:anywhere}.source-link{display:inline-block;max-width:100%;color:#76cddb;text-decoration:none;font-size:9px;overflow-wrap:anywhere}.source-link:hover{text-decoration:underline;color:#a2edf5}.page-meta{flex:0 0 auto;color:#8290af;font-size:9px;text-align:right;line-height:1.8}.page-description{margin:0;padding:0 15px 12px;color:#96a3bf;font-size:10px;line-height:1.65}.page-details{border-top:1px solid #a0b4e617}.page-details summary{padding:10px 15px;color:#bdc7df;background:#080d1a52;cursor:pointer;font-size:10px;list-style-position:inside}.page-details summary:hover{color:white}.page-content{padding:14px 15px 17px;color:#bdc7dc;font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto}.page-foot{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 15px 13px;color:#7886a5;font-size:9px}.page-foot+.page-foot{padding-top:0}.search-snippet{margin:0 15px 12px;padding:9px 11px;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;color:#b9c4df;background:#8b7cff14;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.feature-row{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.feature-chip{padding:5px 8px;border:1px solid var(--line);border-radius:99px;color:#7e8baa;font-size:8px}.feature-chip.on{color:#9edcc4;border-color:#7bdcb233;background:#7bdcb20e}.empty-inline{padding:26px 18px;border:1px dashed var(--line);border-radius:10px;color:#8996b4;text-align:center;font-size:10px;line-height:1.7}
.list-card{padding:14px 15px}.list-card h3{margin:5px 0 6px;font:600 14px "Space Grotesk",sans-serif;overflow-wrap:anywhere}.list-card p{margin-bottom:8px}.list-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.list-card-title{min-width:0}.website-meta{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:11px;color:#8190ae;font-size:9px}.website-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:11px;border-top:1px solid #a0b4e614}.status-pill{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:99px;color:#aab6d2;font-size:8px;white-space:nowrap}.status-pill.success{color:var(--green);border-color:#7bdcb233}.status-pill.warning{color:var(--amber);border-color:#e9bd7d33}.muted-wrap{color:#91a0bd;font-size:9px;overflow-wrap:anywhere}
.search-panel{padding:15px;border:1px solid var(--line);border-radius:12px;background:rgba(17,25,44,.72)}.search-submit{flex:0 0 auto;padding:8px 12px;border:0;border-radius:7px;color:#101327;background:linear-gradient(110deg,#b4a6ff,#75dce9);font-weight:700;font-size:10px}.search-panel>.limit-control{margin-top:11px}.assistant-panel{padding:16px;border:1px solid #a596ff33;border-radius:12px;background:rgba(17,25,44,.78)}.assistant-panel textarea{width:100%;resize:vertical;padding:12px;border:1px solid var(--line);border-radius:9px;color:white;background:#05091480;font-size:11px;line-height:1.7}.assistant-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.answer-panel{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:rgba(17,25,44,.72)}.answer-panel h3{margin:17px 0 9px;font:600 13px "Space Grotesk",sans-serif}.ai-answer{color:#d7def0;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.source-row{padding:7px 0;border-top:1px solid #a0b4e612}
.status-footer{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;margin-top:32px;padding:13px 0;border-top:1px solid var(--line);color:#8491ae;font-size:9px}.status-footer>div{display:flex;align-items:center;gap:8px}.status-footer a{margin-left:auto;color:#82cbda;text-decoration:none}.footer{display:flex;justify-content:space-between;gap:15px;padding:16px 0 24px;border-top:1px solid var(--line);color:#8995b1;font-size:8px;letter-spacing:.55px}.footer-muted{color:#596684}.list-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:7px 0;border-top:1px solid #a0b4e612}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.scan-layout{grid-template-columns:1fr;gap:14px}.scan-intro p{max-width:560px}}
@media(max-width:640px){.topbar{height:62px;padding:0 16px}.topbar-right{font-size:7px;letter-spacing:.7px}.shell{padding:0 15px}.hero{padding:40px 0 20px}h1{letter-spacing:-1.7px}.hero-copy{font-size:11px}.admin-strip{align-items:stretch;flex-wrap:wrap}.admin-copy{min-width:calc(100% - 92px)}.admin-input-wrap{flex-basis:100%;order:3;align-items:flex-start;flex-direction:column;gap:5px}.admin-strip>.quiet-button{margin-left:auto}.small-state{order:4}.tab-nav{margin:15px 0 19px}.tab-button{padding:9px 10px;font-size:9px}.scan-panel{padding:12px}.url-row{flex-wrap:wrap;padding:8px;gap:8px}.url-row input{flex:1;font-size:11px}.url-row .primary-button{width:100%}.option-grid{gap:10px 13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{min-height:91px;padding:11px}.stat-card strong{font-size:22px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:24px}.section-heading.compact{flex-direction:row;align-items:center}.export-actions{gap:4px}.quiet-button{padding:7px 8px}.page-card-head{flex-direction:column;gap:7px}.page-meta{text-align:left}.website-controls{align-items:flex-start}.assistant-actions{align-items:flex-start;flex-direction:column}.assistant-actions .primary-button{width:100%}.footer{flex-direction:column;line-height:1.6}}


/* Search filters and before/after content inspection */
.search-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 11px;
}
.search-filters .limit-control {
  margin-top: 0;
}
.diff-details {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.diff-details summary {
  color: #c5cde3;
  cursor: pointer;
  font-size: 10px;
}
.diff-label {
  margin: 12px 0 6px;
  color: #8e9ab7;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1px;
}
.diff-text {
  max-height: 250px;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #bdc7dc;
  background: rgba(5, 9, 20, .42);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: 10px/1.75 "DM Sans", system-ui, sans-serif;
}


/* Batch scanner, clean reader, passive header audit and safe console */
.url-row textarea {
  flex: 1;
  min-width: 0;
  min-height: 66px;
  resize: vertical;
  border: 0;
  outline: 0;
  color: var(--text);
  background: transparent;
  font: 11px/1.65 ui-monospace, monospace;
}
.url-row textarea::placeholder { color: #66728f; }
.batch-progress-card,.audit-panel,.terminal-panel,.reader-container {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(17,25,44,.72);
}
.batch-progress-card { padding: 14px; margin: 12px 0; }
.batch-progress-head,.terminal-top,.terminal-input-row {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.batch-progress-head { color: #bdc8e6; font-size: 10px; margin-bottom: 10px; }
.batch-progress-head span { color: var(--cyan); font-variant-numeric: tabular-nums; }
.batch-progress-track { height: 7px; overflow: hidden; border-radius: 99px; background: #050914; }
.batch-progress-bar { width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#a596ff,#6edbe7); transition: width .2s ease; }
.batch-progress-list { display: grid; gap: 6px; margin-top: 11px; }
.batch-progress-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; color: #8794b2; font-size: 9px; overflow-wrap: anywhere; }
.batch-progress-item strong { color: #b9c5e0; font-weight: 500; }
.batch-progress-item .success-text { flex: 0 0 auto; }
.batch-progress-item .error-text { flex: 0 0 auto; }
.reader-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 12px 14px; margin-bottom: 12px; border: 1px solid var(--line); border-radius: 10px; background: rgba(17,25,44,.72); }
.reader-toolbar input[type="range"] { width: 110px; }
.reader-container { min-height: 260px; padding: clamp(15px,3vw,30px); }
.reader-container h3 { margin: 0 0 7px; font: 600 20px "Space Grotesk",sans-serif; }
.reader-source { display: block; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.reader-description { color: var(--muted); font-size: 11px; line-height: 1.7; margin-bottom: 18px; }
.reader-text { color: #d5deef; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; }
.reader-text.font-sans { font-family: "DM Sans",system-ui,sans-serif; }
.reader-text.font-serif { font-family: Georgia,serif; }
.reader-text.font-mono { font-family: ui-monospace,monospace; }
.audit-panel { padding: 15px; }
.audit-results-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 10px; background: rgba(17,25,44,.72); }
.audit-results-head strong { font: 600 14px "Space Grotesk",sans-serif; }
.audit-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 10px; }
.audit-check { padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: rgba(17,25,44,.72); min-width: 0; }
.audit-check h3 { margin: 0 0 6px; font: 600 12px "Space Grotesk",sans-serif; }
.audit-check p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; overflow-wrap: anywhere; }
.audit-check .status-pill { margin-bottom: 8px; }
.audit-check.recommendation { border-style: dashed; }
.terminal-panel { padding: 14px; }
.terminal-top { padding-bottom: 11px; border-bottom: 1px solid var(--line); color: #9daac7; font: 600 9px ui-monospace,monospace; letter-spacing: .8px; }
.terminal-top > span { display: flex; align-items: center; gap: 8px; }
.terminal-output { min-height: 250px; max-height: 480px; overflow: auto; padding: 15px 4px; color: #a6e7cb; font: 10px/1.8 ui-monospace,monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.terminal-line { padding: 2px 0; }
.terminal-command { color: #d5caff; }
.terminal-muted { color: #74819f; }
.terminal-error { color: #ff9eae; }
.terminal-input-row { justify-content: flex-start; padding: 9px 10px; border: 1px solid var(--line); border-radius: 8px; background: #05091480; }
.terminal-input-row label { flex: 0 0 auto; color: var(--green); font: 600 10px ui-monospace,monospace; }
.terminal-input-row input { flex: 1; min-width: 0; border: 0; outline: 0; color: #eef2ff; background: transparent; font: 10px ui-monospace,monospace; }
@media(max-width:640px) {
  .url-row textarea { flex-basis: 100%; }
  .url-row .primary-button { width: 100%; }
  .audit-check-grid { grid-template-columns: 1fr; }
  .reader-toolbar { align-items: flex-start; flex-direction: column; }
  .terminal-input-row { flex-wrap: wrap; }
  .terminal-input-row input { flex-basis: 100%; order: 3; }
}
