*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#e0e0e0;min-height:100vh;overflow-x:hidden;width:100%;display:flex;flex-direction:column}@media (max-width:900px),(orientation:portrait){body,html{height:auto!important;min-height:100vh!important;overflow:auto!important}body{display:flex;flex-direction:column;gap:0!important;align-items:stretch;justify-content:flex-start}.container:has(.dashboard-container),.container:has(.privacy-container),.container:has(.terms-container){overflow:visible!important;flex:1 1 auto!important;min-height:auto!important}.dashboard-container,.privacy-container,.terms-container{overflow:visible!important}header{order:0;flex-shrink:0}.container{order:1;flex:0 0 auto!important;overflow:visible}.chat-section,.container{margin:0!important;padding:0!important;height:auto}.chat-section{order:2;flex:0 1 auto;min-height:50vh;min-width:0}footer{order:3;flex-shrink:0}}@media (orientation:landscape) and (min-width:901px){body:not(.theater-mode) .chat-section{position:fixed!important;top:var(--header-height,4.2rem)!important;right:0!important;width:var(--chat-width)!important;height:calc(100vh - var(--header-height, 4.2rem))!important;max-height:calc(100vh - var(--header-height, 4.2rem))!important;order:unset!important}body:not(.theater-mode) .container{padding-right:var(--chat-width)!important}}:root{--header-height:4.2rem;--chat-width:clamp(280px,25vw,450px)}header{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-bottom:1px solid #444;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:101;width:100%;box-sizing:border-box}.header-content{display:flex;align-items:center;justify-content:space-between}.header-content h1{color:#e0e0e0;font-size:1.8rem;font-weight:600}.header-nav{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#e0e0e0;text-decoration:none;font-size:1rem;padding:.5rem 1rem;border:1px solid #444;border-radius:0;transition:all .3s}.nav-link:hover{background:#0f8;color:#000;border-color:#0f8}.container{display:flex;flex-direction:column;gap:0;padding:0 0 1.5rem;padding-right:var(--chat-width);width:100%;flex:1 1;position:relative;z-index:1;min-height:0;box-sizing:border-box}@media (max-width:900px){.container{padding-bottom:0!important}}body.theater-mode{overflow:hidden}body.theater-mode header{display:none}body.theater-mode .container{position:fixed!important;top:0!important;left:0!important;right:var(--chat-width)!important;bottom:0!important;width:calc(100vw - var(--chat-width))!important;height:100vh!important;padding:0!important;margin:0!important;gap:0!important;z-index:1000;background:#000;display:flex!important;flex-direction:column!important;box-sizing:border-box}body.theater-mode .stream-info{display:none}body.theater-mode .main-content-wrapper{gap:0;flex:1 1}body.theater-mode .main-content-wrapper,body.theater-mode .stream-section{height:100%;width:100%;min-height:0;max-height:100%;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0}body.theater-mode .stream-section{align-items:center;justify-content:center;flex:1 1}body.theater-mode .video-wrapper{width:min(100%,calc(100vh * 16 / 9));height:min(100vh,calc((100vw - var(--chat-width)) * 9 / 16));max-width:100%;max-height:100%;aspect-ratio:16/9;border:none;border-radius:0;box-sizing:border-box;margin:0;padding:0;position:relative}body.theater-mode .chat-section{width:var(--chat-width)!important;border:none;border-radius:0;top:0!important;bottom:0!important;left:auto!important;right:0!important;position:fixed!important;display:flex!important;flex-direction:column!important;z-index:1001;opacity:1;margin:0!important;padding:0!important;overflow:hidden;height:100vh!important;max-height:100vh!important;order:unset!important}.main-content-wrapper{gap:0;position:relative}.main-content-wrapper,.stream-section{display:flex;flex-direction:column;width:100%}.stream-section{min-width:0}.video-wrapper{width:100%;background:#000;border-radius:0;overflow:hidden;border:none;position:relative;aspect-ratio:16/9}.theater-mode-btn{position:absolute;top:1rem;right:1rem;z-index:10;background:rgba(60,60,60,.8);border:1px solid #666;border-radius:4px;color:#e0e0e0;font-size:1.2rem;padding:.5rem .75rem;cursor:pointer;transition:opacity .3s ease,background .3s ease,border-color .3s ease,color .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:inherit;line-height:1;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none}.theater-icon{width:20px;height:20px;object-fit:contain;display:inline-block}.theater-close-icon{font-size:1.2rem;line-height:1;display:inline-block}.stream-section:hover .theater-mode-btn,.theater-mode-btn:hover,.video-wrapper:hover .theater-mode-btn{opacity:1;pointer-events:auto}.theater-mode-btn:hover{background:rgba(0,255,136,.2);border-color:#0f8;color:#0f8}body.theater-mode .theater-mode-btn{top:1rem;right:1rem}body.theater-mode .stream-section:hover .theater-mode-btn,body.theater-mode .video-wrapper:hover .theater-mode-btn{opacity:1;pointer-events:auto}@media (max-width:900px){.theater-mode-btn{display:none!important}body.theater-mode .container{max-width:100%!important;margin:0!important;padding:0!important}body.theater-mode .video-wrapper{max-width:100%!important;width:100%!important}body.theater-mode .chat-section{display:flex!important}}.video-player{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);display:flex;align-items:center;justify-content:center}.placeholder-text{color:#666;font-size:1.2rem}.stream-info{padding:1.5rem;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:none;border-top:1px solid #444;border-radius:0;width:100%;height:-moz-fit-content;height:fit-content;box-sizing:border-box;margin:0}.stream-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.stream-info-main{flex:1 1;min-width:0}.stream-title{color:#e0e0e0;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.stream-broadcaster{color:#0f8;font-size:1.1rem;font-weight:500;margin-bottom:.75rem;margin-top:0}button,button:focus{scroll-margin:0}.stream-info-toggle{background:transparent;border:1px solid #444;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:.5rem;min-width:36px;min-height:36px;display:none;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;touch-action:manipulation}.stream-info-toggle:hover{background:#333;border-color:#666;color:#0f8}.stream-info-toggle-icon{display:inline-block;transition:transform .3s;font-size:.9rem}.stream-info.expanded .stream-info-toggle-icon{transform:rotate(0deg)}.stream-info:not(.expanded) .stream-info-toggle-icon{transform:rotate(180deg)}.stream-info-description-wrapper{overflow:visible;transition:max-height .3s ease-out,margin-top .3s ease-out}@media (max-width:900px){.stream-info-description-wrapper{overflow:hidden}}.stream-description{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0}.chat-section{width:var(--chat-width);display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:none;border-left:1px solid #444;border-radius:0;overflow:visible;position:fixed;top:var(--header-height,4.2rem);right:0;height:calc(100vh - var(--header-height, 4.2rem));max-height:calc(100vh - var(--header-height, 4.2rem));z-index:100;min-height:0;box-sizing:border-box;opacity:0;transition:opacity .1s ease-in}.chat-section.header-height-calculated{opacity:1}.chat-header{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:1rem;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.chat-header h2{color:#e0e0e0;font-size:1.2rem;font-weight:600;margin:0}.chat-header-actions{display:flex;gap:.5rem;align-items:center}.viewer-list-wrapper{position:relative}.viewer-list-btn{padding:.4rem .8rem;background:transparent;border:1px solid #666;border-radius:0;color:#e0e0e0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;line-height:1;min-height:32px;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.viewer-list-btn:hover{background:#333;border-color:#888;color:#fff}.viewer-list-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;min-width:250px;max-width:350px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1003;overflow:hidden}.viewer-list,.viewer-list-dropdown{max-height:400px;display:flex;flex-direction:column}.viewer-list{padding:.75rem;gap:.5rem;overflow-y:auto}.viewer-list-placeholder{color:#666;font-size:.85rem;text-align:center;width:100%;padding:.5rem 0;margin:0;font-style:italic}.viewer-item{display:flex;align-items:center;padding:.5rem .75rem;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:4px;font-size:.9rem;color:#e0e0e0;transition:all .2s}.viewer-item:hover{background:rgba(0,255,136,.2);border-color:rgba(0,255,136,.5)}.viewer-item-name{font-weight:500}.viewer-item-mod{border-color:rgba(108,92,231,.5);background:rgba(108,92,231,.1)}.viewer-item-mod:hover{background:rgba(108,92,231,.2);border-color:rgba(108,92,231,.7)}.viewer-item-broadcaster{border-color:rgba(255,170,0,.5);background:rgba(255,170,0,.1)}.viewer-item-broadcaster:hover{background:rgba(255,170,0,.2);border-color:rgba(255,170,0,.7)}.popout-btn{padding:.4rem .8rem;background:transparent;border:1px solid #666;border-radius:0;color:#e0e0e0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;line-height:1;min-height:32px;touch-action:manipulation}.popout-btn:hover{background:#333;border-color:#888;color:#fff}.chat-menu-wrapper{position:relative}.chat-menu-btn{padding:.4rem .25rem;background:transparent;border:none;border-radius:0;color:#e0e0e0;font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .3s;line-height:1;min-height:32px;touch-action:manipulation;display:flex;align-items:center;justify-content:center;letter-spacing:0;width:auto}.chat-menu-btn:hover{color:#0f8;background:transparent}.chat-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1003;overflow:hidden;display:flex;flex-direction:column}.chat-menu-item{padding:.75rem 1rem;background:transparent;border:none;color:#e0e0e0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%;font-family:inherit;display:flex;align-items:center;gap:.5rem}.chat-menu-item:hover{background:rgba(0,255,136,.1);color:#0f8}.chat-menu-item:active{background:rgba(0,255,136,.2)}.auth-btn{padding:.4rem .8rem;background:transparent;border:1px solid #0f8;border-radius:0;color:#0f8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;min-height:32px;touch-action:manipulation}.auth-btn:hover{background:#0f8;color:#000}.clear-messages-btn{padding:.4rem .8rem;background:transparent;border:1px solid #0f8;border-radius:0;color:#0f8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s}.clear-messages-btn:hover{background:#0f8;color:#000}.chat-messages{flex:1 1;min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;padding:1rem;display:flex;flex-direction:column;gap:0;background:#0a0a0a;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,255,136,.3);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,255,136,.5)}.chat-placeholder{color:#666;text-align:center;padding:2rem;font-style:italic}.chat-message{margin:0 -1rem;padding:.5rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.05);position:relative;background-color:transparent}.chat-message:nth-of-type(2n){background-color:hsla(0,0%,100%,.015)}.chat-message:nth-of-type(odd){background-color:transparent}.chat-message:last-child{border-bottom:none}.message-header{display:flex;align-items:baseline;margin-bottom:.25rem;font-size:.85rem;position:relative}.message-header-left{display:block;flex:1 1;padding-right:1.5rem;min-width:0;word-break:break-word;overflow-wrap:break-word;line-height:1.4}.message-header-right{display:flex;align-items:center;gap:.5rem}.message-user-info{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}.user-badge{width:24px;height:24px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;margin:0 .25rem 0 0;vertical-align:middle;align-self:center}.message-username,.user-badge{flex-shrink:0;display:inline-block}.message-username{color:#ccc;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-word;overflow-wrap:break-word}.clickable-username{cursor:pointer;transition:opacity .2s}.clickable-username:hover{opacity:.8}.system-username{color:#fa0;font-weight:600}.system-message{color:#fa0;font-style:italic}.message-time{color:#666;font-size:.75rem}.message-delete-btn{background:transparent;border:none;color:#888;font-size:1.2rem;font-weight:700;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:0;transition:all .2s;opacity:.15;position:absolute;top:-.25rem;right:-.25rem;z-index:10}.message-delete-btn:hover{background:hsla(0,0%,53%,.2);opacity:1;color:#aaa}.message-colon{margin:0 .25rem 0 0;flex-shrink:0;white-space:nowrap;display:inline-block;vertical-align:baseline}.message-colon,.message-text{color:#e0e0e0;line-height:1.4}.message-text{font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;display:inline}.emote{height:auto;max-height:128px;width:auto;display:inline-block;vertical-align:middle;margin:0 2px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.slowmode-indicator{padding:.5rem .75rem;background:linear-gradient(135deg,rgba(255,170,0,.2),rgba(255,140,0,.15));border:1px solid rgba(255,170,0,.4);border-radius:4px;margin:.5rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fa0}.slowmode-icon{font-size:1rem}.slowmode-text{font-weight:600}.chat-input-container{display:flex;gap:.5rem;padding:1rem;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-top:1px solid #444;flex-shrink:0;min-width:0;overflow:visible;z-index:10}.chat-input-wrapper{flex:1 1;display:flex;align-items:center;gap:.5rem;position:relative;min-width:0}.chat-input-container{position:relative}#chat-input{flex:1 1;padding:.75rem;background:#0a0a0a;border:1px solid #444;border-radius:0;color:#e0e0e0;font-size:.9rem;transition:border-color .3s;min-height:44px;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.emote-picker-btn{background:transparent;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:1.2rem;padding:.5rem .75rem;cursor:pointer;transition:all .3s;flex-shrink:0;min-width:44px;min-height:44px;touch-action:manipulation}.emote-picker-btn:hover:not(:disabled){background:#333;border-color:#666}.emote-picker-btn:disabled{opacity:.5;cursor:not-allowed}.emote-picker-wrapper{position:relative;flex-shrink:0}#chat-input:focus{outline:none;border-color:#666}#chat-input:disabled{opacity:.5;cursor:not-allowed}.emote-autocomplete{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;border-radius:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5)}.emote-autocomplete-list{display:flex;flex-direction:column;gap:0}.emote-autocomplete-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #2a2a2a}.emote-autocomplete-item:last-child{border-bottom:none}.emote-autocomplete-item.selected,.emote-autocomplete-item:hover{background:rgba(0,255,136,.1)}.emote-autocomplete-item img{width:32px;height:32px;object-fit:contain;flex-shrink:0}.emote-autocomplete-item-name{color:#e0e0e0;font-size:.9rem;flex:1 1}.emote-autocomplete-item.selected .emote-autocomplete-item-name{color:#0f8;font-weight:600}#send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;border-radius:0;color:#000;font-weight:600;cursor:pointer;transition:all .3s;min-height:44px;touch-action:manipulation;flex-shrink:0;white-space:nowrap}#send-button:hover:not(:disabled){background:linear-gradient(135deg,#00cc6f,#0f8);transform:translateY(-1px)}#send-button:disabled{opacity:.5;cursor:not-allowed}.profile-menu{position:absolute;top:60px;right:0;width:320px;max-height:80vh;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);display:flex;flex-direction:column}.profile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #444;flex-shrink:0}.profile-menu-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.close-menu-btn{background:transparent;border:none;color:#e0e0e0;font-size:1.5rem;font-weight:700;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.close-menu-btn:hover{color:#fff}.profile-menu-content{padding:1rem;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.profile-menu-section{margin-bottom:1rem}.profile-menu-section label{display:block;color:#e0e0e0;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.color-picker-container{display:flex;gap:.5rem;align-items:center;margin-bottom:.75rem}#name-color-picker{width:60px;height:40px;border:1px solid #444;cursor:pointer;background:transparent}#name-color-text{flex:1 1;padding:.5rem;background:#0a0a0a;border:1px solid #444;color:#e0e0e0;font-size:.9rem;font-family:monospace;text-transform:uppercase}#name-color-text:focus{outline:none;border-color:#666}.save-color-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.save-color-btn:hover{background:linear-gradient(135deg,#00cc6f,#0f8)}.profile-menu-divider{height:1px;background:#444;margin:1rem 0}.sign-out-btn{width:100%;padding:.6rem;background:transparent;border:1px solid #666;color:#e0e0e0;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.sign-out-btn:hover{background:#333;border-color:#888}.quick-actions-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;z-index:1001;box-shadow:0 4px 12px rgba(0,0,0,.5)}.quick-actions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #444}.quick-actions-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.quick-actions-content{padding:1rem}.quick-actions-section{margin-bottom:1rem}.quick-actions-section label{display:block;color:#e0e0e0;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.timeout-input{width:100%;padding:.5rem;background:#0a0a0a;border:1px solid #444;color:#e0e0e0;font-size:.9rem}.timeout-input:focus{outline:none;border-color:#666}.quick-actions-buttons{display:flex;flex-direction:column;gap:.75rem}.timeout-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#fa0,#f80);border:none;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.timeout-btn:hover{background:linear-gradient(135deg,#f80,#fa0)}.ban-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#f44,#c00);border:none;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.ban-btn:hover{background:linear-gradient(135deg,#c00,#f44)}.unban-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.unban-btn:hover{background:linear-gradient(135deg,#00cc6f,#0f8)}.remove-timeout-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s}.remove-timeout-btn:hover{background:linear-gradient(135deg,#00cc6f,#0f8)}.make-mod-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#6c5ce7,#5a4fcf);border:none;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border-radius:4px}.make-mod-btn:hover{background:linear-gradient(135deg,#5a4fcf,#6c5ce7)}.view-history-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#00a8ff,#0097e6);border:none;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border-radius:4px}.view-history-btn:hover{background:linear-gradient(135deg,#0097e6,#00a8ff)}.unmod-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#f44,#c00);border:none;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border-radius:4px}.unmod-btn:hover{background:linear-gradient(135deg,#c00,#f44)}.chat-history-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1002;display:flex;align-items:center;justify-content:center}.chat-history-modal-content{width:90%;max-width:800px;max-height:80vh;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.5)}.chat-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #444;flex-shrink:0}.chat-history-modal-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.chat-history-modal-body{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.chat-history-messages{flex:1 1;overflow-y:auto;padding:1rem;max-height:calc(80vh - 80px)}.chat-history-messages .chat-message{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #333}.chat-history-messages .chat-message:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}@media (min-width:901px) and (max-width:1400px) and (orientation:landscape){:root{--chat-width:clamp(320px,30vw,500px)}.container{padding-right:var(--chat-width)}header{padding:.875rem 1.5rem}.header-content h1{font-size:1.6rem}.nav-link{font-size:.95rem;padding:.45rem .9rem}.stream-info{padding:1.25rem 1.5rem}.stream-title{font-size:1.4rem}.stream-broadcaster{font-size:1.05rem}.chat-header{padding:.875rem 1rem}.chat-header h2{font-size:1.1rem}.auth-btn{font-size:.8rem;padding:.35rem .7rem}body.theater-mode .container{right:var(--chat-width);width:calc(100vw - var(--chat-width))}body.theater-mode .chat-section{width:var(--chat-width)}}@media (min-width:601px) and (max-width:900px){body,html{height:100vh;overflow:hidden}body{display:flex;flex-direction:column;gap:0!important}header{flex-shrink:0;padding:.75rem 1rem}.container{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;gap:0!important;flex:0 0 auto!important;height:auto;max-height:50vh;overflow:hidden}.stream-info{padding:.75rem 1rem!important;font-size:.9rem}.stream-title{font-size:1.1rem;margin-bottom:.25rem}.stream-broadcaster{font-size:.95rem}.video-wrapper{max-height:40vh;aspect-ratio:16/9}.chat-section{width:100%!important;min-height:0!important;max-height:none!important;position:relative!important;height:0;flex:1 1;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:1px solid #444;border-top:none}.chat-header{padding:.5rem .75rem;flex-shrink:0}.chat-messages{flex:1 1!important;min-height:0!important;overflow-y:auto!important}.chat-input-container{flex-shrink:0;padding:.75rem;position:relative;z-index:10}}@media (max-width:900px),(orientation:portrait){body,html{height:100dvh!important;height:100vh!important;overflow:auto!important}header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:101!important}.container{display:flex!important;flex-direction:column!important;margin:0!important;gap:0!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;padding:0!important}.container:after{display:none!important;content:none!important}.container>*,.container>.stream-info{margin-bottom:0!important}.main-content-wrapper{display:block;height:auto!important}.main-content-wrapper,.stream-section{margin:0!important;padding:0!important}.stream-section{width:100%}.video-wrapper{max-height:45vh}.chat-section,.video-player,.video-wrapper{margin:0!important;padding:0!important}.chat-section{width:100%!important;min-width:0;max-width:100%;min-height:0!important;max-height:none!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;height:auto!important;min-height:50vh!important;box-sizing:border-box;z-index:1;padding-bottom:0;border:1px solid #444;border-top:none;border-radius:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-header{padding-top:.75rem;padding-bottom:.75rem;margin-top:0;margin-bottom:0}body.theater-mode .container{right:0;width:100vw}body.theater-mode .chat-section{display:none}body.theater-mode .main-content-wrapper{height:100%;width:100%;gap:0;flex:1 1;min-height:0;max-height:100%;box-sizing:border-box;margin:0;padding:0}.stream-info{padding:.75rem 1rem!important;margin:0!important;border-top:1px solid #444;border-bottom:none;min-height:0;transition:none}.main-content-wrapper{padding-bottom:0!important}.container,.main-content-wrapper{margin-bottom:0!important}.stream-info-header{margin-bottom:0}.stream-info-toggle{display:flex}.stream-info-description-wrapper{max-height:500px;margin-top:.75rem;overflow:hidden;transition:max-height .3s ease-out,margin-top .3s ease-out,opacity .3s ease-out}.stream-info.expanded .stream-info-description-wrapper{max-height:0;margin-top:0;opacity:0}.chat-section{flex:1 1;min-height:0}.stream-title{margin-bottom:.4rem;font-size:1.3rem}.stream-broadcaster,.stream-info-header,.stream-info-main{margin-bottom:0!important;padding-bottom:0!important;line-height:1!important}.stream-info{line-height:1!important}.video-wrapper{max-height:none;aspect-ratio:16/9;margin:0}.chat-section{margin-top:0}.message-user-info{max-width:100%}.message-username{max-width:100%}.message-text,.message-username{word-break:break-word;overflow-wrap:break-word}header{padding:.75rem 1rem;width:100%;box-sizing:border-box}.header-content h1{font-size:1.4rem}.nav-link{font-size:.85rem;padding:.4rem .75rem}.chat-header{padding:.75rem .75rem .5rem}.chat-header h2{font-size:1rem}.auth-btn{font-size:.7rem;padding:.3rem .6rem;max-width:100px}.popout-btn{font-size:.8rem;padding:.3rem .6rem}.chat-menu-btn{font-size:1.2rem;padding:.3rem .2rem}.chat-menu-dropdown{min-width:160px}.chat-menu-item{padding:.6rem .75rem;font-size:.85rem}.profile-menu{width:calc(100vw - 2rem);max-width:320px;height:80vh;max-height:80vh;right:1rem;left:auto;overflow:hidden;position:fixed;top:60px;touch-action:none}.quick-actions-menu{width:calc(100vw - 2rem);max-width:350px}.login-modal-content{width:calc(100vw - 2rem);max-width:400px}.emote-picker-popup{width:calc(100vw - 2rem);max-width:300px;right:0;left:auto}.viewer-list-dropdown{min-width:200px;max-width:300px;max-height:350px}.viewer-list{max-height:350px}.stream-title{font-size:1.2rem}.stream-broadcaster{font-size:1rem}.stream-description{font-size:.9rem}}@media (max-width:600px){body,html{height:100dvh!important;height:100vh!important;overflow:auto!important}.container{padding:0;gap:0}header{padding:.5rem .75rem}.header-content,header{width:100%;box-sizing:border-box}.header-content{flex-wrap:wrap;gap:.5rem}.header-content h1{font-size:1.2rem}.header-nav{gap:.75rem}.nav-link{font-size:.75rem;padding:.3rem .6rem}.stream-info{padding:.5rem .75rem 0!important;font-size:.85rem;min-height:0;transition:none}.video-wrapper{max-height:40vh;aspect-ratio:16/9}.stream-title{font-size:1.1rem;margin-bottom:.3rem}.stream-broadcaster{font-size:.95rem;padding-bottom:0;line-height:1.2}.stream-info-header,.stream-info-main{margin-bottom:0;padding-bottom:0}.stream-info{padding:.6rem .75rem!important;margin:0!important;border-top:1px solid #444;border-bottom:none}.chat-section{min-height:0!important;max-height:none!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;height:100%!important;z-index:1;margin-top:0!important;margin-bottom:0;border:1px solid #444;border-top:none;border-radius:0;display:flex!important;flex-direction:column!important;overflow:hidden!important}.chat-header{padding-top:.5rem;padding-bottom:.6rem;margin-top:0;margin-bottom:0}body.theater-mode .container{right:0;width:100vw}body.theater-mode .chat-section{display:none}body.theater-mode .main-content-wrapper{height:100%;width:100%;gap:0;flex:1 1;min-height:0;max-height:100%;box-sizing:border-box;margin:0;padding:0}.chat-header{padding:.5rem .5rem .4rem}.chat-header h2{font-size:.9rem}.chat-header-actions{gap:.25rem}.auth-btn{font-size:.65rem;padding:.25rem .5rem;max-width:80px}.popout-btn{font-size:.7rem;padding:.25rem .5rem}.chat-menu-btn{font-size:1.1rem;padding:.25rem .15rem}.chat-menu-dropdown{min-width:150px}.chat-menu-item{padding:.5rem .75rem;font-size:.8rem}.chat-messages{padding:.75rem;gap:.5rem;flex:1 1!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin-bottom:0}.message-header-left{display:inline!important}.message-user-info{display:inline-flex!important;white-space:nowrap!important;flex-wrap:nowrap!important;width:auto!important;flex-basis:auto!important}.message-username{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;max-width:none!important}.message-colon,.message-text,.message-username{display:inline!important}.message-colon{white-space:nowrap!important}.chat-input-container{padding:.75rem;gap:.4rem;position:relative;z-index:10}#chat-input{padding:.6rem;font-size:16px;font-size:1rem}#send-button{padding:.6rem .75rem;font-size:.85rem;min-width:auto}.emote-picker-btn{font-size:1rem;padding:.4rem .6rem}.message-header{font-size:.8rem}.message-text{font-size:.85rem}.stream-info{padding:.75rem}.stream-broadcaster{margin-bottom:0}.stream-description{font-size:.85rem}.login-modal-content,.profile-menu,.quick-actions-menu{width:calc(100vw - 1rem)}.profile-menu-content{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;flex:1 1!important;min-height:0!important;max-height:100%!important;touch-action:pan-y!important;overscroll-behavior:contain!important;transform:translateZ(0);-webkit-transform:translateZ(0);pointer-events:auto!important}.emote-picker-popup{width:calc(100vw - 1rem);max-height:300px}.emotes-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr));gap:.3rem}.emote-item{padding:.25rem}.emote-item img{max-height:48px}.emote-item-name{font-size:.65rem}.emote{max-height:1.5em!important;width:auto!important;margin:0 2px!important;vertical-align:middle!important;image-rendering:auto!important;object-fit:contain!important;line-height:1!important}}@media (max-width:400px){.header-content h1{font-size:1rem}.nav-link{font-size:.7rem;padding:.25rem .5rem}.stream-info{padding:.5rem .6rem!important;margin:0!important;border-top:1px solid #444;border-bottom:none;min-height:0;transition:none}.chat-section{min-height:300px;max-height:none!important;position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;height:auto;z-index:1;margin-top:0!important;margin-bottom:0;padding-bottom:0;border:1px solid #444;border-top:none;border-radius:0}.chat-header{padding-top:.5rem;padding-bottom:.5rem;margin-top:0;margin-bottom:0}.auth-btn{max-width:70px;font-size:.6rem}.emote-picker-popup{height:250px}.emote{max-height:1.4em!important;margin:0 1px!important}}.emote-picker-popup{position:absolute;bottom:calc(100% + .5rem);right:0;width:300px;height:400px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;border-radius:0;display:flex;flex-direction:column;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.5);overflow:hidden}.emote-picker-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #444;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);position:-webkit-sticky;position:sticky;top:0;z-index:10}.emote-picker-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.close-emote-picker-btn{background:transparent;border:none;color:#e0e0e0;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s}.close-emote-picker-btn:hover{background:#333;color:#fff}.emote-picker-tabs{display:flex;gap:.25rem;padding:.5rem 1rem;border-bottom:1px solid #444;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);position:-webkit-sticky;position:sticky;top:0;z-index:9}.emote-tab-btn{flex:1 1;padding:.5rem .75rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#999;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center}.emote-tab-btn:hover{background:#1a1a1a;border-color:#555;color:#e0e0e0}.emote-tab-btn.active{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-color:#0f8;color:#0f8;font-weight:500}.emote-picker-content{padding:1rem 1rem 5rem;overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;max-height:100%;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.emote-picker-content::-webkit-scrollbar{width:4px}.emote-picker-content::-webkit-scrollbar-track{background:transparent}.emote-picker-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.emote-picker-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.emotes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));grid-gap:.4rem;gap:.4rem}.emote-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .3s}.emote-item:hover{background:#1a1a1a;border-color:#0f8;transform:translateY(-2px)}.emote-item img{width:auto;height:auto;max-width:100%;max-height:64px;object-fit:contain}.emote-item-name{font-size:.7rem;color:#999;text-align:center;word-break:break-word;max-width:100%}.custom-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#0a0a0a;border:1px solid #444;border-radius:4px;margin-bottom:.5rem;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.custom-badge-grid::-webkit-scrollbar{width:4px}.custom-badge-grid::-webkit-scrollbar-track{background:transparent}.custom-badge-grid::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.custom-badge-grid::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.badge-emote-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.35rem;background:#0a0a0a;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s;text-align:center;aspect-ratio:1}.badge-emote-item:hover{background:#1a1a1a;border-color:#555}.badge-emote-item img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1002;display:flex;align-items:center;justify-content:center}.login-modal-content{width:90%;max-width:400px;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;box-shadow:0 4px 12px rgba(0,0,0,.5)}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #444}.login-modal-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:600;margin:0}.login-modal-body{padding:1rem}.auth-method-toggle-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#444,#333);border:none;color:#e0e0e0;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border-radius:4px}.auth-method-toggle-btn:hover{background:linear-gradient(135deg,#555,#444)}.auth-action-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;color:#000;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s;border-radius:4px}.auth-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#00cc6f,#0f8);transform:translateY(-1px)}.auth-action-btn:disabled{opacity:.5;cursor:not-allowed}.rules-popup-overlay{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;display:none;justify-content:center;align-items:flex-end;z-index:2000;pointer-events:none}.rules-popup-overlay.show{display:flex;pointer-events:auto}.rules-popup-content{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;border-radius:0;max-width:400px;width:calc(100% - 2rem);max-height:50vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.8)}.rules-popup-header{padding:.75rem 1rem;border-bottom:1px solid #444;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.rules-popup-header h3{margin:0;color:#0f8;font-size:1.1rem;font-weight:600}.rules-popup-body{padding:1rem;overflow-y:auto;flex:1 1;max-height:40vh}.rules-popup-body ol{margin:0;font-size:.85rem}.rules-popup-body p{font-size:.85rem;margin-bottom:.75rem}.rules-popup-body a{color:#0f8;text-decoration:none;transition:color .3s}.rules-popup-body a:hover{color:#00cc6f;text-decoration:underline}.rules-popup-footer{padding:.75rem 1rem;border-top:1px solid #444;display:flex;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.accept-rules-btn{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;border:none;padding:.5rem 1.5rem;border-radius:0;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;min-width:120px}.accept-rules-btn:hover{background:linear-gradient(135deg,#00cc6a,#0a5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,255,136,.3)}.accept-rules-btn:active{transform:translateY(0)}@media (max-width:600px){.rules-popup-content{max-width:calc(100% - 1rem);width:calc(100% - 1rem);max-height:45vh}.rules-popup-body,.rules-popup-footer,.rules-popup-header{padding:.75rem}.rules-popup-header h3{font-size:1rem}.rules-popup-body ol,.rules-popup-body p{font-size:.8rem}}footer{background:transparent;border-top:1px solid rgba(68,68,68,.3);padding:.5rem 2rem;margin-top:auto}.footer-content{display:flex;justify-content:center;align-items:center}.footer-link{color:#666;text-decoration:none;font-size:.7rem;transition:color .3s}.footer-link:hover{color:#0f8}@media (max-width:900px){footer{padding:.4rem 1rem}.footer-link{font-size:.65rem}}@media (max-width:600px){footer{padding:.3rem .75rem}.footer-link{font-size:.6rem}}.privacy-container,.terms-container{max-width:900px;margin:2rem auto;padding:2rem;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #444;border-radius:0}.privacy-container h1,.terms-container h1{color:#e0e0e0;font-size:2rem;font-weight:600;margin-bottom:.5rem}.privacy-container .last-updated,.terms-container .last-updated{color:#999;font-size:.9rem;margin-bottom:2rem;font-style:italic}.privacy-container h2,.terms-container h2{color:#0f8;font-size:1.5rem;font-weight:600;margin-top:2rem;margin-bottom:1rem}.privacy-container h3,.terms-container h3{color:#e0e0e0;font-size:1.2rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.privacy-container p,.terms-container p{color:#e0e0e0;font-size:1rem;line-height:1.6;margin-bottom:1rem}.privacy-container ol,.privacy-container ul,.terms-container ol,.terms-container ul{color:#e0e0e0;font-size:1rem;line-height:1.8;margin-bottom:1rem;padding-left:2rem}.privacy-container li,.terms-container li{margin-bottom:.5rem}.privacy-container a,.terms-container a{color:#0f8;text-decoration:none;transition:color .3s}.privacy-container a:hover,.terms-container a:hover{color:#00cc6f;text-decoration:underline}.privacy-container strong,.terms-container strong{color:#0f8}@media (max-width:900px){.privacy-container,.terms-container{margin:1rem;padding:1.5rem}.privacy-container h1,.terms-container h1{font-size:1.5rem}.privacy-container h2,.terms-container h2{font-size:1.3rem}.privacy-container h3,.terms-container h3{font-size:1.1rem}}@media (max-width:600px){.privacy-container,.terms-container{margin:.5rem;padding:1rem}.privacy-container h1,.terms-container h1{font-size:1.3rem}.privacy-container h2,.terms-container h2{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.privacy-container h3,.terms-container h3{font-size:1rem;margin-top:1rem;margin-bottom:.5rem}.privacy-container p,.terms-container p{font-size:.9rem;line-height:1.5}.privacy-container ol,.privacy-container ul,.terms-container ol,.terms-container ul{font-size:.9rem;padding-left:1.5rem}}.dashboard-container{max-width:1200px;margin:2rem auto;padding:2rem}.dashboard-card{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:2px solid #0f8;border-radius:8px;padding:2rem;margin-bottom:2rem}.dashboard-title{color:#0f8;font-size:2rem;font-weight:600;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#0f8;font-size:1rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;background:#0a0a0a;border:1px solid #333;border-radius:4px;color:#e0e0e0;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0f8}.form-group textarea{min-height:150px;resize:vertical}.save-button{padding:.75rem 2rem;background:linear-gradient(135deg,#0f8,#00cc6f);border:none;border-radius:4px;color:#000;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#00cc6f,#0f8);transform:translateY(-1px)}.save-button:disabled{opacity:.5;cursor:not-allowed}.status-message{padding:.75rem;border-radius:4px;margin-top:1rem;display:none}.status-message.success{background:rgba(0,255,136,.2);border:1px solid #0f8;color:#0f8;display:block}.status-message.error{background:rgba(255,0,0,.2);border:1px solid red;color:#f66;display:block}.auth-required{text-align:center;padding:3rem;color:#e0e0e0}.auth-required h2{color:#0f8;margin-bottom:1rem}.back-link{display:inline-block;margin-top:1rem;color:#0f8;text-decoration:none;padding:.5rem 1rem;border:1px solid #0f8;border-radius:4px;transition:all .3s}.back-link:hover{background:#0f8;color:#000}#emotes-list{display:none;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;width:100%;grid-auto-flow:row;align-items:start;margin-top:1rem;box-sizing:border-box}#emotes-list.show{display:grid!important}#emotes-list>div{min-width:0;width:100%;box-sizing:border-box}@media (max-width:900px){.dashboard-container{margin:1rem;padding:1rem}.dashboard-card{padding:1.5rem;margin-bottom:1.5rem}.dashboard-title{font-size:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{font-size:.9rem;padding:.6rem}.save-button{padding:.6rem 1.5rem;font-size:.9rem;width:100%}#emotes-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}@media (max-width:600px){.dashboard-container{margin:.5rem;padding:.75rem}.dashboard-card{padding:1rem;margin-bottom:1rem;border-width:1px}.dashboard-title{font-size:1.3rem}.dashboard-title,.form-group{margin-bottom:1rem}.form-group label{font-size:.85rem}.form-group input,.form-group textarea{font-size:.85rem;padding:.5rem}.form-group textarea{min-height:100px}.save-button{padding:.5rem 1rem;font-size:.85rem}.auth-required{padding:2rem 1rem}.auth-required h2{font-size:1.3rem}#emotes-list{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.4rem}.dashboard-card>div[style*="display: flex"]{flex-direction:column!important;gap:1rem!important}.dashboard-card>div[style*="justify-content: space-between"]{flex-direction:column!important;align-items:flex-start!important}}.chat-popout-container{display:flex;flex-direction:column;height:100vh;width:100vw;min-height:0}.chat-popout-container .chat-section{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;border:none!important;border-radius:0;display:flex!important;flex-direction:column!important;overflow:hidden;position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;margin:0!important;padding:0!important;z-index:1!important;opacity:1!important;background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.chat-popout-container .chat-section .chat-header{flex:0 0 auto!important;padding:1rem!important;margin:0!important}.chat-popout-container .chat-section .chat-messages{flex:1 1!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden;position:relative}.chat-popout-container .chat-section #slowmode-indicator,.chat-popout-container .chat-section .chat-input-container{flex:0 0 auto!important}.landing-container{flex:1 1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height, 67.2px));padding:2rem}.landing-content{max-width:1200px;width:100%;text-align:center}.landing-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#0f8}.landing-subtitle{font-size:1.25rem;color:#e0e0e0;margin-bottom:3rem}.streamers-grid{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.streamer-card{display:block;border:1px solid #444;border-radius:0;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.streamer-card,.streamer-card:hover{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.streamer-card:hover{transform:translateY(-2px);border-color:#0f8;box-shadow:0 4px 12px rgba(0,255,136,.2)}.streamer-card-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.streamer-name{font-size:1.5rem;font-weight:600;color:#e0e0e0;margin:0}.streamer-description{font-size:.9rem;color:#999;margin:0}@media (max-width:768px){.landing-container{padding:1.5rem;min-height:calc(100vh - var(--header-height, 67.2px) - var(--footer-height, 60px))}.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem;margin-bottom:2rem}.streamers-grid{flex-direction:column;align-items:center;gap:1.5rem;margin-top:1.5rem}.streamer-card{max-width:400px;width:100%;padding:1.5rem}.streamer-name{font-size:1.3rem}.streamer-description{font-size:.85rem}}@media (max-width:600px){.landing-container{padding:1rem}.landing-title{font-size:1.5rem;margin-bottom:.75rem}.landing-subtitle{font-size:.9rem;margin-bottom:1.5rem}.streamers-grid{gap:1rem;margin-top:1rem}.streamer-card{padding:1.25rem}.streamer-name{font-size:1.1rem}.streamer-description{font-size:.8rem}}:root{--theme-primary:#0f8;--theme-secondary:#00cc6f;--theme-background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);--theme-surface:linear-gradient(180deg,#1a1a1a,#0f0f0f);--theme-text:#e0e0e0;--theme-text-secondary:#999;--theme-border:#444;--theme-accent:#0f8}body.theme-default{background:var(--theme-background);color:var(--theme-text)}body.theme-default header{background:var(--theme-surface);border-bottom-color:var(--theme-border)}body.theme-default .nav-link:hover{background:var(--theme-primary);color:#000;border-color:var(--theme-primary)}body.theme-default .stream-info{background:var(--theme-surface);border-top-color:var(--theme-border)}body.theme-default .stream-broadcaster{color:var(--theme-primary)}body.theme-default .chat-section{background:var(--theme-surface);border-color:var(--theme-border)}body.theme-default #send-button{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-secondary) 100%)}body.theme-default #send-button:hover:not(:disabled){background:linear-gradient(135deg,var(--theme-secondary) 0,var(--theme-primary) 100%)}