:root{color-scheme:light}
.theme-toggle{gap:7px;min-width:40px}
.theme-toggle svg{width:17px;height:17px}
:root[data-theme="night"]{
  color-scheme:dark;
  --ink:#e2ece8;--muted:#a3b5b8;--line:#31414b;--accent:#8dd4b4;
  --wash:#1d302d;--orange:#f0b56d;--paper:#0e151b;--white:#18232c;
  --shadow:0 8px 30px #00000025;
}
:root[data-theme="night"] :is(.topbar,.filters,.results,.search-panel,.collection-panel,dialog,.button.light,.page-button){background:var(--white)}
:root[data-theme="night"] .search-panel{border-color:var(--line)}
:root[data-theme="night"] .search-input input{color:var(--ink)}
:root[data-theme="night"] .search-input input::placeholder{color:var(--muted)}
:root[data-theme="night"] .search-panel:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8dd4b41c}
:root[data-theme="night"] :is(select,input[list],input[type=number],#listName){background:#111d25;border-color:#41555f;color:var(--ink)}
:root[data-theme="night"] .button.primary{background:#71c4a3;color:#092117}
:root[data-theme="night"] .button.primary:hover{background:#91d9bb}
:root[data-theme="night"] :is(.button.light:hover,.icon-button:hover,.filter-toggle){background:#24343e;color:var(--ink)}
:root[data-theme="night"] :is(kbd,.segmented,.sort-label select,.pagination select,thead,.source-debug pre){background:#111d25}
:root[data-theme="night"] .segmented button.active{background:#2a3c44;color:var(--accent)}
:root[data-theme="night"] :is(.quick-row button,.status-options label,.source-options label,.check-label,.domain-button,.metric){color:var(--ink)}
:root[data-theme="night"] :is(.quick-row button:hover,.active-filter,.source-initial,.provider-list span){background:var(--wash);color:var(--accent);border-color:var(--line)}
:root[data-theme="night"] :is(th,.company-row,.score-caption,.status-options small,.source-options small,.field-note,.range-labels,.filter-footer,.sort-label,.metric.approximate,.pagination,footer,.footer-muted,.result-note,.result-note a,.icon-button){color:var(--muted)}
:root[data-theme="night"] .score.unrated{color:#8d9ba7}
:root[data-theme="night"] .metric-separator{color:#657780}
:root[data-theme="night"] td{border-bottom-color:#283841}
:root[data-theme="night"] tbody tr:hover{background:#1e2d36}
:root[data-theme="night"] tbody tr.selected{background:#203b34}
:root[data-theme="night"] :is(.year,.filters-heading h2 span){background:#25353c;color:#adbfbd}
:root[data-theme="night"] .result-note{background:#14221f}
:root[data-theme="night"] .help{border-color:var(--line)}
:root[data-theme="night"] dialog::backdrop{background:#050c13b3}
:root[data-theme="night"] .status-dot.yes{background:#78c79d}
:root[data-theme="night"] .status-dot.maybe{background:#efc778}
:root[data-theme="night"] .status-dot.no{background:#eea193}
:root[data-theme="night"] .status-dot.closed{background:#a0abb1}
:root[data-theme="night"] .radar-mark{background:repeating-radial-gradient(circle at center,transparent 0 4px,#8dd4b430 4px 5px,transparent 5px 9px)}
:root[data-theme="night"] .radar-mark:after{background:linear-gradient(transparent 49%,#8dd4b440 49% 52%,transparent 52%),linear-gradient(90deg,transparent 49%,#8dd4b440 49% 52%,transparent 52%)}
:root[data-theme="night"] .radar-sweep{background:conic-gradient(from 0deg,transparent 270deg,#8dd4b410 320deg,#8dd4b495 358deg,transparent 360deg)}
:root[data-theme="night"] :focus-visible{outline-color:var(--accent)}
@media(max-width:600px){
  .header-right{gap:8px}
  .theme-toggle span{display:none}
  :root[data-theme="night"] :is(td.domain-cell,.select-col){background:var(--white)}
  :root[data-theme="night"] tbody tr.selected :is(.domain-cell,.select-col){background:#203b34}
  :root[data-theme="night"] thead th:nth-child(2){background:#111d25}
}

.traffic-cell{display:grid;grid-template-columns:auto auto;gap:3px 7px;align-items:center;min-width:90px;white-space:nowrap;font-variant-numeric:tabular-nums}.traffic-cell strong{font-size:13px;color:var(--ink)}.traffic-cell small{grid-column:1/-1;color:var(--muted);font-size:9px}.chart-rank{color:var(--accent);background:var(--wash);border-radius:5px;padding:3px 5px;font-size:10px;font-weight:650}.traffic-summary{display:block;color:var(--muted);font-size:10px;margin-top:5px}

.column-heading{display:flex;align-items:center;gap:7px;white-space:nowrap}.column-sort{display:inline-flex;align-items:center;gap:4px;padding:5px 0;background:transparent;color:inherit;font-size:inherit;font-weight:650;white-space:nowrap;border-radius:4px}.column-sort:hover,.column-sort[aria-pressed="true"]{color:var(--accent)}.column-secondary{font-size:10px}.sort-direction{font-size:11px;opacity:.6}.column-sort[aria-pressed="true"] .sort-direction{opacity:1}.casino-site{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--muted);border:1px solid var(--line);border-radius:6px;text-decoration:none;flex:none}.casino-site:hover{color:var(--accent);background:var(--wash)}.casino-site svg{width:14px;height:14px}.domain-title .status-dot{margin-right:2px}.license-cell{max-width:125px}.licensor-list{display:flex;flex-wrap:wrap;gap:4px;max-width:120px}.licensor{font-size:10px;line-height:1.4;border:1px solid var(--line);border-radius:4px;padding:2px 5px;white-space:nowrap;color:var(--muted)}
@media(min-width:601px){.results :is(td,th):not(.select-col){padding-left:7px;padding-right:7px}.results td.domain-cell{width:auto;min-width:190px}}

.how-nav{color:var(--muted);font-size:12px;text-decoration:none;white-space:nowrap}.how-nav:hover{color:var(--accent)}
@media(max-width:600px){.topbar .how-nav{display:none}}

.brand{font-size:24px;letter-spacing:-.8px;white-space:nowrap}.brand-accent{color:var(--accent)}.how-main footer a{font-size:18px}
@media(max-width:600px){.brand{font-size:18px;gap:7px}.brand .radar-mark{width:24px;height:24px;flex:none}.topbar{gap:12px}.header-right{gap:8px}}

.quick-row .trend-group.growing,.traffic-change.growing{color:#248457;background:#24845714;border-color:#24845755}.quick-row .trend-group.falling,.traffic-change.falling{color:#c34b4b;background:#c34b4b12;border-color:#c34b4b55}.quick-row .trend-group[aria-pressed=true]{box-shadow:0 0 0 2px currentColor}.traffic-change{border-radius:4px;padding:2px 4px;margin-left:4px;white-space:nowrap}.quick-row .trend-group{white-space:nowrap}[data-theme=night] .trend-group.growing,[data-theme=night] .traffic-change.growing{color:#82d3ab}[data-theme=night] .trend-group.falling,[data-theme=night] .traffic-change.falling{color:#ed9696}.traffic-history{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--wash)}.traffic-history svg{width:100%;height:auto;display:block;color:var(--accent)}.traffic-history text{fill:var(--muted);font-size:10px}.traffic-history figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:12px}.traffic-history circle:focus{outline:2px solid currentColor;outline-offset:2px}
.filter-distribution{margin:4px 0 13px}.distribution-bars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end;gap:3px;height:88px;border-bottom:1px solid var(--line)}.distribution-bars button{display:flex;flex-direction:column;justify-content:end;align-items:stretch;gap:5px;height:100%;padding:0;border-radius:3px 3px 0 0;background:transparent;color:var(--muted);min-width:0}.distribution-bars span{font-size:9px;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap;text-align:center}.distribution-bars i{display:block;min-height:2px;height:var(--height);background:var(--accent);opacity:.6;border-radius:3px 3px 0 0;transition:opacity .15s}.distribution-bars button:hover i{opacity:1}.distribution-bars button.below-threshold i{opacity:.16}.filter-distribution figcaption{font-size:9px;color:var(--muted);line-height:1.5;margin-top:7px}
.traffic-range{position:relative;height:38px;--range-from:0%;--range-to:100%}
.traffic-range-track{position:absolute;top:12px;left:11px;right:11px;height:4px;border-radius:4px;background:var(--line)}
.traffic-range-track:after{content:"";position:absolute;left:var(--range-from);right:calc(100% - var(--range-to));height:4px;border-radius:4px;background:var(--accent)}
.traffic-range input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:28px;margin:0;background:transparent;pointer-events:none;z-index:2}
.traffic-range input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}
.traffic-range input[type=range]::-moz-range-track{height:4px;background:transparent}
.traffic-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border:2px solid var(--accent);border-radius:50%;background:var(--accent);pointer-events:auto;cursor:grab}
.traffic-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--accent);border-radius:50%;background:var(--accent);pointer-events:auto;cursor:grab}
.traffic-range input[type=range]:focus-visible{outline:none;z-index:4}
.traffic-range input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--ink);outline-offset:3px}
.traffic-range input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--ink);outline-offset:3px}
.traffic-range #trafficMaxSlider{z-index:3}
.traffic-range #trafficMaxSlider:focus-visible{z-index:4}
.traffic-range-ticks{position:absolute;top:29px;left:11px;right:11px;display:flex;justify-content:space-between;pointer-events:none}
.traffic-range-ticks i{width:1px;height:4px;background:var(--muted);opacity:.4}
.traffic-range-values{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 5px}
#trafficOutput{font-variant-numeric:tabular-nums;text-align:right;margin-left:8px}
@media(max-width:400px){.brand{font-size:16px;letter-spacing:-.6px}#savedLists{font-size:11px;padding:8px;gap:5px}.header-right{gap:6px}}
