/* Table Devil Pearl/Black theme (preview). Black is default; Pearl = Clean Chrome light. */
.td-theme{flex:none;width:44px;height:44px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}
.td-theme .ring{width:28px;height:28px;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#ffffff,#8d939b,#f4f6f8,#5f656d,#e9ecef,#ffffff);box-shadow:0 1px 3px rgba(0,0,0,.35)}
.td-theme .dot{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#f5f6f8 0 50%,#0b0b0b 50% 100%);transition:transform .35s ease}
html[data-theme=pearl] .td-theme .dot{transform:rotate(180deg)}
.td-theme:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.td-theme+nav,.td-theme+.mob,.td-theme~.mob{margin-left:4px}
.td-theme.corner{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px;z-index:60;margin:0}

html[data-theme=black]{color-scheme:dark;--ink:#f2f2f2;--muted:#a9adb3;--line:#26292d;--hair:#34373c;--panel:#141618;--bg:#0b0b0b;--sh:0 1px 2px rgba(0,0,0,.5),0 10px 26px rgba(0,0,0,.45)}
html[data-theme=black] body{background:#0b0b0b;color:#e9e9e9}
html[data-theme=black] .bar{background:rgba(11,11,11,.88);border-bottom-color:#1f2124}
html[data-theme=black] .bar nav a.nl:hover{background:#1a1c1f}
html[data-theme=black] h1,html[data-theme=black] h2,html[data-theme=black] h3,html[data-theme=black] b,html[data-theme=black] strong,
html[data-theme=black] .page-head h1,html[data-theme=black] .sec-head h2,html[data-theme=black] .pick-card h3,html[data-theme=black] .cat-card b,html[data-theme=black] .itin-card h3,
html[data-theme=black] .guide-card h3.title,html[data-theme=black] .blk h3.title,html[data-theme=black] .page-head .title,html[data-theme=black] .mascot-card .mascot-name,
html[data-theme=black] .post .meta .who,html[data-theme=black] .post .body{color:#f2f2f2}
html[data-theme=black] .swm,html[data-theme=black] .brand .wm-text,html[data-theme=black] .brand .wm{color:#f2f2f2}
html[data-theme=black] .swm{background:linear-gradient(180deg,#ffffff 0%,#dfe3e7 55%,#a3aab2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme=black] .hero .hsi,html[data-theme=black] .hero .hsi a{color:#f2f2f2}
html[data-theme=black] .card,html[data-theme=black] .chip,html[data-theme=black] .badge,html[data-theme=black] .mc .im,html[data-theme=black] .mapc .mp,
html[data-theme=black] .pick-card,html[data-theme=black] .cat-card,html[data-theme=black] .itin-card,html[data-theme=black] .info,html[data-theme=black] .post,
html[data-theme=black] .compose,html[data-theme=black] .admin-card,html[data-theme=black] .mini-card,html[data-theme=black] .guide-card,html[data-theme=black] .draft-tag,
html[data-theme=black] .a2hs,html[data-theme=black] .auth-card{background:#131416;border-color:#26292d;color:#e9e9e9}
html[data-theme=black] .card,html[data-theme=black] .pick-card,html[data-theme=black] .itin-card,html[data-theme=black] .post{box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 28px -14px rgba(0,0,0,.7)}
html[data-theme=black] .mc .im{background:#f5f6f8}
html[data-theme=black] .thumb.mascot,html[data-theme=black] .badge{background:#f5f6f8}
html[data-theme=black] .btn.ghost,html[data-theme=black] .tabs-row .tab,html[data-theme=black] .upvote{background:#131416;color:#f2f2f2;border-color:#3a3d42}
html[data-theme=black] .tabs-row .tab.on{background:linear-gradient(180deg,#ffffff,#d5d9de);color:#111;border-color:#d5d9de}
html[data-theme=black] .upvote.on{background:#22252a;border-color:#c9ced4}
html[data-theme=black] .chip.tint{background:#f2f2f2;color:#111;border-color:#f2f2f2}
html[data-theme=black] .btn.black{background:linear-gradient(#161719,#161719) padding-box,var(--chrome) border-box}
html[data-theme=black] .btn.primary{background:linear-gradient(180deg,#ffffff 0%,#e3e6ea 48%,#b9bfc6 100%);color:#111;border-color:#d5d9de}
html[data-theme=black] .btn.secondary{background:#131416;color:#f2f2f2;border-color:#3a3d42}
html[data-theme=black] .field input,html[data-theme=black] .field textarea,html[data-theme=black] .field select,html[data-theme=black] input.fieldin,html[data-theme=black] textarea.fieldin,html[data-theme=black] select.fieldin{background:#0b0b0b;color:#f2f2f2;border-color:#3a3d42}
html[data-theme=black] .field input:focus{outline-color:#f2f2f2}
html[data-theme=black] .field label{color:#c8ccd1}
html[data-theme=black] .wl-err,html[data-theme=black] .msg{background:#16181b;border-color:#34373c;color:#e9e9e9}
html[data-theme=black] .blurlines{color:#9a9ea4}
html[data-theme=black] footer{background:#0e0f11;border-top-color:#1f2124}
html[data-theme=black] footer .ig,html[data-theme=black] .a2hs .t,html[data-theme=black] .a2hs .s .sh{color:#f2f2f2}
html[data-theme=black] .muted,html[data-theme=black] .eyebrow,html[data-theme=black] .meta,html[data-theme=black] .sub{color:#a9adb3}
html[data-theme=black] .score-pill{background:#f2f2f2;color:#111}
html[data-theme=black] .score-row input[type=range]{accent-color:#e9ecef}
html[data-theme=black] .linkish{color:#e6e6e6}
html[data-theme=black] .leaflet-container{filter:grayscale(.2) brightness(.9)}
html[data-theme=black] .band-dark .badge{background:rgba(255,255,255,.04);color:#d8dbdf;border-color:#3a3d42}
html[data-theme=black] .preview-pill{background:#1a1c1f;color:#c8ccd1;border-color:#3a3d42}
@media(max-width:430px){header.bar .preview-pill{display:none}header.bar .td-theme{width:40px}}