html,body,#root{color:#eee;background:#111;border:0;width:100%;height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}body{text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;position:fixed;inset:0}button,input,select,textarea{text-shadow:none;font-family:inherit}*{box-sizing:border-box}button{font-family:inherit}.dashboardShell{box-sizing:border-box;background:#111;grid-template-columns:.9fr 2fr 2.1fr;gap:10px;width:100vw;height:100vh;padding:8px;display:grid}.leftCol{flex-direction:column;align-self:start;gap:10px;min-height:0;display:flex}.leftCol .panel,.leftCol .panelBody{flex:none}.rightCol{grid-template-rows:1fr 1fr;gap:10px;min-height:0;display:grid}.middleCol{height:100%;min-height:0;display:flex}.panel{background:#1b1b1b;border:1px solid #252525;border-radius:8px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.panelHeader{background:#222;justify-content:space-between;align-items:center;min-height:46px;padding:0 8px 0 14px;display:flex}.panelHeader h2{color:#ff0;text-shadow:2px 2px #000;margin:0;font-size:22px;font-weight:900;line-height:1}.panelAction{align-items:center;gap:6px;display:flex}.panelBody{flex:1;min-height:0;padding:12px}.collapsedPanel{height:46px;flex:none!important}.collapseBtn{color:#eee;cursor:pointer;background:#151515;border:1px solid #444;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.fillPanel{flex:1;width:100%;height:100%}.donationsPanel{flex:1.05}.bottomGrid{grid-template-columns:1.15fr 1.15fr;gap:10px;min-height:0;display:grid}.smallPanel{min-height:0}.category{color:#6fe;margin-bottom:8px;font-size:17px;font-weight:800}.viewerTotals{flex-wrap:wrap;gap:8px;margin-bottom:6px;font-size:17px;display:flex}.viewerTotals b{color:#fff}.viewerTotals span{color:#5ff}.streamTitle{color:#6fe;margin-bottom:6px;font-size:17px;font-weight:800;line-height:1.25}.statLine{justify-content:space-between;gap:8px;padding:2px 0;font-size:17px;line-height:1.45;display:flex}.statLine b{color:#fff}.statLine span{color:#5ff;text-align:right;font-weight:700}.tierStatLine{align-items:baseline;gap:2px;padding:2px 0;font-size:17px;line-height:1.45;display:flex}.tierStatLine b:first-child{flex:0 0 46px;width:46px}.tierStatLine b:nth-child(2){color:#fff;flex:none}.tierStatLine span{color:#5ff;text-align:right;margin-left:auto;font-weight:700}.tier1Label{color:#b18761}.tier2Label{color:#afafaf}.tier3Label{color:#e9c225}hr{border:0;border-top:1px solid #3a3a3a;margin:10px 0}.viewerChart{background:#141414;border:1px solid #333;border-radius:8px;height:145px;margin:10px 0;position:relative;overflow:hidden}.viewerChart svg{width:calc(100% - 56px);height:calc(100% - 44px);position:absolute;inset:10px 8px 34px 48px}.chartYAxis{color:#777;pointer-events:none;flex-direction:column;justify-content:space-between;width:38px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;bottom:34px;left:6px}.chartXAxis{color:#777;pointer-events:none;justify-content:space-between;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:20px;left:48px;right:8px}.chartGridLine{fill:none;stroke:#333;stroke-width:1px}.twitchChartLine,.youtubeChartLine{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.twitchChartLine{stroke:#b889ff}.youtubeChartLine{stroke:#ff8e8e}.chartLegend{justify-content:space-between;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:7px;left:8px;right:8px}.chartLegend span:first-child{color:#b889ff}.chartLegend span:last-child{color:#ff8e8e}.sourceHealth{color:#aaa;font-size:13px;line-height:1.35}.sourceDot{display:block}.liveStat span{color:#ffd400}.offlineStat{opacity:.55}.rangeSelector{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.rangeSelector button,.panelAction button{color:#eee;cursor:pointer;background:#151515;border:1px solid #444;border-radius:6px;padding:6px 8px;font-weight:700}.panelAction button{align-items:center;gap:5px;display:inline-flex}.rangeSelector button.activeRange{color:#000;background:#ff0;border-color:#ff0}.windowNote,.lastUpdated{color:#aaa;margin:6px 0;font-size:13px}.scrollList{scrollbar-width:thin;scrollbar-color:#555 #151515;height:100%;overflow-y:auto}.scrollList::-webkit-scrollbar{width:10px}.scrollList::-webkit-scrollbar-track{background:#151515}.scrollList::-webkit-scrollbar-thumb{background:#555;border-radius:10px}.eventRow{color:#d8d8d8;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:6px;padding:6px 8px;font-size:17px;line-height:1.32;transition:opacity .16s,filter .16s,background .16s;display:grid}.mainFeed .eventRow{min-height:31px}.eventRow:nth-child(odd){background:#202020}.eventRow:nth-child(2n){background:#191919}.eventRow:hover{background:#2a2a1a}.eventRow.dimmedEvent{opacity:.5;filter:grayscale(.25)}.eventRow .age{color:#2ea6a6;font-size:17px;font-weight:700}.eventRow .ico{color:#aaa;text-align:center;background:#151515;border-radius:4px;place-items:center;min-width:18px;height:18px;font-size:17px;font-weight:700;display:inline-grid}.eventRow .line{color:#dcdcdc;min-width:0}.eventBadges{vertical-align:-3px;align-items:center;gap:4px;margin-right:6px;display:inline-flex}.eventBadge{object-fit:contain;image-rendering:auto;width:22px;height:22px}.lineParts{overflow-wrap:anywhere;min-width:0}.username{color:#ff0;font-weight:700}.plain{color:#f2f2f2;font-weight:700}.tierText{font-weight:700}.tierText.primeTier{color:#00a9e3}.tierText.tier1{color:#b18761}.tierText.tier2{color:#afafaf}.tierText.tier3{color:#e9c225}.duration,.messageText{color:#48c1b0;font-weight:700}.donations .line,.followers .line,.raids .line{color:#fff;font-weight:700}.moneyText{color:#d85fe2;font-weight:700}.emptyState{color:#777;place-items:center;height:100%;font-size:17px;font-weight:700;display:grid}.raidPowerStack{grid-template-rows:.4fr .6fr;gap:10px;min-height:0;display:grid}.raidsPanel,.powerupsPanel{min-height:0}.powerupsCombos .line{color:#fff;font-weight:700}.errorBox{z-index:100;color:#ffdada;background:#2a1111;border:1px solid #ff6d6d;border-radius:6px;padding:8px 12px;position:fixed;top:8px;left:50%;transform:translate(-50%)}@keyframes glow{0%{text-shadow:0 0 5px #ff005e,0 0 10px #ff005e}to{text-shadow:0 0 10px #d55be0,0 0 20px #d55be0}}@keyframes rotateWiggle{0%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}.tierText.tier2,.tierText.tier3,.bigDonation{animation-name:glow,rotateWiggle;animation-duration:1.5s,2s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:alternate,alternate;display:inline-block}@media (width<=1300px){body{overflow:auto}.dashboardShell{grid-template-columns:1fr;height:auto;min-height:100vh}.middleCol,.rightCol{min-height:520px}.bottomGrid{min-height:280px}}.loginShell{color:#f5f5f5;background:#050505;place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{text-align:center;background:#141414f5;border:1px solid #ffffff1f;border-radius:18px;width:min(420px,100%);padding:28px;box-shadow:0 24px 80px #00000073}.loginCard h1{margin:0 0 10px;font-size:28px}.loginCard p{color:#ffffffb8;margin:0 0 20px}.loginButton,.authBar button{color:#fff;cursor:pointer;background:#9146ff;border:0;border-radius:999px;padding:10px 16px;font-weight:800}.authBar{z-index:20;color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 12px;font-size:12px;display:flex;position:fixed;top:10px;right:12px}.authBar button{padding:6px 10px;font-size:12px}