*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f3ead4;--bg-2: #ece0c2;--surface: #fbf4e3;--surface-2: #f1e6cb;--border: #c4a877;--border-hi: #d8be8e;--text: #3a2f1d;--text-muted: #8a7a5c;--accent: #c2703a;--accent-hi: #d98a4f;--accent-2: #5a7f3a;--live: #c0473a;--live-green: #4a8a2e;--shadow: rgba(150, 120, 70, .3);--px: 4px;--radius: 0px;--nav-h: 48px;--font-pixel: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--grid-opacity: .22}html[data-theme=dark]{--bg: #121214;--bg-2: #18181b;--surface: #1c1c20;--surface-2: #24242a;--border: #34343c;--border-hi: #4a4a55;--text: #ededf1;--text-muted: #9a9aa6;--accent: #e0894a;--accent-hi: #efa869;--accent-2: #7bbf63;--live: #e2564a;--live-green: #5cc46a;--shadow: rgba(0, 0, 0, .55);--grid-opacity: .3}html,body,#root{height:100%}html{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s}body{font-family:var(--font-body);font-size:14px;line-height:1.35;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .25s,color .25s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--bg-2) 1px,transparent 1px),linear-gradient(90deg,var(--bg-2) 1px,transparent 1px);background-size:32px 32px;opacity:var(--grid-opacity);pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,video,canvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pixel-panel{background:var(--surface);border:var(--px) solid var(--border);box-shadow:calc(var(--px)) calc(var(--px)) 0 var(--shadow),inset 0 0 0 1px var(--bg-2);position:relative}.pixel-btn{font-family:var(--font-pixel);font-size:10px;letter-spacing:.05em;background:var(--surface-2);color:var(--text);border:var(--px) solid var(--border);padding:10px 14px;box-shadow:calc(var(--px)) calc(var(--px)) 0 var(--shadow);transition:transform .05s,background .1s;text-transform:uppercase}.pixel-btn:hover:not(:disabled){background:var(--surface);border-color:var(--border-hi);color:var(--accent)}.pixel-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.pixel-btn:disabled{opacity:.4;cursor:not-allowed}.pixel-btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent-hi);font-weight:400}.pixel-btn-primary:hover:not(:disabled){background:var(--accent-hi);color:var(--bg)}.pixel-btn-close{font-family:var(--font-pixel);font-size:10px;width:28px;height:28px;background:var(--surface-2);color:var(--text);border:var(--px) solid var(--border);display:inline-flex;align-items:center;justify-content:center}.pixel-btn-close:hover{background:var(--live);color:#fff}.pixel-title{font-family:var(--font-pixel);font-size:14px;color:var(--accent);letter-spacing:.06em}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main{flex:1;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;padding:0 4px;background:var(--bg-2);border-bottom:var(--px) solid var(--border)}.nav-item{font-family:var(--font-pixel);font-size:9px;letter-spacing:.06em;color:var(--text-muted);background:transparent;border:none;height:var(--nav-h);padding:0 14px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .1s,background .1s}.nav-item:hover{color:var(--text);background:#80603014}.nav-item.active{color:var(--accent)}.nav-item.active:hover{color:var(--accent-hi)}.nav-item.disabled{opacity:.35;cursor:default;pointer-events:none}.nav-item-user{cursor:default}.nav-item-user:hover{color:var(--text-muted);background:transparent}.nav-sep{width:1px;height:20px;background:var(--border);margin:0 4px;flex-shrink:0}.nav-right{margin-left:auto;display:flex;align-items:center}.nav-swatch{width:9px;height:9px;border:1px solid rgba(128,96,48,.5);flex-shrink:0}.nav-disco-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0}.nav-item.active .nav-disco-dot{opacity:1;box-shadow:0 0 6px currentColor}.nav-soon-label{font-family:var(--font-body);font-size:11px;font-style:italic;color:var(--text-muted);letter-spacing:0;margin-left:2px}.btn-ghost{font-family:var(--font-pixel);font-size:12px;font-weight:500;background:transparent;border:var(--px) solid var(--border);color:var(--text);padding:5px 10px;letter-spacing:.02em}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{font-family:var(--font-pixel);font-size:10px;background:var(--accent);border:var(--px) solid var(--accent-hi);color:var(--bg);padding:10px 14px;width:100%;text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--px) var(--px) 0 var(--shadow)}.btn-primary:hover{background:var(--accent-hi)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.theme-icon{font-size:14px;line-height:1}.hg-shell{position:relative;z-index:1;display:grid;grid-template-columns:1fr 300px;grid-template-rows:1fr;gap:16px;padding:16px;height:calc(100vh - var(--nav-h));min-height:0}.hg-sidebar{display:flex;flex-direction:column;padding:12px;min-height:0}.hg-sidebar-header{font-family:var(--font-pixel);font-size:10px;color:var(--accent);letter-spacing:.1em;padding:4px 4px 12px;border-bottom:2px dashed var(--border);margin-bottom:12px;text-align:center}.hg-sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}.hg-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 8px;background:transparent;border:var(--px) solid transparent;color:var(--text-muted);font-family:var(--font-pixel);font-size:13px;font-weight:600;letter-spacing:.02em;text-align:left;text-transform:uppercase;transition:color .1s,background .1s,border-color .1s}.hg-sidebar-item:hover{color:var(--text);background:var(--bg-2);border-color:var(--border)}.hg-sidebar-item.active{color:var(--accent);background:var(--bg-2);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.hg-sidebar-icon{font-size:16px;line-height:1;width:20px;text-align:center}.hg-sidebar-label{flex:1}.hg-sidebar-soon{font-family:var(--font-body);font-size:13px;color:var(--text-muted);opacity:.7;text-transform:lowercase;letter-spacing:0}.hg-sidebar-item.soon{opacity:.5;cursor:default}.hg-sidebar-item.soon:hover{color:var(--text-muted);background:transparent;border-color:transparent}.hg-sidebar-footer{margin-top:12px;padding-top:12px;border-top:2px dashed var(--border);font-family:var(--font-pixel);font-size:11px;font-weight:500;color:var(--text-muted);text-align:center}.hg-stage{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.hg-video-wrap{flex:1;min-height:0;position:relative;background:#000;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.hg-video{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;background:#000}.hg-video-title{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none;padding:20px 24px 48px;background:linear-gradient(to bottom,rgba(0,0,0,.72) 0%,transparent 100%);display:flex;align-items:baseline;gap:10px}.hg-video-title-name{font-family:var(--font-pixel);font-size:clamp(18px,2.8vw,32px);font-weight:700;color:#fff;letter-spacing:.06em;line-height:1}.hg-video-title-word{font-family:var(--font-pixel);font-size:clamp(18px,2.8vw,32px);font-weight:700;color:var(--accent);letter-spacing:.06em;line-height:1}.hg-video-title-badge{font-family:var(--font-pixel);font-size:clamp(7px,.9vw,10px);letter-spacing:.08em;padding:4px 7px;margin-left:4px;align-self:center}.hg-video-title-badge.on{background:var(--live);color:#fff;animation:live-badge-pulse 2.4s ease-in-out infinite}.hg-video-title-badge.off{background:#ffffff1f;color:#ffffff80}@keyframes live-badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.hg-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hg-offline-logo{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.55;-webkit-user-select:none;user-select:none}.hg-offline-icon{font-size:56px;line-height:1}.hg-offline-title{font-family:var(--font-pixel);font-size:28px;font-weight:700;color:var(--accent);letter-spacing:.08em}.hg-offline-live{font-family:var(--font-pixel);font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.4em;border:1px solid var(--border);padding:3px 12px}.hg-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.5}.hg-view-toggle{pointer-events:auto;margin-left:auto;align-self:center;font-family:var(--font-pixel);font-size:clamp(8px,1vw,11px);color:#fff;background:#00000073;border:var(--px) solid rgba(255,255,255,.4);padding:7px 10px;letter-spacing:.06em;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.hg-view-toggle:hover{background:var(--accent);color:var(--bg);border-color:var(--accent-hi)}.hg-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:3px;background:var(--border)}.hg-grid-loading{display:flex;align-items:center;justify-content:center;background:#000}.hg-grid-tile{position:relative;background:#000;border:none;padding:0;overflow:hidden;cursor:pointer;min-width:0;min-height:0}.hg-grid-tile .hg-video{width:100%;height:100%}.hg-grid-tile .hg-video-placeholder .hg-offline-icon{font-size:32px}.hg-grid-tile .hg-video-placeholder .hg-offline-title{font-size:14px}.hg-grid-tile .hg-video-placeholder .hg-offline-live{font-size:8px;letter-spacing:.2em}.hg-grid-label{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:7px;padding:8px 10px;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);pointer-events:none}.hg-grid-name{font-family:var(--font-pixel);font-size:clamp(9px,1.1vw,12px);color:#fff;letter-spacing:.04em}.hg-grid-dot{width:9px;height:9px;flex-shrink:0}.hg-grid-dot.on{background:var(--live);animation:live-badge-pulse 2.4s ease-in-out infinite}.hg-grid-dot.off{background:#ffffff4d}.hg-controls{padding:14px 16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.ctrl-layout{display:flex;align-items:center;gap:20px;min-width:0;height:100%}.ctrl-left-group{display:flex;flex-direction:row;gap:10px;flex-shrink:0;align-self:center}.ctrl-frame{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;border:var(--px) solid var(--border);background:var(--surface)}.ctrl-frame-title{font-family:var(--font-pixel);font-size:9px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.ctrl-frame-soon{font-family:var(--font-body);font-size:11px;color:var(--text-muted);opacity:.6;font-style:italic}.ctrl-arrow-btn{width:40px;height:40px;flex-shrink:0;background:var(--surface-2);border:var(--px) solid var(--border);box-shadow:3px 3px 0 var(--shadow);color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .05s,background .1s,border-color .1s,color .1s}.ctrl-arrow-btn:hover:not(:disabled){background:var(--surface);border-color:var(--accent);color:var(--accent)}.ctrl-arrow-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}.ctrl-arrow-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.ctrl-dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px}.ctrl-action-btns{display:flex;flex-direction:column;gap:6px;width:100%}.ctrl-action-large{width:100%;padding:12px 8px;background:var(--surface-2);border:var(--px) solid var(--border);color:var(--text-muted);font-family:var(--font-pixel);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:center;opacity:.45;cursor:default;white-space:nowrap}.ctrl-switch{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ctrl-switch-label{font-family:var(--font-pixel);font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.ctrl-switch-row{display:flex;align-items:center;gap:16px;justify-content:center}.ctrl-stream-info{width:220px;min-width:220px;display:flex;flex-direction:column;align-items:center;gap:4px}.ctrl-stream-name{font-family:var(--font-pixel);font-size:16px;font-weight:700;color:var(--accent);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ctrl-stream-counter{font-family:var(--font-body);font-size:12px;color:var(--text-muted)}.ctrl-live{font-family:var(--font-pixel);font-size:11px;font-weight:600;letter-spacing:.06em}.ctrl-live.on{color:var(--live-green)}.ctrl-live.off{color:var(--text-muted)}@keyframes disco-hue{0%{filter:hue-rotate(0deg) saturate(1.9) brightness(1.07)}to{filter:hue-rotate(360deg) saturate(1.9) brightness(1.07)}}.app.disco .hg-controls{animation:disco-hue 3s linear infinite;animation-delay:-1s}.app.disco .hg-chat-panel{animation:disco-hue 3s linear infinite;animation-delay:-2s}.app.disco .hg-video-wrap{animation:disco-hue 3s linear infinite;animation-delay:-.5s}.app.disco .nav{animation:disco-hue 3s linear infinite;animation-delay:-.8s}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;touch-action:none}.knob-label{font-family:var(--font-pixel);font-size:8px;color:var(--text-muted);letter-spacing:.12em}.knob{position:relative;width:68px;height:68px;border-radius:50%;cursor:grab}.knob:active{cursor:grabbing}.knob-ticks{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:repeating-conic-gradient(from 225deg,var(--border) 0deg 1.5deg,transparent 1.5deg 27deg);-webkit-mask:radial-gradient(circle,transparent 78%,black 79%,black 100%);mask:radial-gradient(circle,transparent 78%,black 79%,black 100%)}.knob-arc{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:conic-gradient(from 225deg,var(--accent) 0deg,var(--accent) calc(var(--pct) * 270deg),transparent calc(var(--pct) * 270deg + .5deg),transparent 270deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 62%,black 63%,black 75%,transparent 76%);mask:radial-gradient(circle,transparent 62%,black 63%,black 75%,transparent 76%);opacity:.9}.knob:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--surface-2) 0%,var(--bg-2) 100%);border:var(--px) solid var(--border);box-shadow:3px 3px 0 var(--shadow),inset 0 0 0 2px var(--bg)}.knob:hover:before{border-color:var(--accent)}.knob-dial{position:absolute;top:50%;left:50%;width:4px;height:20px;background:var(--accent);transform-origin:50% 100%;transform:translate(-50%,-100%);box-shadow:0 0 0 1px var(--shadow);z-index:2;pointer-events:none}.knob-center{position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--accent);border:2px solid var(--shadow);transform:translate(-50%,-50%);z-index:3;pointer-events:none}.knob-value{font-family:var(--font-pixel);font-size:8px;color:var(--text);letter-spacing:.08em;min-width:24px;text-align:center}.hg-chat-panel{display:flex;flex-direction:column;min-height:0;padding:0;overflow:hidden}.hg-chat-header{font-family:var(--font-pixel);font-size:10px;color:var(--accent);letter-spacing:.1em;padding:12px;border-bottom:var(--px) solid var(--border);background:var(--bg-2);display:flex;align-items:center;justify-content:space-between}.hg-chat-empty{padding:20px;text-align:center;color:var(--text-muted);font-family:var(--font-pixel);font-size:9px}.hg-chat-panel .chat{background:transparent;border:none;flex:1;min-height:0}.hg-chat-panel .chat-header{display:none}.hg-mobile-bar{display:none;align-items:center;gap:6px;padding:6px;background:var(--bg-2);border:var(--px) solid var(--border);flex:none}.hg-mbar-btn{width:46px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--surface-2);border:var(--px) solid var(--border);color:var(--text)}.hg-mbar-btn.active{background:var(--accent);border-color:var(--accent-hi);color:var(--bg)}.hg-mbar-btn:active{transform:translate(1px,1px)}.hg-mbar-switch{flex:1;min-width:0;display:flex;align-items:center;gap:4px;height:42px;background:var(--surface-2);border:var(--px) solid var(--border);padding:0 4px}.hg-mbar-switch button{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);font-size:16px}.hg-mbar-switch button:active{transform:scale(.9)}.hg-mbar-name{flex:1;min-width:0;text-align:center;font-family:var(--font-pixel);font-size:10px;color:var(--text);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hg-mbar-label{height:42px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:var(--px) solid var(--border);color:var(--text-muted)}.mobile-only{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0612b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{max-width:480px;width:100%;padding:0;animation:modal-pop .15s steps(3) both}@keyframes modal-pop{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:var(--px) solid var(--border);background:var(--bg-2)}.modal-body{padding:20px 18px;display:flex;flex-direction:column;gap:14px;font-size:18px;color:var(--text)}.modal-intro{color:var(--accent);font-size:20px}.modal-body .pixel-btn-primary{align-self:flex-start;margin-top:6px}.hens-page{max-width:880px;width:100%;margin:0 auto;padding:32px 20px 64px}.hens-detail-wrap{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.dex-back{font-family:var(--font-pixel);font-size:10px;color:var(--accent);background:var(--surface);border:var(--px) solid var(--border);padding:9px 12px;letter-spacing:.06em;cursor:pointer;transition:background .1s,border-color .1s}.dex-back:hover{background:var(--bg-2);border-color:var(--accent)}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dex-card{display:flex;flex-direction:column;padding:0;background:var(--bg-2);border:var(--px) solid var(--border);box-shadow:3px 3px 0 var(--shadow);cursor:pointer;text-align:left;overflow:hidden;transition:transform .08s,box-shadow .08s,border-color .08s}.dex-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--shadow);border-color:var(--accent)}.dex-card:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--shadow)}.dex-card-photo{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg)}.dex-card-photo img{width:100%;height:100%;object-fit:cover;display:block}.dex-card-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.45}.dex-card-label{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-top:var(--px) solid var(--border)}.dex-card-name{font-family:var(--font-pixel);font-size:11px;color:var(--accent);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-card-name.unnamed{color:var(--text-muted)}.dex-card-tag{font-family:var(--font-pixel);font-size:7px;color:var(--live);letter-spacing:.1em}.dex-detail{width:100%;display:grid;grid-template-columns:300px 1fr;gap:18px;align-content:start}.dex-photo{position:relative;aspect-ratio:4 / 5;border:var(--px) solid var(--border);box-shadow:inset 0 0 0 2px var(--bg),3px 3px 0 var(--shadow);overflow:hidden;background:var(--bg)}.dex-photo img{width:100%;height:100%;object-fit:cover;display:block}.dex-photo-badge{position:absolute;top:8px;left:8px;font-family:var(--font-pixel);font-size:8px;letter-spacing:.1em;color:var(--bg);background:var(--accent);padding:4px 7px}.dex-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0,rgba(0,0,0,.14) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.5}.dex-detail-body{display:flex;flex-direction:column;gap:12px;min-width:0}.dex-detail-name{font-family:var(--font-pixel);font-size:18px;color:var(--accent);letter-spacing:.05em;margin:0}.dex-detail-name.unnamed{color:var(--text-muted);font-size:14px}.hen-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.hen-meta-item{background:var(--bg-2);border:var(--px) solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}.hen-meta-k{font-family:var(--font-pixel);font-size:8px;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase}.hen-meta-v{font-family:var(--font-pixel);font-size:11px;line-height:1.3;color:var(--accent);letter-spacing:.02em;overflow-wrap:anywhere}.dex-detail-desc{font-size:17px;line-height:1.45;color:var(--text);margin:0}.dex-vote-section{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:14px;background:var(--bg-2);border:var(--px) solid var(--border)}.dex-vote-heading{display:flex;flex-direction:column;gap:4px}.dex-vote-title{font-family:var(--font-pixel);font-size:11px;color:var(--text);letter-spacing:.06em}.dex-vote-sub{font-size:14px;color:var(--text-muted)}.dex-name-form{display:flex;gap:8px}.dex-name-input{flex:1;min-width:0;padding:9px 10px;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);font-family:var(--font-body);font-size:16px}.dex-name-input:focus{outline:none;border-color:var(--accent)}.dex-name-submit{flex-shrink:0;padding:0 14px;background:var(--accent);border:var(--px) solid var(--accent-hi);color:var(--bg);font-family:var(--font-pixel);font-size:10px;letter-spacing:.06em;cursor:pointer}.dex-name-submit:disabled{opacity:.5;cursor:default}.dex-vote-error{color:var(--live);font-size:14px;margin:0}.dex-vote-empty{color:var(--text-muted);font-size:14px;margin:4px 0}.dex-name-list{display:flex;flex-direction:column;gap:6px}.dex-name-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:var(--bg);border:var(--px) solid var(--border)}.dex-name-row.leading{border-color:var(--accent)}.dex-name-vote{display:flex;flex-direction:column;align-items:center;min-width:38px;padding:4px 6px;background:var(--bg-2);border:var(--px) solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font-pixel);transition:background .1s,border-color .1s,color .1s}.dex-name-vote:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dex-name-vote.voted{background:var(--accent);border-color:var(--accent-hi);color:var(--bg);cursor:default}.dex-name-arrow{font-size:9px;line-height:1}.dex-name-count{font-size:11px;line-height:1.4}.dex-name-text{flex:1;min-width:0;font-family:var(--font-body);font-size:18px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-name-crown{flex-shrink:0;font-family:var(--font-pixel);font-size:7px;color:var(--accent);letter-spacing:.08em}.container{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1.5rem 1.25rem}.stream-card{background:var(--surface);border:var(--px) solid var(--border);overflow:hidden;display:block;box-shadow:var(--px) var(--px) 0 var(--shadow)}.stream-card:hover{border-color:var(--accent)}.stream-thumb{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.stream-thumb video{width:100%;height:100%;object-fit:cover}.stream-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);font-family:var(--font-pixel);font-size:9px}.stream-placeholder-icon{font-size:2rem;opacity:.4}.live-badge{position:absolute;top:6px;left:6px;background:var(--live);color:#fff;font-family:var(--font-pixel);font-size:8px;padding:4px 6px;letter-spacing:.1em}.stream-info{padding:.75rem}.stream-name{font-family:var(--font-pixel);font-size:10px;color:var(--accent)}.stream-desc{font-size:14px;color:var(--text-muted);margin-top:4px}.watch-layout{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;height:calc(100vh - var(--nav-h))}.watch-video-wrap{grid-column:1;background:#000;display:flex;align-items:center;justify-content:center}.watch-video-wrap video{width:100%;max-height:calc(100vh - var(--nav-h) - 48px);display:block}.watch-info{grid-column:1;padding:12px;border-top:var(--px) solid var(--border);font-family:var(--font-pixel);font-size:10px;color:var(--accent)}.watch-chat{grid-column:2;grid-row:1 / 3;border-left:var(--px) solid var(--border)}.chat{display:flex;flex-direction:column;height:100%;background:var(--surface)}.chat-header{padding:10px 12px;font-family:var(--font-pixel);font-size:9px;border-bottom:var(--px) solid var(--border);color:var(--accent);letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between}.chat-online{font-family:var(--font-body);font-size:15px;color:var(--live-green);letter-spacing:0;opacity:.85}.chat-online-bar{padding:5px 12px;font-family:var(--font-body);font-size:13px;color:var(--text-muted);background:var(--bg-2);border-bottom:var(--px) solid var(--border);display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.chat-online-bar:hover{color:var(--text)}.chat-online-expand{margin-left:auto;font-size:10px}.chat-users-list{background:var(--bg-2);border-bottom:var(--px) solid var(--border);padding:4px 12px 6px}.chat-users-item{font-family:var(--font-body);font-size:13px;color:var(--text-muted);padding:1px 0}.chat-users-item:before{content:"— "}.chat-online-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.chat-online-dot.active{background:var(--live-green)}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;font-size:17px}.chat-msg{word-break:break-word;display:flex;flex-direction:column}.chat-ts{font-size:11px;color:var(--text-muted);letter-spacing:.02em}.chat-msg .username{color:var(--accent);margin-right:6px}.chat-system{font-size:15px;color:var(--text-muted);font-style:italic}.chat-form{display:flex;gap:6px;padding:10px;border-top:var(--px) solid var(--border);background:var(--bg-2)}.chat-input{flex:1;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);padding:8px 10px;font-family:var(--font-body);font-size:16px;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-muted)}.chat-send{background:var(--accent);border:var(--px) solid var(--accent-hi);color:var(--bg);font-family:var(--font-pixel);font-size:9px;padding:6px 10px;letter-spacing:.06em}.chat-send:hover:not(:disabled){background:var(--accent-hi)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.auth-wrap{display:flex;align-items:center;justify-content:center;padding:3rem 1.25rem;min-height:calc(100vh - var(--nav-h))}.auth-card{background:var(--surface);border:var(--px) solid var(--border);box-shadow:var(--px) var(--px) 0 var(--shadow);padding:24px;width:100%;max-width:380px}.auth-title{font-family:var(--font-pixel);font-size:14px;color:var(--accent);margin-bottom:18px}.auth-tabs{display:flex;margin-bottom:18px;border-bottom:var(--px) solid var(--border)}.auth-tab{background:none;border:none;color:var(--text-muted);padding:8px 14px;font-family:var(--font-pixel);font-size:9px;border-bottom:3px solid transparent;margin-bottom:-2px;letter-spacing:.06em}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.form-group{margin-bottom:14px}.form-label{display:block;font-family:var(--font-pixel);font-size:8px;color:var(--text-muted);margin-bottom:6px;letter-spacing:.08em}.form-input{width:100%;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);padding:8px 10px;font-family:var(--font-body);font-size:16px;outline:none}.form-input:focus{border-color:var(--accent)}.form-error{color:var(--live);font-size:14px;margin-top:8px}.offline-placeholder{width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);background:#0a0b0f;font-family:var(--font-pixel);font-size:10px;letter-spacing:.08em}.page-loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-muted);font-family:var(--font-pixel);font-size:10px}.admin-page{display:flex;flex-direction:column;height:calc(100vh - var(--nav-h))}.admin-tabs{display:flex;border-bottom:var(--px) solid var(--border);background:var(--bg-2);padding:0 1rem}.admin-tab{background:none;border:none;color:var(--text-muted);padding:12px 14px;font-family:var(--font-pixel);font-size:9px;border-bottom:3px solid transparent;margin-bottom:-2px;letter-spacing:.06em}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-body{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;max-width:900px;width:100%;margin:0 auto}.admin-section{display:flex;flex-direction:column;gap:1rem}.admin-section-header{display:flex;align-items:center;justify-content:space-between}.admin-section-header h2{font-family:var(--font-pixel);font-size:12px;color:var(--accent)}.admin-subheader{font-family:var(--font-pixel);font-size:9px;color:var(--text-muted);margin-top:.5rem;letter-spacing:.06em}.admin-empty{color:var(--text-muted);font-size:15px;padding:1rem 0}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.health-card{background:var(--surface);border:var(--px) solid var(--border);padding:12px;display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;flex-shrink:0}.health-label{font-family:var(--font-pixel);font-size:9px}.health-status{font-size:14px;color:var(--text-muted);margin-top:2px}.live-tick{font-size:12px;color:var(--text-muted);font-family:var(--font-pixel)}.cam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.cam-card{background:var(--surface);border:var(--px) solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px}.cam-card.is-down{border-color:var(--live)}.cam-card.is-warn{border-color:var(--accent)}.cam-card-top{display:flex;align-items:center;gap:10px}.cam-card-name{min-width:0}.cam-metrics{display:flex;gap:18px}.cam-metric{display:flex;flex-direction:column;gap:2px}.cam-metric span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cam-metric strong{font-size:15px;font-variant-numeric:tabular-nums}.hist-list{display:flex;flex-direction:column;gap:12px}.hist-row{display:flex;flex-direction:column;gap:5px}.hist-head{display:flex;justify-content:space-between;align-items:baseline}.hist-stats{display:flex;gap:12px;font-size:13px;font-variant-numeric:tabular-nums}.hist-pct.good{color:var(--live-green)}.hist-pct.warn{color:var(--accent)}.hist-pct.bad{color:var(--live)}.hist-flaps{color:var(--text-muted)}.timeline{display:flex;width:100%;height:10px;border:var(--px) solid var(--border);overflow:hidden}.timeline-empty{background:var(--surface)}.timeline-seg{height:100%}.timeline-seg.up{background:var(--live-green)}.timeline-seg.down{background:var(--live)}.range-toggle{display:flex;gap:4px}.range-btn{font-family:var(--font-pixel);font-size:9px;padding:4px 8px;background:var(--surface);border:var(--px) solid var(--border);color:var(--text-muted);cursor:pointer}.range-btn.active{color:var(--accent);border-color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}.stat-box{background:var(--surface);border:var(--px) solid var(--border);padding:14px 16px}.stat-num{font-family:var(--font-pixel);font-size:28px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.stat-unit{font-size:13px;color:var(--text-muted)}.stat-cap{font-size:12px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.04em}.chart-block{margin-top:14px}.chart-head{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:5px}.chart-peak{font-variant-numeric:tabular-nums}.trend-chart{width:100%;height:130px;display:block;background:var(--surface);border:var(--px) solid var(--border)}.trend-area{fill:var(--accent);opacity:.16}.trend-line{fill:none;stroke:var(--accent);stroke-width:2}.chart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:3px}.chart-empty{height:130px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:var(--px) solid var(--border);color:var(--text-muted);font-size:13px}.bars{display:flex;align-items:flex-end;gap:3px;height:110px;padding:6px;background:var(--surface);border:var(--px) solid var(--border)}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:3px}.bar-fill{width:100%;background:var(--live-green);min-height:2px}.bar-x{font-size:9px;color:var(--text-muted)}.usage-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.country-list{display:flex;flex-direction:column;gap:6px;padding-top:4px}.country-row{display:grid;grid-template-columns:56px 1fr 32px;align-items:center;gap:8px;font-size:13px}.country-name{font-variant-numeric:tabular-nums}.country-bar{height:10px;background:var(--surface);border:var(--px) solid var(--border)}.country-bar-fill{height:100%;background:var(--accent)}.country-count{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}@media(max-width:640px){.usage-cols{grid-template-columns:1fr}}.config-group{display:flex;flex-direction:column;gap:6px}.config-hint{font-size:14px;color:var(--text-muted);font-style:italic}.config-note{background:var(--surface);border:var(--px) solid var(--border);padding:10px;font-size:14px;color:var(--text-muted);margin-top:8px}.camera-list{display:flex;flex-direction:column;gap:10px}.camera-row{background:var(--surface);border:var(--px) solid var(--border);padding:12px;display:flex;gap:10px;align-items:flex-start}.camera-fields{flex:1;display:grid;grid-template-columns:80px 1fr 1fr;gap:8px}.camera-field-wide{grid-column:1 / -1}.camera-field-group{display:flex;flex-direction:column;gap:4px}.font-mono{font-family:var(--font-body);font-size:15px}.btn-remove{background:none;border:var(--px) solid var(--border);color:var(--text-muted);width:32px;height:32px;font-size:12px}.btn-remove:hover{border-color:var(--live);color:var(--live)}.btn-add-camera{background:none;border:2px dashed var(--border);color:var(--text-muted);padding:10px;width:100%;font-family:var(--font-pixel);font-size:9px;letter-spacing:.06em}.btn-add-camera:hover{border-color:var(--accent);color:var(--accent)}.console{flex:1;background:#080a0f;border:var(--px) solid var(--border);padding:10px;font-family:var(--font-body);font-size:15px;line-height:1.5;overflow-y:auto;max-height:calc(100vh - 220px);color:#b0bec5}.console-empty{color:var(--text-muted);font-style:italic}.console-line{white-space:pre-wrap;word-break:break-all}.console-error{color:#ef9a9a}.console-warn{color:#ffe082}@media(max-width:1100px){.hg-shell{grid-template-columns:1fr 260px;gap:12px;padding:12px}.nav-link{font-size:9px;padding:6px 9px}}@media(max-width:900px){.hg-shell{grid-template-columns:1fr 220px;gap:10px}.ctrl-arrow-btn{width:34px;height:34px;font-size:16px;box-shadow:2px 2px 0 var(--shadow)}.ctrl-dpad{grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px)}.ctrl-stream-info{width:160px;min-width:160px}.ctrl-stream-name{font-size:11px}.nav-center{gap:0}}@media(max-width:720px),(orientation:landscape)and (max-height:540px){.nav-center{display:none}.nav-logo{font-size:9px}.theme-btn-label{display:none}.nav{padding:0 2px}.nav-item{padding:0 9px;gap:5px}.nav-sep{display:none}.hg-shell{display:flex;flex-direction:column;gap:6px;padding:6px;height:auto;min-height:calc(100dvh - var(--nav-h))}.hg-stage{display:flex;flex-direction:column;gap:6px;min-height:0}.hg-video-title,.hg-controls,.hg-view-toggle{display:none}.hg-mobile-bar{display:flex}.mobile-only{display:inline-flex}.modal{max-width:100%}.modal-body{font-size:17px}.hens-page{padding:20px 12px 48px}.dex-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dex-detail{grid-template-columns:1fr;gap:14px}.dex-photo{width:100%;max-width:300px;margin:0 auto}}@media(max-width:720px)and (orientation:portrait){.shell-single .hg-video-wrap{aspect-ratio:16 / 9;flex:none}.shell-single .hg-chat-panel{flex:none;height:clamp(220px,42vh,440px);min-height:0}.shell-single .hg-chat-header .pixel-btn-close,.hg-mbar-chat{display:none}.shell-grid{height:calc(100dvh - var(--nav-h))}.shell-grid .hg-stage{flex:1;min-height:0}.shell-grid .hg-video-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.shell-grid .hg-grid{grid-template-columns:1fr;grid-auto-rows:auto;height:auto}.shell-grid .hg-grid-tile{aspect-ratio:16 / 9}.shell-grid .hg-chat-panel{display:none}}@media(orientation:landscape)and (max-height:540px){.hg-shell{height:calc(100dvh - var(--nav-h));min-height:0;overflow:hidden}.hg-stage,.hg-video-wrap{flex:1;min-height:0}.hg-chat-panel{position:fixed;bottom:0;left:0;right:0;height:80vh;max-height:80vh;transform:translateY(100%);transition:transform .25s ease;z-index:60}.hg-chat-panel.open{transform:translateY(0)}.shell-grid .hg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;height:100%}.shell-grid .hg-grid-tile{aspect-ratio:auto}}@media(max-width:380px){.ctrl-arrow-btn{width:28px;height:28px;font-size:12px}.ctrl-dpad{grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:3px}.ctrl-stream-info{width:120px;min-width:120px}.ctrl-layout{gap:8px}.ctrl-left-group{gap:6px}}.inbox-page{max-width:680px;margin:0 auto;padding:32px 20px 64px}.inbox-header{margin-bottom:28px}.inbox-title{font-family:var(--font-pixel);font-size:22px;font-weight:700;color:var(--text);letter-spacing:.06em;margin-bottom:6px}.inbox-subtitle{font-size:13px;color:var(--text-muted)}.inbox-form{background:var(--surface);border:var(--px) solid var(--border);padding:16px;margin-bottom:32px}.inbox-textarea{width:100%;min-height:90px;resize:vertical;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;padding:10px 12px;outline:none;display:block}.inbox-textarea:focus{border-color:var(--border-hi)}.inbox-char-count{text-align:right;font-size:11px;color:var(--text-muted);margin:4px 0 10px}.inbox-form-row{display:flex;gap:8px}.inbox-input{flex:1;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;padding:8px 12px;outline:none}.inbox-input:focus{border-color:var(--border-hi)}.inbox-submit-btn{background:var(--accent);color:var(--bg);border:none;font-family:var(--font-pixel);font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 16px;cursor:pointer;white-space:nowrap;transition:background .15s}.inbox-submit-btn:hover:not(:disabled){background:var(--accent-hi)}.inbox-submit-btn:disabled{opacity:.4;cursor:not-allowed}.inbox-error{margin-top:10px;font-size:12px;color:var(--live)}.inbox-success{margin-top:10px;font-size:12px;color:var(--live-green)}.inbox-list{display:flex;flex-direction:column;gap:10px}.inbox-empty{font-size:13px;color:var(--text-muted);padding:24px 0;text-align:center}.inbox-card{display:flex;gap:0;background:var(--surface);border:var(--px) solid var(--border);transition:border-color .15s}.inbox-card.voted{border-color:var(--accent)}.inbox-vote-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;padding:12px 8px;background:var(--surface-2);border:none;border-right:var(--px) solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.inbox-vote-btn:hover:not(:disabled){background:var(--bg-2);color:var(--accent)}.inbox-vote-btn.voted{color:var(--accent);cursor:default}.inbox-vote-arrow{font-size:14px;line-height:1}.inbox-vote-count{font-family:var(--font-pixel);font-size:11px;font-weight:700}.inbox-card-body{padding:14px 16px;flex:1;min-width:0}.inbox-card-text{font-size:14px;color:var(--text);line-height:1.5;word-break:break-word;margin-bottom:6px}.inbox-card-meta{font-size:11px;color:var(--text-muted)}@media(max-width:600px){.inbox-page{padding:20px 12px 48px}.inbox-form-row{flex-direction:column}.inbox-submit-btn{width:100%;padding:10px}}.evt-page{max-width:680px;margin:0 auto;padding:32px 20px 64px}.evt-form{padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.evt-form-title{font-family:var(--font-pixel);font-size:11px;color:var(--accent);letter-spacing:.08em;margin:0}.evt-form-row{display:flex;gap:10px}.evt-input{flex:1;min-width:0;padding:10px;background:var(--bg);border:var(--px) solid var(--border);color:var(--text);font-family:var(--font-body);font-size:16px}.evt-input:focus{outline:none;border-color:var(--accent)}.evt-textarea{resize:vertical;min-height:52px}.evt-error{color:var(--live);font-size:14px;margin:0}.evt-submit{align-self:flex-start;padding:10px 16px;background:var(--accent);border:var(--px) solid var(--accent-hi);color:var(--bg);font-family:var(--font-pixel);font-size:10px;letter-spacing:.06em;cursor:pointer}.evt-submit:disabled{opacity:.5;cursor:default}.evt-list{display:flex;flex-direction:column;gap:12px}.evt-card{display:flex;align-items:stretch;gap:12px;padding:14px 16px}.evt-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.evt-card-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.evt-card-title{font-family:var(--font-pixel);font-size:14px;color:var(--accent);letter-spacing:.03em}.evt-card-countdown{font-family:var(--font-pixel);font-size:9px;color:var(--bg);background:var(--live-green);padding:3px 7px;letter-spacing:.05em}.evt-card-time{font-size:13px;color:var(--text-muted);letter-spacing:.02em}.evt-card-desc{font-size:16px;line-height:1.4;color:var(--text);margin:0}.evt-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.evt-reminder{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:19px;background:var(--surface-2);border:var(--px) solid var(--border);cursor:pointer}.evt-reminder:hover{border-color:var(--accent)}.evt-reminder:active{transform:translate(1px,1px)}.evt-delete{width:34px;height:34px;background:transparent;border:var(--px) solid var(--border);color:var(--text-muted);font-size:13px;cursor:pointer}.evt-delete:hover{border-color:var(--live);color:var(--live)}.evt-ticker{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-2);border-bottom:var(--px) solid var(--border);cursor:pointer;flex-shrink:0}.evt-ticker:hover{background:var(--surface-2)}.evt-ticker-label{font-family:var(--font-pixel);font-size:8px;color:var(--text-muted);letter-spacing:.1em;flex-shrink:0}.evt-ticker-name{flex:1;min-width:0;font-family:var(--font-pixel);font-size:10px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-ticker-cd{font-family:var(--font-pixel);font-size:9px;color:var(--bg);background:var(--live-green);padding:3px 6px;flex-shrink:0}.evt-ticker-bell{flex-shrink:0;background:transparent;border:none;font-size:15px;cursor:pointer;padding:0 2px}.user-list{display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface);border:var(--px) solid var(--border)}.user-info{display:flex;align-items:center;gap:8px;min-width:0}.user-name{font-weight:600}.user-badge{font-family:var(--font-pixel);font-size:7px;letter-spacing:.08em;padding:2px 6px;border:var(--px) solid var(--border)}.user-badge.admin{color:var(--accent)}.user-badge.editor,.user-toggle.on{color:var(--live-green)}@media(max-width:720px),(orientation:landscape)and (max-height:540px){.evt-page{padding:20px 12px 48px}}