:root{--obs-size:64px}
.overlay-document{overflow:hidden;background:transparent}

.overlay-page{margin:0;min-width:0;overflow:hidden;background:transparent!important;color:#f2efe5}
.overlay-page[data-theme=light]{color:#11110f}
.overlay-local{position:fixed;z-index:2;inset:0 0 auto;font-size:10px;padding:3px}
.obs-panel{min-height:200px;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:24px 34px;border-left:6px solid #bc9bff;background:transparent;text-shadow:0 2px 10px #000,0 1px 2px #000}
.overlay-page[data-theme=light] .obs-panel{border-color:#597b14;text-shadow:0 2px 10px #fff,0 1px 2px #fff}
.obs-panel.is-stale{border-color:#ff8c61}
.obs-counter{display:flex;align-items:flex-start;gap:.18em;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;font-size:var(--obs-size);font-weight:850;line-height:.88;letter-spacing:-.06em}
#overlay-currency{color:#c7ff45;font-size:.42em;letter-spacing:0}
.overlay-page[data-theme=light] #overlay-currency{color:#46630c}
.obs-context{min-width:0;max-width:100%;border:0;padding:0}
.overlay-page[data-theme=light] .obs-context{border-color:#11110f38}
.obs-context p{margin:.24rem 0;overflow-wrap:anywhere}
#overlay-milestone{font-size:clamp(15px,calc(var(--obs-size) * .3),30px);font-weight:780}
.obs-context p:has(#overlay-state){font-size:clamp(10px,calc(var(--obs-size) * .15),13px);color:#c4c4bc}
.obs-equivalent{font-size:clamp(14px,calc(var(--obs-size) * .28),22px);font-weight:650;line-height:1.3}.obs-equivalent a{font-weight:400;font-size:10px;color:inherit;opacity:.7;margin-left:7px}
.overlay-page[data-theme=light] .obs-context p:nth-child(2){color:#4c4d47}
.obs-signature{font-size:clamp(9px,calc(var(--obs-size) * .145),13px);color:#a3a49d;letter-spacing:.025em}
.overlay-page[data-theme=light] .obs-signature{color:#55564f}

.streamers-main{padding-block:5rem 7rem}
.streamers-intro,.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.streamers-intro{margin-bottom:4.5rem}
.streamers-intro h1{max-width:800px;margin:.5rem 0 0;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3.1rem,7vw,6.2rem);line-height:.92;letter-spacing:-.055em}
.streamers-intro>p{max-width:390px;margin:0;color:var(--muted);line-height:1.55}
.page-stale{margin-bottom:1.5rem;border-radius:.65rem}
.momentum-panel{padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-2)}
.section-title-row h2{margin:.4rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.9rem,4vw,3.25rem);font-weight:400;letter-spacing:-.035em}
.section-title-row>p{margin:0;color:var(--muted);font-size:.75rem}
.momentum-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:2rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.momentum-list li{min-width:0;display:flex;align-items:center;gap:1rem;padding:1rem .3rem;border-bottom:1px solid var(--line)}
.momentum-list li:nth-child(odd){padding-right:1.3rem}
.momentum-list li:nth-child(even){padding-left:1.3rem;border-left:1px solid var(--line)}
.momentum-rank{color:var(--lime);font-size:.7rem;font-weight:850;letter-spacing:.1em}
.momentum-list a{min-width:0;flex:1;display:flex;justify-content:space-between;gap:1rem;text-decoration:none}
.momentum-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.momentum-list a span{flex:none;color:var(--lime);font-variant-numeric:tabular-nums;font-size:.82rem}
.directory{padding-top:6rem}
.directory-heading{margin-bottom:1.5rem}
.streamer-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:1rem;margin-bottom:2rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--ink-2)}
.search-field{display:grid;gap:.45rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
.search-field input{width:100%;min-width:0;border:1px solid var(--line);border-radius:.65rem;background:#0d0e0b;color:var(--ivory);font:inherit;padding:.82rem .9rem}
.online-filter{display:flex;align-items:center;gap:.55rem;min-height:43px;color:var(--muted);font-size:.78rem;white-space:nowrap}
.online-filter input{width:1.1rem;height:1.1rem;accent-color:var(--lime)}
.sort-buttons{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}
.sort-buttons button{border:1px solid var(--line);border-radius:999px;padding:.65rem .8rem;background:transparent;color:var(--muted);font:inherit;font-size:.72rem;cursor:pointer}
.sort-buttons button[aria-pressed=true]{border-color:var(--lime);background:var(--lime);color:var(--ink)}
.search-field input:focus-visible,.sort-buttons button:focus-visible,.watch-link:focus-visible,.momentum-list a:focus-visible{outline:3px solid var(--warm);outline-offset:3px}
.streamer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:1rem;padding:0;list-style:none}
.streamer-card{min-width:0;display:flex;flex-direction:column;padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--ink-2)}
.streamer-card.is-online{border-top-color:var(--lime)}
.streamer-identity{min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.8rem;align-items:center}
.streamer-identity img,.avatar-fallback{width:56px;height:56px;border-radius:50%;background:var(--ink-3)}
.streamer-identity img{object-fit:cover}
.avatar-fallback{display:grid;place-items:center;color:var(--lime);font-weight:850;font-size:1.25rem}
.streamer-identity h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
.streamer-identity div span{display:block;margin-top:.2rem;color:var(--muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-badge{align-self:start;padding:.26rem .38rem;border:1px solid var(--line);border-radius:.35rem;color:var(--muted);font-size:.56rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.is-online .live-badge{border-color:#c7ff4570;color:var(--lime)}
.stream-title{min-height:2.7em;margin:1.15rem 0;color:#d2d1c8;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.streamer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:auto 0 1rem}
.streamer-metrics div{min-width:0;padding:.6rem;border:1px solid var(--line);border-radius:.55rem}
.streamer-metrics dt{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}
.streamer-metrics dd{margin:.28rem 0 0;font-size:.77rem;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.watch-link{display:block;padding:.72rem;border-radius:999px;background:var(--lime);color:var(--ink);font-size:.75rem;font-weight:800;text-align:center;text-decoration:none}
.streamer-placeholder,.streamers-empty{padding:3rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:1rem}
.streamers-empty{margin:0}

@media(max-width:900px){.streamer-tools{grid-template-columns:1fr auto}.sort-buttons{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.obs-panel{padding:14px 18px;border-left-width:5px;gap:14px}.obs-context{padding-left:14px}.streamers-main{padding-block:3.5rem 5rem}.streamers-intro,.section-title-row{align-items:flex-start;flex-direction:column}.streamers-intro{margin-bottom:3rem}.momentum-panel{padding:1.2rem}.momentum-list{grid-template-columns:1fr}.momentum-list li:nth-child(n){padding-inline:.2rem;border-left:0}.momentum-list a{flex-direction:column;gap:.2rem}.directory{padding-top:4rem}.streamer-tools{grid-template-columns:1fr}.sort-buttons{grid-column:auto;justify-content:flex-start}.online-filter{white-space:normal}.streamer-identity{grid-template-columns:48px minmax(0,1fr)}.streamer-identity img,.avatar-fallback{width:48px;height:48px}.live-badge{grid-column:2}.streamer-metrics{grid-template-columns:1fr}.streamer-metrics div{display:flex;justify-content:space-between;gap:1rem}.stream-title{min-height:0}.site-header>.donate-link{margin-left:auto}}
@media(max-width:520px){.obs-panel{align-items:flex-start;justify-content:center;flex-direction:column}.obs-counter{font-size:min(var(--obs-size),18vw)}.obs-context{width:100%;padding:8px 0 0;border-left:0;border-top:1px solid #ffffff35}.streamers-intro h1{font-size:clamp(2.8rem,15vw,4.5rem)}}
@media(prefers-reduced-motion:reduce){.streamer-card,.momentum-list li{scroll-behavior:auto}}