:root{--bg-primary:#f5f6fa;--bg-secondary:#ffffff;--bg-tertiary:#f9f9fc;--bg-input:#fafafa;--bg-hover:#f4f4fa;--text-primary:#1e1e2f;--text-secondary:#4b4b6a;--text-muted:#6c757d;--text-light:#8a8a9f;--accent-primary:#5c7cfa;--accent-hover:#4c6ef5;--border-primary:#e0e0e5;--border-secondary:#dcdce4;--border-light:#f1f1f5;--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.03);--shadow-md:0 6px 20px rgba(0, 0, 0, 0.06);--shadow-lg:0 4px 15px rgba(0, 0, 0, 0.06);--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.75rem;--spacing-3xl:2.5rem;--delta-positive:#16a34a;--delta-negative:#dc2626;--badge-search:#5c7cfa;--badge-kids:#34d399;--badge-agent:#fbbf24;--badge-available:#9ca3af;--badge-topic:#a78bfa;--badge-sort:#60a5fa;--badge-donate:#f7a817;--badge-online:#eb0400;--badge-broadcaster-type:#00d4db;--badge-reset:#f87171}:root[data-theme=dark]{--bg-primary:#1a1a2f;--bg-secondary:#242440;--bg-tertiary:#2d2d4d;--bg-input:#2a2a40;--bg-hover:#2f2f4f;--text-primary:#e9e9f0;--text-secondary:#b8b8d0;--text-muted:#a0a0b8;--text-light:#7a7a9a;--accent-primary:#6d8bff;--accent-hover:#7d9bff;--border-primary:#3d3d5c;--border-secondary:#454564;--border-light:#35354c;--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.2);--shadow-md:0 6px 20px rgba(0, 0, 0, 0.3);--shadow-lg:0 4px 15px rgba(0, 0, 0, 0.25);--delta-positive:#4ade80;--delta-negative:#f87171;--badge-search:#6d8bff;--badge-kids:#46e9aa;--badge-agent:#ffcf40;--badge-available:#acb3bf;--badge-topic:#b89cff;--badge-sort:#70b5ff;--badge-donate:#fcb32c;--badge-online:#ff4d4d;--badge-broadcaster-type:#00ebf3;--badge-reset:#ff8181}*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.icon-moon{display:none}.icon-sun{display:inline}:root[data-theme=dark] .icon-moon{display:inline}:root[data-theme=dark] .icon-sun{display:none}body{font-family:inter,system-ui,-apple-system,segoe ui,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);margin:0;padding:0}html,body{height:100%;margin:0}body{display:grid;grid-template-rows:auto 1fr auto}input,select,textarea{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-weight:500;font-family:inherit;padding:var(--spacing-sm)var(--spacing-md)}h1,h2{margin:0}h1{margin:.4rem 0}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(109,139,255,.15);outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-light)}fieldset{border:none;margin:0;padding:0}header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md)0;box-shadow:var(--shadow-sm)}.delta-positive{color:var(--delta-positive)}.delta-negative{color:var(--delta-negative)}.donate{color:var(--accent-primary);text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s}a.donate:hover{text-decoration:underline}main{display:grid;grid-template-areas:"top top top" "left content right";grid-template-columns:minmax(0,320px)720px minmax(0,320px);grid-template-rows:auto 1fr;flex:1;max-width:1360px;margin:0 auto;width:100%}.container{max-width:720px;margin:0 auto;padding:0 var(--spacing-xs)}.banner-top{grid-area:top;padding:1rem}.banner-left{grid-area:left;position:sticky;top:1rem;align-self:start;padding:1rem;width:320px}.banner-right{grid-area:right;position:sticky;top:1rem;align-self:start;padding:1rem;width:320px}.content{grid-area:content;width:720px;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:1360px){main{grid-template-areas:"top" "content" "right";grid-template-columns:1fr;max-width:100%}.banner-left{display:none}.banner-right{position:static;width:100%}.content{width:100%}}.navbar-left{display:flex;align-items:center;gap:var(--spacing-sm)}.navbar-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--text-primary);text-decoration:none}.navbar-brand img{display:block;border-radius:var(--radius-md);width:48px;height:48px}nav{display:flex;align-items:center;justify-content:space-between}nav ul{list-style:none;display:flex;gap:var(--spacing-2xl);margin:0;padding:0}nav a{text-decoration:none;color:var(--text-secondary);font-weight:500}nav a:hover{color:var(--accent-primary)}nav a.active{color:var(--accent-primary);font-weight:600}h1{font-size:2rem;color:var(--text-primary)}.topics{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)var(--spacing-lg)}.card>div{display:flex;flex-direction:column}svg{width:1rem;height:1rem;flex-shrink:0;color:var(--text-light)}.counts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-label{display:block;font-size:1rem;color:var(--text-muted);margin-bottom:4px}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.topic-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0;list-style:none}.topics-label{display:block;font-size:1rem;color:var(--text-muted);margin-bottom:6px}.form-row{display:flex;flex-direction:column}label{color:var(--text-secondary);font-weight:500;margin-bottom:var(--spacing-sm)}label small{display:block;color:var(--text-muted)}select[multiple]{min-height:9rem;padding:var(--spacing-sm);overflow-y:auto;background:var(--bg-secondary)}select[multiple] option{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);margin:2px 0;cursor:pointer}select[multiple] option:checked{background:var(--accent-primary);color:var(--bg-secondary)}.form-buttons{grid-column:1/-1;display:flex;gap:var(--spacing-lg)}.active-filters,.status-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.active-filters .filters-label{font-weight:500;color:var(--text-secondary);margin-right:var(--spacing-sm)}.active-filters .badge{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs)var(--spacing-sm);font-size:.9rem;font-weight:600;border-radius:9999px;color:var(--bg-secondary);cursor:pointer;transition:opacity .2s,background-color .3s}.badge:hover{opacity:.9}.badge-search{background:var(--badge-search)}.badge-kids{background:var(--badge-kids)}.badge-agent{background:var(--badge-agent)}.badge-available{background:var(--badge-available)}.badge-topic{background:var(--badge-topic)}.badge-sort{background:var(--badge-sort)}.badge-donate{background:var(--badge-donate)}.badge-online{background:var(--badge-online)}.badge-broadcaster-type{background:var(--badge-broadcaster-type)}.badge-reset{background:var(--badge-reset)}a.badge{text-decoration:none;cursor:pointer}span.badge{cursor:default}a.badge svg{margin-right:var(--spacing-xs);color:var(--bg-primary)}.btn{display:inline-flex;gap:var(--spacing-xs);align-items:center;justify-content:center;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-weight:500;font-family:inherit;text-decoration:none;box-shadow:var(--shadow-sm)}.btn-sm{padding:calc(var(--spacing-sm)/1.5)calc(var(--spacing-md)/1.5);font-size:.8rem;border-radius:9999px;gap:calc(var(--spacing-xs)/2)}.btn:hover{background:var(--accent-primary);color:var(--bg-secondary);border:1px solid var(--accent-primary)}.btn:hover svg{color:var(--bg-secondary)}.btn-primary{background:var(--accent-primary);color:var(--bg-secondary);border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--border-secondary);color:var(--text-secondary)}.btn-link{background:0 0;border:none;color:var(--accent-primary);padding:0;font-weight:500;cursor:pointer;text-decoration:underline;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:none}.btn-link:hover{background:0 0;color:var(--accent-hover);text-decoration:none}a.btn{text-decoration:none}button.btn,input.btn,select.btn{appearance:none;font-family:inherit;font-size:inherit;line-height:inherit}.channel-title{display:flex;align-items:center;gap:var(--spacing-sm)}.channel-title h1{font-size:1.8rem}#back-button{display:none}.channels-table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;table-layout:auto;box-shadow:var(--shadow-lg)}.channels-table th,.channels-table td{padding:var(--spacing-lg)var(--spacing-xl);text-align:left;border-bottom:1px solid var(--border-light)}.channels-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary)}.channels-table tr:hover td{background:var(--bg-tertiary)}.channels-table a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s}.channels-table a:hover{text-decoration:underline}.footer-bar a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s}.footer-bar a:hover{text-decoration:underline}.channels-table tbody tr{cursor:pointer;position:relative}.channels-table tbody tr::after{content:"";position:absolute;right:1rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%)rotate(-90deg);background:no-repeat 50%/contain;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 9l6 6 6-6" stroke="gray" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.pagination ul{display:flex;justify-content:center;gap:var(--spacing-sm);list-style:none}.page-item{display:inline-block;padding:var(--spacing-xs)var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary);text-decoration:none;color:var(--text-secondary);font-size:.95rem}.page-item:hover{background:var(--accent-primary);color:var(--bg-secondary);border-color:var(--accent-primary)}.page-item.current{background:var(--accent-primary);color:var(--bg-secondary);font-weight:600;border-color:var(--accent-primary)}footer{text-align:center;padding:var(--spacing-xl)0;color:var(--text-light);font-size:.9rem;margin-top:var(--spacing-sm)}footer .container{border-top:1px solid var(--border-primary);padding-top:var(--spacing-xl)}.footer-bar{position:relative;display:flex;justify-content:center;align-items:center}.footer-copy{position:absolute;left:50%;transform:translateX(-50%)}.footer-bar #theme-toggle{margin-left:auto}.input-icon-wrapper{position:relative;width:100%}.input-icon-wrapper input{width:100%;padding-right:2.5rem}.input-icon-wrapper .search-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:var(--text-light);display:flex;align-items:center;justify-content:center}.select-wrapper{position:relative;display:inline-block;width:100%}.select-wrapper select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem}.select-wrapper .select-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none;color:var(--text-light)}.filter-controls{display:grid;grid-template-columns:1fr auto auto;gap:var(--spacing-sm);align-items:end}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.error{text-align:center}.error h1{font-size:4rem;font-weight:700;margin:0}.error p{font-size:1.25rem;margin-top:.5rem;color:var(--text-muted)}.dropdown-wrapper{position:relative;display:inline-block;width:max-content}.dropdown-toggle{display:inline-flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.dropdown-toggle:hover .dropdown-icon svg{color:var(--bg-primary)}.dropdown-icon{display:flex;align-items:center;width:1rem;height:1rem;transition:transform .3s ease,color .3s}.dropdown-wrapper.open .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{display:none;position:absolute;top:calc(100% + var(--spacing-xs));min-width:100%;max-width:max-content;margin:0;padding:0;list-style:none;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000}.dropdown-menu li a{display:block;padding:var(--spacing-md)var(--spacing-lg);text-decoration:none;color:var(--text-secondary);white-space:nowrap;transition:background-color .25s,color .25s}.dropdown-menu li:first-child a{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.dropdown-menu li:last-child a{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.dropdown-menu li a:hover{background:var(--bg-hover)}.dropdown-menu li a.active{font-weight:700;background:var(--bg-tertiary)}.dropdown-wrapper.open .dropdown-menu{display:block}.stats{background-color:var(--bg-primary)}.stats-table{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:.9rem}.stats-table{border-collapse:separate;border-spacing:0 var(--spacing-xs);width:100%}.stats-table th:first-child,.stats-table td:first-child{color:var(--text-muted);text-align:left}.stats-table th,.stats-table td{padding:var(--spacing-xs)var(--spacing-sm);white-space:nowrap;font-weight:600;color:var(--text-primary);text-align:left;font-variant-numeric:tabular-nums;width:1px}.stats-table tbody tr{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm)}.stats-table tbody tr td:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.stats-table tbody tr td:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.streams{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);background-color:var(--bg-primary)}.stream-card{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:.85rem}.stream-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.stream-metrics{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--spacing-sm)}.metric{display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);text-align:left}.metric-label{color:var(--text-muted)}.metric-value{font-weight:600;color:var(--text-primary)}.games{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-start;margin-top:var(--spacing-xs)}.game{background-color:var(--bg-tertiary);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:.8rem;color:var(--text-secondary)}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:var(--radius-md);padding:var(--spacing-lg);background:var(--bg-secondary);box-shadow:var(--shadow-lg);width:90%;max-width:500px}dialog::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(2px)}.modal-header,.modal-footer{display:flex;justify-content:space-between;align-items:center}.modal-header{margin-bottom:var(--spacing-lg)}.modal-footer{margin-top:var(--spacing-lg)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.filter-count{background-color:var(--badge-reset);color:var(--bg-secondary);border-radius:50%;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;position:absolute;top:-5px;right:-5px}.btn{position:relative}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);background-color:var(--bg-primary)}.service-card{border-top:4px solid transparent;padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.service-card.youtube{border-top-color:red}.service-card.twitch{border-top-color:#9146ff}.service-card h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.service-card a{color:var(--accent-primary);text-decoration:none;font-size:1.1rem;font-weight:600;transition:color .2s}.service-card a:hover{text-decoration:underline}@media(max-width:767px){.counts,.filters,.services,.streams{grid-template-columns:1fr;gap:var(--spacing-sm)}.filter-controls{display:grid;grid-template-columns:1fr max-content;grid-auto-rows:min-content}.filter-controls>:first-child{grid-column:1/-1}.filter-controls>:nth-child(2){justify-self:stretch}.filter-controls>:nth-child(3){justify-self:end}.topics>*{flex:0 0 calc(50% - var(--spacing-sm)/2);box-sizing:border-box}}