html, body, * {box-sizing:border-box;}iframe {border:none;background:transparent;display:block;}:root {--wait-times-bar-height:30px; --right-panel-width:0px; --right-panel-height-mobile:55px; --right-panel-bottom-item-height:35px; --mobile-controls-width:40px; --policy-banner-height:40px; --chat-scale:0.75; --desktop-controls-size:40px; }body {margin:0;padding:0;background-color:#121212;color:white;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;overflow-x:hidden;overflow-y:auto; }body.chat-only-mode .player-container {display:flex !important;flex-direction:column !important; height:auto !important; width:100% !important; flex:0 0 auto !important; overflow:hidden !important;}body.chat-only-mode .video-wrapper {display:none !important;}body.chat-only-mode .desktop-controls {display:flex !important;width:100% !important;order:-1 !important; position:relative !important;height:var(--desktop-controls-size) !important;opacity:1 !important;border:none !important;border-bottom:1px solid #333 !important;background-color:#222 !important;flex-shrink:0 !important; }body.chat-only-mode .desktop-controls .hide-btn {display:flex !important;opacity:1 !important;}body.chat-only-mode .desktop-controls .focus-btn,body.chat-only-mode .desktop-controls .like-video-btn,body.chat-only-mode .desktop-controls .chat-button, body.chat-only-mode .desktop-controls .site-fullscreen-btn, body.chat-only-mode .desktop-controls .control-bar-mute-btn,body.chat-only-mode .desktop-controls .refresh-container-btn,body.chat-only-mode .desktop-controls .push-to-live-btn,body.chat-only-mode .desktop-controls .toggle-cc-btn,body.chat-only-mode .desktop-controls .view-count-display,body.chat-only-mode .desktop-controls .hamburger-btn,body.chat-only-mode .desktop-controls .hamburger-menu,body.chat-only-mode .desktop-controls .dsn-icon-container,body.chat-only-mode .desktop-controls .video-title,body.chat-only-mode .chat-panel-close-btn,body.chat-only-mode .reorder-resize-btn {display:none !important;}body.chat-only-mode .stream-container {display:flex !important;flex-direction:column !important;height:100% !important; overflow:hidden !important;}body.chat-only-mode .chat-panel {display:block !important;width:100% !important;flex:1 1 auto !important; position:relative !important; background:#1e1e1e !important;border:none !important;overflow:hidden !important; }body.chat-only-mode .chat-iframe {position:absolute !important; top:0 !important;left:0 !important;transform-origin:top left !important;width:calc(100% / var(--chat-scale)) !important;height:calc(100% / var(--chat-scale)) !important;transform:scale(var(--chat-scale)) !important;border:none !important;}@media (max-width:768px) {body.chat-only-mode .stream-container {height:85vh !important;margin-bottom:10px !important;border-bottom:1px solid #333 !important;}}.policy-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.9); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.policy-modal.show {display:flex;}.policy-modal .modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}.policy-modal .modal-content p {margin-bottom:10px;line-height:1.5;}.policy-modal .modal-content a {color:#ADD8E6; text-decoration:underline;font-weight:bold;}#enter-site-btn {margin-top:20px;width:auto; padding:12px 30px; font-size:1.1em; background-color:#007bff; color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease, transform 0.2s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}#enter-site-btn:hover {background-color:#0056b3;transform:translateY(-2px);}.loading-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212; display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999; transition:opacity 0.5s ease;opacity:1; }.loading-overlay.hidden {opacity:0;pointer-events:none; }.loading-message {color:#ffffff; font-size:.75em; line-height:1.5em;margin-top:60px; text-align:center;}.loading-message-top {color:#ffffff; font-size:1.2em; margin-top:60px; text-align:center;text-shadow:0 0 10px rgba(255, 255, 255, 0.7); animation:fade-in-out-emphasize-top 4s ease-in-out infinite alternate;}@keyframes fade-in-out-emphasize {0% { opacity:1; transform:translateY(-30) scale(1.1); } 25% { opacity:0.7; transform:translateY(-15px) scale(1.05); } 50% { opacity:0.3; transform:translateY(-0px) scale(1); text-shadow:0 0 15px rgba(255,255,255,0.8); } 75% { opacity:0.7; transform:translateY(-15px) scale(1.05); } 100% { opacity:1; transform:translateY(-30) scale(1); } }@keyframes fade-in-out-emphasize-top {0% { opacity:0.2; transform:translateY(0) scale(1); } 25% { opacity:0.7; transform:translateY(-15px) scale(1.05); } 50% { opacity:1; transform:translateY(-30px) scale(1.1); text-shadow:0 0 15px rgba(255,255,255,0.8); } 75% { opacity:0.7; transform:translateY(-15px) scale(1.05); } 100% { opacity:0.2; transform:translateY(0) scale(1); } }.loading-logos-container {display:flex;justify-content:center;align-items:center;width:100%;height:200px; position:relative; margin-bottom:20px;}.loading-logo {position:absolute; max-width:120px; height:auto;border-radius:50%;box-shadow:0 0 15px rgba(255, 255, 255, 0.3); }.logo-one {animation:spin-and-move-logo1 4s ease-in-out infinite alternate;left:35%; }.logo-two {animation:spin-and-move-logo2 4s ease-in-out infinite alternate;right:35%; }.logo-three {animation:spin-and-move-logo3 4s ease-in-out infinite alternate;right:48%; }@keyframes spin-and-move-logo1 {0% { transform:translateX(0) rotate(0deg); }50% { transform:translateX(50px) rotate(180deg); }100% { transform:translateX(0) rotate(360deg); }}@keyframes spin-and-move-logo2 {0% { transform:translateX(0) rotate(-180deg); } 100% { transform:translateX(0) rotate(-360deg); }}@keyframes spin-and-move-logo3 {0% { transform:translateX(0) rotate(0deg); }50% { transform:translateX(50px) rotate(180deg); }100% { transform:translateX(0) rotate(-360deg); }}.loading-spinner {border:4px solid rgba(255, 255, 255, 0.3);border-top:4px solid #ffffff; border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;}@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}.container {display:grid;width:100vw;height:100vh; gap:0;transition:padding-top 0.3s ease; position:relative; }.stream-container {position:relative;background-color:#000;overflow:hidden;display:flex; flex-direction:row; transition:all 0.3s ease;width:100%; height:100%; --effective-chat-width:var(--chat-window-width);}.stream-container.fullscreen-active {--effective-chat-width:max(300px, var(--chat-window-width));}.stream-container.hidden-stream {display:none !important;}.stream-container.with-border {border:2px solid grey; }.stream-container.playing-muted {border:2px solid grey; }.stream-container.stopped {border:2px solid red; }.stream-container.playing-unmuted {border:2px solid green; }.stream-container.with-chat.chat-right .player-container {width:calc(100% - var(--effective-chat-width)); height:100%; }.stream-container.with-chat.chat-left {flex-direction:row-reverse; }.stream-container.with-chat.chat-left .player-container {width:calc(100% - var(--effective-chat-width)); height:100%; }.player-container {width:100%;height:100%;position:relative;overflow:hidden;display:flex; }.video-wrapper {flex-grow:1;position:relative;height:100%;width:100%;overflow:hidden;}.desktop-controls {display:flex;background-color:rgba(20, 20, 20, 1); z-index:20;flex-shrink:0;gap:10px;padding:5px;justify-content:center;align-items:center;transition:width 0.3s ease, height 0.3s ease, padding 0.3s ease, border-width 0.3s ease, opacity 0.3s ease !important;overflow:hidden; border-style:solid; border-color:#555;border-width:0; }.desktop-controls:hover {overflow:visible;}.desktop-controls .chat-button,.desktop-controls .hide-btn,.desktop-controls .like-video-btn,.desktop-controls .focus-btn,.desktop-controls .site-fullscreen-btn,.desktop-controls .dsn-icon-container {position:static; transform:none;top:auto;left:auto;right:auto;bottom:auto;margin:0;opacity:1 !important; display:flex;}.desktop-controls .channel-label,.desktop-controls .view-count-display {position:relative !important;transform:none !important;top:auto;left:auto;right:auto;bottom:auto;background:none !important; margin:0;padding:0 10px;height:100%;display:flex;align-items:center;border-radius:0;box-shadow:none !important;}.desktop-controls .channel-label {flex-grow:1; justify-content:flex-start;overflow:hidden;white-space:nowrap;min-width:0; order:-10; }.desktop-controls .channel-label:hover {overflow:visible;z-index:100; background:rgba(20, 20, 20, 1); padding-right:10px; border-radius:0 4px 4px 0; box-shadow:4px 0 8px rgba(0,0,0,0.5); }.desktop-controls .channel-label .channel-name-text,.desktop-controls .channel-label .video-title {background:none !important;padding:0;margin-right:5px;font-size:14px;color:#fff;text-shadow:none;}.desktop-controls .channel-label:hover .video-title {overflow:visible !important;text-overflow:clip !important;}.desktop-controls .channel-label:hover .channel-name-text,.desktop-controls .channel-label:hover .video-title {background:rgba(20, 20, 20, 1) !important;}.desktop-controls .view-count-display {border-left:1px solid #444; justify-content:center;font-size:12px;color:#aaa;white-space:nowrap;order:100; }.desktop-controls .view-count-display-on-hover {opacity:1 !important;}.desktop-controls > button, .desktop-controls > .chat-button,.desktop-controls > .dsn-icon-container {margin:0 2px; }.desktop-controls .dsn-icon-container {order:-20; }.desktop-controls .video-title {text-overflow:ellipsis;overflow:hidden;}.controls-pos-left .player-container {flex-direction:row;}.controls-pos-left .desktop-controls {order:-1; flex-direction:column;width:var(--desktop-controls-size);height:100%;border-right-width:1px; border-top-width:0;border-bottom-width:0;border-left-width:0;}.controls-pos-right .player-container {flex-direction:row;}.controls-pos-right .desktop-controls {order:1; flex-direction:column;width:var(--desktop-controls-size);height:100%;border-left-width:1px;border-right-width:0;border-top-width:0;border-bottom-width:0;}.controls-pos-right .view-count-display {right:var(--desktop-controls-size) !important;border-radius:0 0 3px 3px; }.controls-pos-bottom .player-container {flex-direction:column;}.controls-pos-bottom .desktop-controls {order:1; flex-direction:row;width:100%;height:var(--desktop-controls-size);border-top-width:1px;border-bottom-width:0;border-left-width:0;border-right-width:0;padding:0 10px; }.controls-pos-top .player-container {flex-direction:column;}.controls-pos-top .desktop-controls {order:-1; flex-direction:row;width:100%;height:var(--desktop-controls-size);border-bottom-width:1px;border-top-width:0;border-left-width:0;border-right-width:0;padding:0 10px; }.controls-vis-hover .desktop-controls {padding:0;overflow:hidden;opacity:0; }.controls-vis-hover.controls-pos-bottom .desktop-controls {height:0;border-width:0;}.controls-vis-hover.controls-pos-bottom .stream-container:hover .desktop-controls {height:var(--desktop-controls-size);padding:0 10px;border-top-width:1px;opacity:1;}.controls-vis-hover.controls-pos-top .desktop-controls {height:0;border-width:0;}.controls-vis-hover.controls-pos-top .stream-container:hover .desktop-controls {height:var(--desktop-controls-size);padding:0 10px;border-bottom-width:1px;opacity:1;}.controls-vis-hover.controls-pos-left .desktop-controls,.controls-vis-hover.controls-pos-right .desktop-controls {width:0;border-width:0;}.controls-vis-hover.controls-pos-left .stream-container:hover .desktop-controls {width:var(--desktop-controls-size);padding:5px;border-right-width:1px;opacity:1;}.controls-vis-hover.controls-pos-right .stream-container:hover .desktop-controls {width:var(--desktop-controls-size);padding:5px;border-left-width:1px;opacity:1;}.yt-player {width:133.33%; height:133.33%; position:absolute; top:0; left:0; transform:scale(0.75); transform-origin:0 0; }.channel-label {position:absolute;top:0;left:0;font-size:12px;z-index:10;margin:0;display:flex;max-width:100%;white-space:nowrap;overflow:visible;transition:transform 0.3s ease;}.controls-vis-hover.controls-pos-left .stream-container:hover .channel-label {transform:translateX(var(--desktop-controls-size));}.controls-vis-hover.controls-pos-top .stream-container:hover .channel-label {transform:translateY(var(--desktop-controls-size));}.channel-name-text {background:rgba(0, 0, 0, 0.7);padding:2px 8px;border-radius:0 0 3px 0;transition:background-color 0.3s ease;}.channel-name-text:hover {background:rgba(0, 0, 0, 0.9);}.video-title {opacity:0;background:rgba(0, 0, 0, 0);padding:2px 8px;padding-left:1px;border-radius:0 0 3px 0;transition:opacity 0.3s ease, background-color 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:0px;max-width:none;display:inline-block;vertical-align:top;}.fullscreen-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000;display:none;}.fullscreen-player-container {position:relative;width:100%;height:100%;}.fullscreen-yt-player {width:100%;height:100%;}.fullscreen-controls {position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:20px;z-index:1001;opacity:0;transition:opacity 0.3s ease;}.fullscreen-overlay:hover .fullscreen-controls {opacity:1;}.fullscreen-nav-btn {background:rgba(0,0,0,0.7);border:none;color:white;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;}.fullscreen-nav-btn:hover {background:rgba(70,70,70,0.7);}.fullscreen-close-btn {position:absolute;top:20px;right:20px;background:rgba(0,0,0,0.7);border:none;color:white;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:1001;opacity:0;transition:opacity 0.3s ease;}.fullscreen-overlay:hover .fullscreen-close-btn {opacity:1;}.fullscreen-channel-label {position:absolute;top:20px;left:20px;background:rgba(0,0,0,0.7);padding:5px 15px;font-size:16px;border-radius:4px;z-index:1001;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity 0.3s ease;}.fullscreen-overlay:hover .fullscreen-channel-label {opacity:1;}#streams-container.site-fullscreen-mode {display:block;position:relative;}#streams-container.site-fullscreen-mode .stream-container {display:none !important;}#streams-container.site-fullscreen-mode .stream-container.fullscreen-active {display:flex !important; position:fixed !important;top:var(--mobile-header-height, 70px) !important;left:0 !important;width:100vw !important;height:calc(100vh - var(--mobile-header-height, 70px)) !important;z-index:1000 !important; margin:0 !important;padding:0 !important;max-width:none !important;border:none !important; background-color:#000 !important;}.stream-container.fullscreen-active .yt-player {transform:scale(1);width:100%;height:100%;top:0;left:0;}.header-weather-widget {display:flex;color:#fff;cursor:default;user-select:none;transition:opacity 0.3s ease;}.header-weather-widget .weather-icon {font-size:1.1em;margin-right:4px;}.header-weather-widget .weather-temp {font-family:'Inter', sans-serif;}.header-weather-widget.desktop-only {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.1;cursor:pointer;margin:0 auto;width:100%;}.header-weather-widget.desktop-only .weather-icon {margin-right:0;margin-bottom:2px;}.mobile-weather-widget {color:#ffc107; background:rgba(255,255,255,0.05);}
:root {--mobile-header-height:50px;}@media (min-width:933px) {body.right-panel-active .container {width:calc(100vw - var(--right-panel-width));padding-top:var(--mobile-header-height);}}@media (max-width:932px) {:root {--mobile-header-height:44px;}html,body {overflow-y:auto;}body.mobile-header-active .container {padding-top:70px;height:100vh;}.container {min-height:100vh;}.loading-message {font-size:.5em;margin-bottom:20px;}.loading-message-top {font-size:1.5em;margin-bottom:20px;}.loading-logos-container {height:150px;margin-bottom:10px;}.loading-logo {max-width:80px;}@keyframes spin-and-move-logo1 {0% {transform:translateX(0) rotate(0deg);}50% {transform:translateX(30px) rotate(180deg);}100% {transform:translateX(0) rotate(360deg);}}@keyframes spin-and-move-logo2 {0% {transform:translateX(0) rotate(-180deg);}100% {transform:translateX(0) rotate(-360deg);}}}@media (max-width:932px) and (orientation:landscape) {body.mobile-header-active .container {padding-top:0 !important;height:auto;min-height:100vh;overflow-y:auto !important;padding-bottom:0 !important;display:grid !important;grid-template-columns:repeat(2, 1fr) !important;grid-auto-rows:min-content !important;gap:0 !important;padding:0 !important;width:calc(100vw - var(--right-panel-width)) !important;}body.mobile-header-active {--mobile-header-height:50px;}body.mobile-header-active #main-header {min-height:0;padding:0;}body.mobile-header-active .stream-container {width:100% !important;height:auto !important;position:relative !important;margin-bottom:0 !important;display:flex;flex-direction:column;}body.mobile-header-active .stream-container:not(.with-chat) .video-wrapper {width:100%;aspect-ratio:16 / 9 !important;}body.mobile-header-active .stream-container.with-chat {grid-column:span 2 !important;height:auto !important;aspect-ratio:unset !important;display:flex !important;flex-direction:row !important;align-items:flex-start !important;background:#000;border:2px solid #333;margin-bottom:0 !important;}body.mobile-header-active .stream-container.with-chat .player-container {flex:0 0 60% !important;width:60% !important;height:auto !important;display:flex !important;flex-direction:column !important;}body.mobile-header-active .stream-container.with-chat .video-wrapper {width:100% !important;height:auto !important;aspect-ratio:16 / 9 !important;flex-grow:0 !important;}body.mobile-header-active .stream-container.with-chat .chat-panel {flex:0 0 40% !important;width:40% !important;display:block !important;border-top:none !important;border-left:1px solid #333 !important;aspect-ratio:16 / 14 !important;}body.mobile-header-active .stream-container.with-chat .chat-iframe {width:100% !important;height:100% !important;transform:none !important;}body.mobile-header-active .stream-container.with-chat .desktop-controls {width:100% !important;height:35px !important;}}@media (min-width:933px) {.stream-container.with-chat.chat-bottom {flex-direction:column;}.stream-container.with-chat.chat-bottom .player-container {width:100%;height:70%;}.stream-container.with-chat.chat-bottom .chat-panel {width:100%;height:30%;border-left:none;border-right:none;border-top:2px solid #333;}.stream-container.with-chat.chat-bottom .chat-iframe {width:calc(100% / var(--chat-scale));height:calc(100% / var(--chat-scale));transform:scale(var(--chat-scale));transform-origin:top left;position:static;}}#main-header {position:fixed;top:0;left:0;width:100vw;height:auto;background-color:rgba(0, 0, 0, 0.85);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;z-index:1010;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);}#main-header .header-left {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;width:auto;margin-bottom:0;flex-shrink:0;}#main-header .header-right {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;width:auto;flex-shrink:0;}#main-header .header-center {flex:1;min-width:0;overflow:hidden;margin:0 15px;height:100%;display:flex;align-items:center;}.scrolling-wait-times.header-wait-times {position:relative !important;bottom:auto !important;left:auto !important;width:100% !important;height:30px !important;background-color:transparent !important;box-shadow:none !important;z-index:auto !important;border-radius:6px;overflow:hidden;}.scrolling-wait-times.header-wait-times iframe {height:30px !important;}#main-header h1 {display:none;}.header-logo-link {display:flex;align-items:center;}.header-logo {height:30px;width:30px;border-radius:50%;object-fit:cover;display:block;flex-shrink:0;}.mobile-nav {display:flex;flex-direction:column;background:#1e1e1e;height:100%;padding:2rem 1rem;position:fixed;top:0;left:0;z-index:1050;transition:transform 0.3s ease-in-out;transform:translateX(-100%);width:80%;max-width:300px;box-shadow:2px 0 5px rgba(0, 0, 0, 0.7);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255, 255, 255, 0.2) transparent;}.mobile-nav::-webkit-scrollbar {width:6px;}.mobile-nav::-webkit-scrollbar-track {background:transparent;}.mobile-nav::-webkit-scrollbar-thumb {background-color:rgba(255, 255, 255, 0.2);border-radius:10px;}.mobile-nav::-webkit-scrollbar-thumb:hover {background-color:rgba(255, 255, 255, 0.4);}.mobile-nav.open {transform:translateX(0);}@media (max-width:932px) {#main-header {width:100%;height:auto;min-height:70px;flex-direction:row;justify-content:space-between;padding:10px 15px;box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);}#main-header .header-left {display:flex;flex-direction:row;align-items:center;gap:15px;width:auto;margin-bottom:0;}#main-header .header-right {flex-direction:row;gap:8px;width:auto;justify-content:flex-end;}#main-header .header-center {display:none;}#main-header h1 {display:block;margin:0;font-size:1.2rem;}.header-logo {height:30px;width:30px;}.mobile-nav {left:0;right:auto;transform:translateX(-100%);box-shadow:2px 0 5px rgba(0, 0, 0, 0.7);}.hamburger-menu {margin:0;}.desktop-top-nav {display:none !important;}}@media (min-width:933px) {}.hamburger-menu {display:flex;flex-direction:column;justify-content:space-around;width:25px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1100;margin:0;flex-shrink:0;}.hamburger-menu span {display:block;width:100%;height:2px;background:white;border-radius:10px;transition:all 0.3s linear;}.nav-header {text-align:center;padding-bottom:1rem;border-bottom:1px solid rgba(255, 255, 255, 0.1);margin-bottom:1rem;}.nav-logo {max-width:150px;height:auto;border-radius:50%;}.mobile-user-info {padding-bottom:1rem;border-bottom:1px solid rgba(255, 255, 255, 0.1);margin-bottom:1rem;}.user-email-mobile {display:block;margin-bottom:1rem;font-weight:bold;color:#fff;word-wrap:break-word;font-size:0.9rem;}.mobile-nav-link,.mobile-nav-button {font-size:1.1rem;padding:0.75rem 0.5rem;font-weight:500;color:#FFF;text-decoration:none;transition:background-color 0.2s linear;display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;}.mobile-nav-link:hover,.mobile-nav-button:hover {background-color:rgba(255, 255, 255, 0.1);border-radius:4px;}.mobile-nav-divider {border:0;border-top:1px solid rgba(255, 255, 255, 0.2);margin:10px 0;}.close-nav-btn {position:absolute;top:10px;right:15px;background:transparent;border:none;color:white;font-size:2rem;cursor:pointer;line-height:1;}@media (max-width:932px) {.scrolling-wait-times {display:none !important;}.policy-modal,.settings-modal,.info-modal,.link-modal,.max-videos-modal,.donate-modal,.about-modal,.contact-report-modal,.custom-message-modal,.push-notifications-modal {padding:0;top:var(--mobile-header-height);height:calc(100% - var(--mobile-header-height));align-items:flex-start;}.policy-modal .modal-content,.settings-modal .modal-content,.info-modal .modal-content,.link-modal .modal-content,.max-videos-modal .modal-content,.donate-modal .modal-content,.about-modal .modal-content,.contact-report-modal .modal-content,.custom-message-modal .modal-content,.push-notifications-modal .modal-content {background-color:#1e1e1e;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;border-radius:0;padding:15px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;}.link-modal .modal-content {max-height:100%;}#link-modal-iframe {flex-grow:1;width:100%;height:100%;border:none;min-height:200px;}.container {padding-top:var(--mobile-header-height);}.policy-modal {top:0;height:100%;}.policy-modal .modal-content {background-color:#1e1e1e;width:100%;height:100%;max-width:100%;max-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;}.policy-modal .modal-content h2 {font-size:1.2em;margin-bottom:10px;}.policy-modal .modal-content p {font-size:0.8em;margin-bottom:8px;line-height:1.4;}.desktop-only-button {display:none !important;}.desktop-only-setting {display:none !important;}}@media (min-width:933px) {.container {width:calc(100vw - var(--right-panel-width));}.desktop-only-button {display:flex;}}.donate-button img {height:20px;margin-right:10px;}.embedding-disabled-placeholder {display:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#282828;text-align:center;padding:20px;gap:15px;color:#ccc;font-size:16px;}.embedding-disabled-placeholder .disabled-thumbnail {max-width:90%;max-height:60%;height:auto;border-radius:8px;box-shadow:0 44px 10px rgba(0, 0, 0, 0.3);}.embedding-disabled-placeholder .disabled-text {margin:0;padding:0 10px;line-height:1.4;}.embedding-disabled-placeholder .view-on-youtube-btn {background-color:#ff0000;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease, transform 0.2s ease;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);}.embedding-disabled-placeholder .view-on-youtube-btn:hover {background-color:#cc0000;transform:translateY(-2px);}.no-streams-display {display:none;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#121212;color:white;text-align:center;padding-top:var(--mobile-header-height);padding-bottom:var(--wait-times-bar-height);box-sizing:border-box;}@media (min-width:933px) {.no-streams-display {width:calc(100vw - var(--right-panel-width));padding-top:0;}}.no-streams-message-section {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);margin-bottom:20px;max-width:90%;}.no-streams-logo {max-width:150px;height:auto;margin-bottom:15px;border-radius:50%;}.no-streams-text {font-size:1.2em;margin:0;line-height:1.5;}.no-streams-guide-section {width:90%;max-width:1200px;height:60vh;background-color:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);display:flex;justify-content:center;align-items:center;}.no-streams-guide-iframe {width:100%;height:100%;border:none;}.loading-graphic {position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;transition:opacity 0.3s ease;}.loading-graphic.hidden {opacity:0;pointer-events:none;}.loading-spinner-logo-group {display:flex;align-items:center;justify-content:center;margin-bottom:15px;margin-top:-20px;}.loading-graphic img.channel-img {width:100px;height:100px;border-radius:50%;object-fit:contain;margin-left:15px;}.loading-graphic .loading-spinner {border:4px solid rgba(255, 255, 255, 0.3);border-top:4px solid #ffffff;border-radius:50%;width:40px;height:40px;animation:spinlogo 2s linear infinite;}@keyframes spinlogo {0% {transform:rotate(0deg);}100% {transform:rotate(1080deg);}}.like-reminder-banner {position:absolute;bottom:-100%;left:0;width:100%;height:10%;background-color:rgba(0, 0, 0, 0.85);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:25;transition:bottom 0.5s ease-in-out;font-size:14px;}.like-reminder-banner.show {bottom:0;}.like-reminder-text {flex-grow:1;text-align:center;margin:0 15px;}.like-reminder-banner .like-reminder-button {background-color:#007bff;color:white;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:14px;font-weight:bold;white-space:nowrap;transition:background-color 0.3s ease;}.like-reminder-banner .like-reminder-button:hover {background-color:#0056b3;}.like-reminder-banner .like-reminder-close-btn {background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:5px;line-height:1;}.like-reminder-banner .like-reminder-close-btn:hover {color:white;}.contact-report-modal {display:none;position:fixed;z-index:1001;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.85);animation:fadeIn 0.3s forwards;}.contact-report-modal.show {display:flex;}@media (min-width:933px) {.contact-report-modal {justify-content:center;align-items:center;}.contact-report-modal .modal-content {background-color:#1e1e1e;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;box-shadow:0 5px 20px rgba(0, 0, 0, 0.7);position:relative;animation:slideIn 0.3s forwards;text-align:center;}}.contact-report-modal .modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}.contact-report-modal .modal-content p {margin-bottom:10px;line-height:1.5;}.contact-report-modal .contact-link {color:#ADD8E6;text-decoration:underline;font-weight:bold;}.contact-report-modal .close-button {color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold;cursor:pointer;}.contact-report-modal .close-button:hover,.contact-report-modal .close-button:focus {color:white;text-decoration:none;cursor:pointer;}.contact-report-btn {background-color:#fc5050;color:rgb(255, 255, 255);padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color 0.3s ease;width:calc(100% - 30px);margin-top:5px;margin-left:15px;margin-right:15px;}.contact-report-btn:hover {background-color:#862727;}.bug-feature-buttons {display:flex;flex-direction:column;gap:10px;margin-top:15px;}.park-companion-slideout {position:fixed;top:var(--mobile-header-height, 70px);right:-30vw;width:25vw;height:calc(100vh - var(--mobile-header-height, 70px));background-color:#1a1a1a;z-index:1005;transition:right 0.3s ease-in-out;box-shadow:-5px 0 15px rgba(0, 0, 0, 0.5);display:flex;flex-direction:column;}.park-companion-slideout.open {right:0;}@media (max-width:932px) {.park-companion-slideout {display:none !important;}}.park-companion-header {background-color:#111;padding:10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;}.close-companion-btn {background:none;border:none;color:white;font-size:20px;cursor:pointer;}.close-companion-btn:hover {color:#ff0000;}#park-companion-iframe {width:100%;height:100%;border:none;flex-grow:1;}.park-tag-badge {position:absolute;top:10px;left:10px;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:var(--font-primary, 'Inter', sans-serif);font-weight:600;z-index:10;pointer-events:none;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3);opacity:1;transition:opacity 0.3s ease;}.stream-container.playing-muted .park-tag-badge,.stream-container.playing-unmuted .park-tag-badge,.stream-container.buffering .park-tag-badge {opacity:0;pointer-events:none;}
.chat-button {position:absolute;top:50%;right:auto;left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all 0.2s ease;opacity:0;}.stream-container:hover .chat-button {opacity:1;}.chat-button:hover {background:rgba(70, 70, 70, 0.7);}.like-video-btn {position:absolute;top:calc(50% + 30px); right:auto; left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all 0.2s ease;opacity:0;font-size:14px; }.stream-container.chat-left .like-video-btn {left:8px;right:auto;}.stream-container:hover .like-video-btn {opacity:1;}.like-video-btn:hover {background:rgba(70, 70, 70, 0.7);}.like-video-btn.liked-video-btn {background-color:#333;cursor:not-allowed;opacity:0.5 !important;color:#777;border:1px solid #555;filter:grayscale(100%);}.like-video-btn.loading {animation:pulse 1s infinite alternate;pointer-events:none;opacity:0.8;}@keyframes pulse {from { transform:translateY(-50%) scale(1); opacity:0.6; }to { transform:translateY(-50%) scale(1.2); opacity:1; }}.dsn-icon-container {position:absolute;top:calc(50% - 60px); right:auto;left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:default; z-index:20;transition:all 0.2s ease;opacity:0; }.stream-container.chat-left .dsn-icon-container {left:8px;right:auto;}.stream-container:hover .dsn-icon-container {opacity:1;}.dsn-icon {width:18px; height:18px;border-radius:50%;object-fit:cover;}.view-count-display {position:absolute;top:0;right:0;background:rgba(0, 0, 0, 0.7);padding:2px 8px;border-radius:0 0 0 3px;font-size:12px;z-index:10;transition:background-color 0.3s ease, transform 0.3s ease;white-space:nowrap;display:flex; }.controls-vis-hover.controls-pos-right .stream-container:hover .view-count-display {transform:translateX(calc(-1 * var(--desktop-controls-size)));}.controls-vis-hover.controls-pos-top .stream-container:hover .view-count-display {transform:translateY(var(--desktop-controls-size));}.view-count-display-on-hover {opacity:0; }.stream-container:hover .view-count-display-on-hover {opacity:1;}.view-count-display:hover {background:rgba(0, 0, 0, 0.9);}.chat-button, .hide-btn, .dsn-icon-container, .like-video-btn, .focus-btn { display:flex; }.chat-panel {width:var(--effective-chat-width, var(--chat-window-width)); height:100%;background:#1e1e1e;border-left:2px solid #333; display:none;flex-shrink:0;position:relative;overflow:hidden;}.stream-container.chat-left .chat-panel {border-left:none;border-right:2px solid #333;}.stream-container.with-chat .chat-panel {display:block;}.chat-iframe {width:calc(100% / var(--chat-scale));height:calc(100% / var(--chat-scale));border:none;transform:scale(var(--chat-scale));transform-origin:0 0;position:absolute;top:0;left:0;}.hide-btn {position:absolute;top:calc(50% - 30px);right:auto;left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border:none;color:white;font-size:16px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:0;transition:opacity 0.3s ease;}.stream-container.chat-left .hide-btn {left:8px;right:auto;}.stream-container:hover .hide-btn {opacity:1;}.hide-btn:hover {background:rgba(70, 70, 70, 0.7);}.placeholder-content {display:none; flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#1a1a1a; text-align:center;padding:20px;gap:15px; color:#ccc;font-size:16px;}.placeholder-logo1 {width:100px; height:100px; border-radius:50%;z-index:1;position:relative; }.placeholder-logo2 {width:100px; height:100px; border-radius:50%;z-index:2; position:relative; margin-left:-50px; }.placeholder-logo1:hover { z-index:5;}.placeholder-logo2:hover { z-index:5;}.placeholder-logo3:hover { z-index:5;}.placeholder-logo3 {width:100px; height:100px; border-radius:50%;z-index:2; position:relative; margin-left:-50px; }.social-links {display:flex;gap:20px;}.social-links img {width:40px;height:40px;border-radius:50%;transition:transform 0.2s ease-in-out;}.social-links img:hover {transform:scale(1.1);}.info-button {display:inline-block;background-color:#007bff; color:white;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);margin-top:5px; margin-bottom:5px; }.info-button:hover {background-color:#0056b3; transform:translateY(-2px); box-shadow:0 6px 8px rgba(0, 0, 0, 0.15); }.scrolling-wait-times {position:fixed;bottom:0;left:0;width:100%;height:var(--wait-times-bar-height); background-color:transparent; color:#fff;display:flex; align-items:center; overflow:hidden; white-space:nowrap; box-shadow:none; z-index:10002; transition:opacity 0.5s ease;}.wait-times-content {display:inline-block; padding-left:100%; animation:marquee 60s linear infinite; font-size:14px; }.wait-times-item {padding:0 15px; display:inline-block; }.wait-times-item.low-wait { color:#8bc34a; } .wait-times-item.medium-wait { color:#ffeb3b; } .wait-times-item.high-wait { color:#f44336; } .wait-times-item.closed,.wait-times-item.down,.wait-times-item.refurbishment { color:#9e9e9e; } .wait-times-item.no-wait-info,.wait-times-item.unknown-status { color:#ff9800; } @keyframes marquee {0% { transform:translate(0, 0); }100% { transform:translate(-100%, 0); } }.scrolling-wait-times:hover .wait-times-content {animation-play-state:paused;}.hide-scroll-btn {background:rgba(255, 255, 255, 0.2);border:none;color:white;font-size:16px;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute; right:5px;top:50%;transform:translateY(-50%);z-index:100; transition:background-color 0.2s ease;}.hide-scroll-btn:hover {background:rgba(255, 255, 255, 0.4);}.settings-cog-btn {background:rgba(255, 255, 255, 0.2);border:none;color:white;font-size:16px;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;top:auto;right:auto;z-index:100;transition:background-color 0.2s ease;margin:0 auto; padding:0; line-height:1; }.settings-cog-btn:hover {background:rgba(255, 255, 255, 0.4);}.info-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.info-modal.show {display:flex;}.settings-modal, .push-notifications-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.settings-modal.show, .push-notifications-modal.show {display:flex;}@media (min-width:769px) {.modal-content {background-color:#1e1e1e;margin:auto; padding:15px; border:1px solid #888;width:80%; max-width:500px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.5);position:relative;animation:slideIn 0.3s forwards;max-height:80vh; overflow-y:auto; }.policy-modal .modal-content {background-color:#1e1e1e;margin:auto;padding:20px; border:1px solid #888;width:90%; max-width:1200px; border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.5);position:relative;animation:slideIn 0.3s forwards;text-align:center; }.link-modal .modal-content {background-color:#1e1e1e;margin:auto;padding:15px;border:1px solid #888;width:90%; max-width:1000px; height:90%; max-height:90vh; border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.5);position:relative;display:flex;flex-direction:column;animation:slideIn 0.3s forwards;}.about-modal .modal-content {background-color:#1e1e1e;margin:auto;padding:15px;border:1px solid #888;width:80%; max-width:900px; max-height:80vh; border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.5);position:relative;animation:slideIn 0.3s forwards;overflow-y:auto; }.donate-modal .modal-content {max-width:700px; }}.modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}.modal-content .close-button {color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold;cursor:pointer;}.modal-content .close-button:hover,.modal-content .close-button:focus {color:white;text-decoration:none;cursor:pointer;}#park-checkboxes {display:flex;flex-direction:column;gap:5px; margin-bottom:15px; }#park-checkboxes label,#general-settings-checkboxes label,#wait-times-settings-checkboxes label { cursor:pointer;color:#ddd;}#park-checkboxes input[type="checkbox"],#general-settings-checkboxes input[type="checkbox"],#wait-times-settings-checkboxes input[type="checkbox"] { width:18px;height:18px;accent-color:#007bff; margin-right:8px; }#general-settings-checkboxes {display:flex;flex-direction:column;gap:5px;margin-top:15px; border-top:1px solid #333; padding-top:15px;}#wait-times-settings-checkboxes {display:flex;flex-direction:column;gap:5px;margin-top:15px;border-top:1px solid #333;padding-top:15px;}.accordion-item {border-top:1px solid #333;padding-top:15px;margin-top:15px;}.accordion-header {background:none;border:none;color:#fff;font-size:1em; font-weight:bold;width:100%;text-align:left;padding:0;margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;}.accordion-header h3 {margin:0; color:inherit; border-bottom:none; padding-bottom:0; }.accordion-icon {font-size:1.2em;transition:transform 0.3s ease-out;}.accordion-header.active .accordion-icon {transform:rotate(180deg);}.accordion-content {max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;}.accordion-content.active {max-height:500px; }.save-settings-btn {background-color:#007bff;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color 0.3s ease;width:100%;}.save-settings-btn:hover {background-color:#0056b3;}@keyframes fadeIn {from { opacity:0; }to { opacity:1; }}@keyframes slideIn {from { transform:translateY(-50px); opacity:0; }to { transform:translateY(0); opacity:1; }}.right-panel .panel-logo {width:25px; height:25px;border-radius:50%;object-fit:cover;}.right-panel .settings-cog-btn,.right-panel .panel-link-button { background:rgba(255, 255, 255, 0.2);border:none;color:white;font-size:16px;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;z-index:100;margin:0 auto; padding:0; line-height:1; }.right-panel .settings-cog-btn:hover,.right-panel .panel-link-button:hover {background:rgba(255, 255, 255, 0.4);}.panel-item[data-tooltip]:hover::after {content:attr(data-tooltip);position:absolute;left:-5px; transform:translateX(-100%); background-color:rgba(0, 0, 0, 0.8);color:white;padding:5px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:101; opacity:1;visibility:visible;transition:opacity 0.2s ease, visibility 0.2s ease;pointer-events:none; }.panel-item[data-tooltip]::after {opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;}.link-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.link-modal.show {display:flex;}.link-modal .modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}#link-modal-iframe {flex-grow:1; width:100%;border:none;}.about-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.about-modal.show {display:flex;}.about-modal .modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}#about-content {color:#ddd;line-height:1.6;}#about-content h3 {color:#fff;margin-top:20px;margin-bottom:10px;}#about-content p {margin-bottom:10px;}#about-content a {color:#ADD8E6; text-decoration:underline;}.max-videos-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.max-videos-modal.show {display:flex;}.max-videos-options {display:flex;flex-direction:column;gap:10px;margin-top:15px;margin-bottom:20px;}.max-videos-options .radio-option {display:flex;align-items:center;}.max-videos-options input[type="radio"] {width:18px;height:18px;accent-color:#007bff;margin-right:8px;}.max-videos-options label {cursor:pointer;color:#ddd;}.donate-modal {display:none; position:fixed; z-index:1000; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.7); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.donate-modal.show {display:flex;}.donate-options {display:flex;flex-direction:column;gap:15px;margin-top:20px;}.donate-button {background-color:#333;color:white;padding:10px 15px;border-radius:5px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:bold;transition:background-color 0.3s ease, transform 0.2s ease;box-shadow:0 2px 5px rgba(0,0,0,0.3);}.donate-button:hover {background-color:#555;transform:translateY(-2px);}.notification-area {position:relative;display:inline-block;}.notification-btn {background:rgba(255, 255, 255, 0.2);border:none;color:white;font-size:16px;width:25px;height:25px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color 0.2s ease;padding:0;}.notification-btn:hover {background:rgba(255, 255, 255, 0.4);}.notification-indicator {position:absolute;top:1px;right:1px;width:6px;height:6px;background-color:#dc3545;border-radius:50%;border:1px solid white;}.notification-panel {display:none;position:absolute;top:100%;right:0;margin-top:10px;background-color:#1f2833;color:#c5c6c7;border:1px solid #333;border-radius:8px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.5);width:320px;z-index:1050;overflow:hidden;font-family:sans-serif;text-align:left;}.notification-panel.open {display:block;}.notification-panel-header {padding:12px 16px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;}.notification-panel-header h3 {margin:0;font-size:1rem;color:#66fcf1;}.notification-actions button {background:none;border:none;color:#66fcf1;cursor:pointer;font-size:0.75rem;padding:0;margin-left:10px;font-weight:bold;}.notification-actions button:hover {text-decoration:underline;}.notification-actions #clear-all-btn {color:#ff4d4d;}.notification-list {max-height:300px;overflow-y:auto;}.notification-item {padding:12px 16px;border-bottom:1px solid #2d3748;display:flex;flex-direction:column;transition:background-color 0.2s;}.notification-item.unread {background-color:rgba(102, 252, 241, 0.05);cursor:pointer;}.notification-item.unread:hover {background-color:rgba(102, 252, 241, 0.1);}.notification-item:last-child {border-bottom:none;}.notification-item-title {font-weight:bold;margin-bottom:4px;color:#fff;font-size:0.9rem;}.notification-item-body {font-size:0.85rem;color:#8f9499;line-height:1.4;margin-bottom:4px;}.notification-item-time {font-size:0.75rem;color:#45a29e;}.no-notifications {padding:16px;margin:0;color:#8f9499;text-align:center;font-size:0.9rem;}.notification-panel .mobile-close-btn {display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;}@media (max-width:480px) {.notification-panel {position:fixed;top:0;right:0;width:100%;height:100%;margin-top:0;border-radius:0;z-index:2000;}.notification-panel .mobile-close-btn {display:block;}.notification-list {max-height:calc(100% - 60px);}}@media (min-width:769px) {.push-notifications-modal .modal-content {max-width:700px !important;}}.info-bubble {display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:rgba(255, 255, 255, 0.15);color:#ccc;border-radius:50%;font-size:11px;font-weight:bold;cursor:pointer;margin-left:8px;position:relative;vertical-align:middle;transition:background-color 0.2s, color 0.2s;box-sizing:border-box;}.info-bubble:hover {background-color:#66fcf1;color:#0b0c10;}.info-bubble::after {content:attr(data-tooltip);position:absolute;top:130%; bottom:auto;left:0; transform:scale(0.9);transform-origin:top left;background-color:#1f2833;color:#fff;border:1px solid #45a29e;padding:8px 12px;border-radius:6px;font-size:0.8rem;font-weight:normal;width:240px;white-space:normal;box-shadow:0 4px 12px rgba(0,0,0,0.6);z-index:1000;pointer-events:none;opacity:0;transition:opacity 0.2s ease, transform 0.2s ease;}.info-bubble:hover::after {opacity:1;transform:scale(1);}.info-bubble::before {content:"";position:absolute;top:110%; bottom:auto;left:4px;border-width:5px;border-style:solid;border-color:transparent transparent #45a29e transparent;z-index:1000;pointer-events:none;opacity:0;transition:opacity 0.2s ease;}.info-bubble:hover::before {opacity:1;}.selected-streamer-badge {display:inline-flex;align-items:center;background-color:rgba(102, 252, 241, 0.15);color:#66fcf1;border:1px solid rgba(102, 252, 241, 0.3);padding:4px 10px;border-radius:16px;font-size:0.85rem;gap:8px;}.selected-streamer-badge span {white-space:nowrap;}.selected-streamer-badge .remove-streamer-btn {background:none;border:none;color:#ff4d4d;font-size:1.1rem;font-weight:bold;cursor:pointer;padding:0;display:flex;align-items:center;}.selected-streamer-badge .remove-streamer-btn:hover {color:#ff3333;}.streamer-suggestions-item {padding:10px 12px;cursor:pointer;color:#fff;transition:background-color 0.2s;font-size:0.9rem;}.streamer-suggestions-item:hover {background-color:rgba(102, 252, 241, 0.2);}.push-notifications-modal .modal-content {display:flex;flex-direction:column;max-height:85vh; padding:0 !important; overflow:hidden; }@media (max-width:768px) {.push-notifications-modal .modal-content {max-height:100vh;height:100%;}}.push-notifications-modal .modal-header {padding:15px 20px;border-bottom:1px solid #333;position:relative;background-color:#1e1e1e;flex-shrink:0;}.push-notifications-modal .modal-header h2 {margin:0;font-size:1.5rem;border-bottom:none !important;padding-bottom:0 !important;margin-bottom:0 !important;}.push-notifications-modal .close-button {position:absolute;top:50% !important;right:20px !important;transform:translateY(-50%) !important;margin:0 !important;}.push-notifications-modal .modal-body {padding:20px;overflow-y:auto;flex-grow:1;}.push-notifications-modal .modal-body::-webkit-scrollbar {width:8px;}.push-notifications-modal .modal-body::-webkit-scrollbar-track {background:#111;}.push-notifications-modal .modal-body::-webkit-scrollbar-thumb {background:#333;border-radius:4px;}.push-notifications-modal .modal-body::-webkit-scrollbar-thumb:hover {background:#66fcf1;}
@media (min-width:480px) { .bug-feature-buttons {flex-direction:row;justify-content:space-around; align-items:center;}}.action-button {display:block; flex-grow:1; background-color:#007bff; color:white;padding:10px 15px;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.action-button:hover {background-color:#0056b3; transform:translateY(-2px); box-shadow:0 6px 8px rgba(0, 0, 0, 0.15); }.no-link{text-decoration:none;color:white;}.wait-times-logos-container {display:inline-flex; align-items:center;height:var(--wait-times-bar-height); width:52px; vertical-align:middle; flex-shrink:0; margin-right:15px; }.wait-times-logo {height:calc(var(--wait-times-bar-height) - 4px); width:auto; border-radius:50%;border:1px solid rgba(255, 255, 255, 0.5); box-shadow:0 0 5px rgba(255, 255, 255, 0.3);position:relative; }.wait-times-logo:nth-child(2) {margin-left:calc(-50% / 2); z-index:2; }.wait-times-logo:nth-child(3) {margin-left:calc(-50% / 2); z-index:3; }.wait-times-attribution {padding:0 15px;font-size:0.9em;color:#aaa; white-space:nowrap;display:inline-block;margin-left:20px; }.chat-loading-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(30, 30, 30, 0.9); display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10; transition:opacity 0.3s ease;}.chat-loading-overlay.hidden {opacity:0;pointer-events:none;}.chat-loading-overlay .chat-loading-spinner {border:4px solid rgba(255, 255, 255, 0.3);border-top:4px solid #ffffff; border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px;}.chat-loading-overlay p {color:#fff;font-size:0.9em;margin:0;}.login-panel-item .settings-cog-btn {width:25px;height:25px;font-size:16px; padding:0; line-height:1; }.login-panel-item .user-profile-pic {width:25px;height:25px;border-radius:50%;object-fit:cover;border:1px solid rgba(255, 255, 255, 0.5); }.login-hidden-gsi {display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;}.custom-message-modal {display:none; position:fixed; z-index:1002; left:0;top:0;width:100%;height:100%;overflow:auto; background-color:rgba(0,0,0,0.85); justify-content:center;align-items:center;animation:fadeIn 0.3s forwards;}.custom-message-modal.show {display:flex;}@media (min-width:933px) {.custom-message-modal .modal-content {background-color:#1e1e1e;margin:auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.7);position:relative;animation:slideIn 0.3s forwards;text-align:center;}}.custom-message-modal .modal-content.error {border-color:#f44336; box-shadow:0 5px 20px rgba(244, 67, 54, 0.5); }.custom-message-modal .modal-content h2 {margin-top:0;color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:15px;}.custom-message-modal .modal-content p {margin-bottom:20px;line-height:1.5;}.custom-message-modal .close-button {color:#aaa;position:absolute;top:10px;right:15px;font-size:28px;font-weight:bold;cursor:pointer;}.custom-message-modal .close-button:hover,.custom-message-modal .close-button:focus {color:white;text-decoration:none;cursor:pointer;}.custom-message-modal .modal-ok-button {background-color:#007bff;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color 0.3s ease;width:100%;}.custom-message-modal .modal-ok-button:hover {background-color:#0056b3;}.site-fullscreen-btn {position:absolute;top:calc(50% + 60px); left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border:none;color:white;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;opacity:0;transition:opacity 0.3s ease;padding:0; }.site-fullscreen-btn svg {width:16px;height:16px;}.stream-container:hover .site-fullscreen-btn {opacity:1;}.site-fullscreen-btn:hover {background:rgba(70, 70, 70, 0.7);}.focus-btn {position:absolute;top:calc(50% + 90px); left:8px;transform:translateY(-50%);background:rgba(0, 0, 0, 0.7);border:none;color:white;font-size:16px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;opacity:0;transition:opacity 0.3s ease;}.stream-container:hover .focus-btn {opacity:1;}.focus-btn:hover {background:rgba(70, 70, 70, 0.7);}.stream-container.focused {border:3px solid #00aaff; z-index:30; box-shadow:0 0 20px rgba(0, 170, 255, 0.5); }.pwa-install-popup {position:fixed;bottom:-200px; right:20px;background-color:#2a2a2e;border-radius:12px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.4);display:flex;align-items:center;padding:15px;z-index:10001; transition:bottom 0.5s ease-in-out;border:1px solid #444;}.pwa-install-popup.show {bottom:20px;}.pwa-install-popup-logo {width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover;}.pwa-install-popup-content {display:flex;flex-direction:column;align-items:flex-start;}.pwa-install-popup-content p {margin:0 0 8px 0;font-size:1em;font-weight:500;color:#f0f0f0;}.pwa-install-popup-btn {background-color:#007bff;color:white;border:none;border-radius:8px;padding:8px 16px;font-size:0.9em;font-weight:bold;cursor:pointer;transition:background-color 0.3s ease, transform 0.2s ease;}.pwa-install-popup-btn:hover {background-color:#0056b3;transform:translateY(-1px);}.pwa-install-popup-close-btn {position:absolute;top:5px;right:5px;background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;line-height:1;padding:5px;}.pwa-install-popup-close-btn:hover {color:white;}@media (max-width:932px) {.pwa-install-popup {left:50%;transform:translateX(-50%);right:auto;width:90%;max-width:350px;}.pwa-install-popup.show {bottom:70px; }}#install-pwa-btn-unavailable {background-color:#555;cursor:not-allowed;opacity:0.6;}.chat-placeholder {display:none; flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer;background-color:#1a1a1a;color:#888;font-size:1.2em;transition:background-color 0.3s ease;min-height:150px; }.chat-placeholder:hover {background-color:#2a2a2a;color:#ccc;}.chat-placeholder-icon {font-size:2em;margin-bottom:10px;}@media (max-width:932px) {.stream-container:not(.chat-initiated) .chat-placeholder {display:flex;}.stream-container:not(.chat-initiated) .chat-iframe {display:none;}.desktop-only-logo{display:none;}}.settings-cog-btn svg {width:16px;height:16px;stroke:currentColor; }
.chat-slideout {position:fixed;top:0;right:-400px; width:380px;height:100vh;height:100dvh;background-color:#0b0c10; z-index:9999; transition:right 0.3s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:-8px 0 25px rgba(0, 0, 0, 0.7);display:flex;flex-direction:column;font-family:'Inter', system-ui, -apple-system, sans-serif;border-left:1px solid #1f2833;}.chat-slideout.open {right:0; }@media (min-width:933px) {.chat-slideout.open {right:var(--right-panel-width, 55px);}body:has(.park-companion-slideout.open) .chat-slideout.open {right:calc(var(--right-panel-width, 55px) + 25vw);}}@media (max-width:932px) {.chat-slideout {right:-100vw;width:100vw;z-index:9999; border-left:none;}.chat-slideout.open {right:0;}}.chat-header {background-color:#1f2833;padding:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #66fcf1; }.chat-header-title {display:flex;align-items:center;gap:10px;}.chat-header-icon {font-size:1.3em;}.chat-header-title h3 {color:#ffffff;margin:0;font-size:1.05rem;font-weight:600;letter-spacing:0.5px;}.chat-header-actions {display:flex;align-items:center;gap:10px;}#chat-settings-toggle-btn {background:none;border:none;color:#c5c6c7;font-size:1.15em;cursor:pointer;padding:4px;border-radius:4px;transition:color 0.2s, background-color 0.2s;}#chat-settings-toggle-btn:hover {color:#66fcf1;background-color:rgba(102, 252, 241, 0.08);}.close-chat-btn {background:none;border:none;color:#ffffff;font-size:20px;cursor:pointer;padding:0 4px;transition:transform 0.2s, color 0.2s;}.close-chat-btn:hover {color:#ff4d4d;transform:scale(1.1);}.chat-settings-panel {position:absolute;top:58px; left:0;width:100%;height:calc(100% - 58px);background-color:#0b0c10;z-index:10;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;animation:slideDown 0.25s ease-out;}@keyframes slideDown {from { transform:translateY(-15px); opacity:0; }to { transform:translateY(0); opacity:1; }}.chat-settings-header {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2833;padding-bottom:12px;margin-bottom:20px;}.chat-settings-header h4 {margin:0;color:#66fcf1;font-size:1.1rem;}#chat-settings-back-btn {background:rgba(255, 255, 255, 0.1);border:none;color:#fff;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:0.85em;transition:background-color 0.2s;}#chat-settings-back-btn:hover {background:rgba(255, 255, 255, 0.2);}.chat-settings-body {display:flex;flex-direction:column;gap:15px;}.chat-setting-item {display:flex;justify-content:space-between;align-items:center;color:#c5c6c7;font-size:0.95rem;padding:10px 0;border-bottom:1px dashed #1f2833;cursor:pointer;}.chat-setting-item input[type="checkbox"] {width:18px;height:18px;accent-color:#66fcf1;cursor:pointer;}.chat-setting-item.sub-setting {font-size:0.85rem;padding:6px 0;color:#8f9499;}#chat-settings-save-btn {margin-top:20px;background-color:#45a29e;color:#0b0c10;border:none;padding:12px;font-weight:700;border-radius:6px;cursor:pointer;transition:background-color 0.2s, box-shadow 0.2s;}#chat-settings-save-btn:hover {background-color:#66fcf1;box-shadow:0 0 10px rgba(102, 252, 241, 0.4);}.chat-main-container {display:flex;flex:1;overflow:hidden;position:relative;}.chat-rooms-list {width:140px; background-color:#151b24;border-right:1px solid #1f2833;display:flex;flex-direction:column;overflow-y:auto;}.chat-rooms-list::-webkit-scrollbar {width:3px;}.chat-rooms-list::-webkit-scrollbar-thumb {background:#1f2833;}.chat-room-item {padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;border-bottom:1px solid #1f2833;cursor:pointer;position:relative;text-align:center;transition:background-color 0.2s;}.chat-room-item:hover {background-color:rgba(102, 252, 241, 0.05);}.chat-room-item.active {background-color:rgba(102, 252, 241, 0.1);border-left:3px solid #66fcf1;}.chat-room-avatar {width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#1f2833;font-size:1.1rem;border:1px solid #45a29e;object-fit:cover;}.chat-room-info {display:flex;flex-direction:column;overflow:hidden;width:100%;}.chat-room-name {color:#fff;font-size:0.75rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px;width:100%;}.chat-hide-convo-btn {position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;color:#8f9499;border:none;font-size:1.2rem;line-height:1;padding:4px;cursor:pointer;opacity:0;transition:opacity 0.2s, color 0.2s;}.chat-room-item:hover .chat-hide-convo-btn {opacity:1;}.chat-hide-convo-btn:hover {color:#ff4d4d;}.chat-room-status {color:#8f9499;font-size:0.65rem;white-space:nowrap;}.chat-sidebar-section-title {color:#45a29e;font-size:0.65rem;font-weight:700;text-transform:uppercase;padding:12px 4px 6px;border-top:1px solid #1f2833;text-align:center;letter-spacing:0.5px;white-space:normal;word-wrap:break-word;}.chat-room-badge {position:absolute;top:6px;right:6px;background-color:#ff4d4d;color:white;font-size:0.65rem;font-weight:bold;padding:2px 5px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.5);}.chat-no-users {color:#8f9499;font-size:0.7rem;padding:15px 5px;text-align:center;}.chat-window {flex:1;display:flex;flex-direction:column;background-color:#0b0c10;}.chat-messages-container {flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;}.chat-messages-container::-webkit-scrollbar {width:5px;}.chat-messages-container::-webkit-scrollbar-track {background:#0b0c10;}.chat-messages-container::-webkit-scrollbar-thumb {background:#1f2833;border-radius:4px;}.chat-loading-msgs {color:#8f9499;font-size:0.9em;text-align:center;margin-top:40px;}.chat-msg-row {display:flex;gap:8px;max-width:85%;}.chat-msg-row.mine {align-self:flex-end;flex-direction:row-reverse;}.chat-msg-row.theirs {align-self:flex-start;}.chat-msg-avatar {width:28px;height:28px;border-radius:50%;border:1px solid #1f2833;object-fit:cover;}.chat-msg-bubble-wrap {display:flex;flex-direction:column;}.chat-msg-sender {font-size:0.7rem;color:#8f9499;margin-bottom:2px;}.chat-msg-row.mine .chat-msg-sender {text-align:right;}.chat-msg-bubble {padding:10px 12px;border-radius:12px;font-size:0.85rem;line-height:1.4;word-break:break-word;position:relative;box-shadow:0 2px 5px rgba(0,0,0,0.2);}.chat-msg-row.mine .chat-msg-bubble {background-color:#45a29e;color:#0b0c10;border-top-right-radius:2px;}.chat-msg-row.theirs .chat-msg-bubble {background-color:#1f2833;color:#c5c6c7;border-top-left-radius:2px;}.chat-msg-time {font-size:0.62rem;color:rgba(255, 255, 255, 0.4);align-self:flex-end;margin-top:4px;white-space:nowrap;}.chat-msg-row.mine .chat-msg-time {color:rgba(11, 12, 16, 0.6);}.chat-room-item-avatar-wrapper {position:relative;display:inline-block;}.chat-online-dot {position:absolute;bottom:0;right:0;width:8px;height:8px;background-color:#66fcf1; border-radius:50%;border:1.5px solid #151b24;}.highlight-pulse {animation:messagePulse 2s ease-in-out;}@keyframes messagePulse {0% { box-shadow:0 0 0 0 rgba(102, 252, 241, 0.8); border:1.5px solid #66fcf1; }50% { box-shadow:0 0 15px 4px rgba(102, 252, 241, 0.6); border:1.5px solid #66fcf1; }100% { box-shadow:0 2px 5px rgba(0,0,0,0.2); border:none; }}.chat-input-container {padding:12px;background-color:#151b24;border-top:1px solid #1f2833;display:flex;gap:8px;}#chat-message-input {flex:1;background-color:#0b0c10;border:1px solid #1f2833;color:#fff;padding:8px 12px;border-radius:6px;font-size:0.85rem;outline:none;transition:border-color 0.2s;}#chat-message-input:focus {border-color:#66fcf1;}#chat-send-btn {background-color:#45a29e;border:none;color:#0b0c10;padding:8px 16px;border-radius:6px;font-weight:bold;cursor:pointer;transition:background-color 0.2s;}#chat-send-btn:hover {background-color:#66fcf1;}
html[data-theme="modern"] {--modern-bg:#0A0914;--modern-card-bg:#181726;--modern-header-bg:rgba(24, 23, 38, 0.85);--modern-primary:#1A73E8;--modern-primary-hover:#4285F4;--modern-text:#F0F0F5;--modern-text-muted:#A0A0B0;--modern-border:rgba(26, 115, 232, 0.2);--modern-glow:0 0 15px rgba(26, 115, 232, 0.4);--modern-accent:#E50914;--font-heading:'Fredoka', sans-serif;--font-body:'Inter', sans-serif;}html[data-theme="modern"] body {background-color:var(--modern-bg);color:var(--modern-text);font-family:var(--font-body);}html[data-theme="modern"] h1,html[data-theme="modern"] h2,html[data-theme="modern"] h3,html[data-theme="modern"] h4,html[data-theme="modern"] h5,html[data-theme="modern"] h6 {font-family:var(--font-heading);letter-spacing:0.5px;}html[data-theme="modern"] #main-header {background:var(--modern-header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--modern-border);box-shadow:0 4px 20px rgba(0, 0, 0, 0.5);}html[data-theme="modern"] #main-header h1 {color:var(--modern-text);font-weight:600;}html[data-theme="modern"] .settings-cog-btn {border-radius:8px;transition:all 0.2s ease;}html[data-theme="modern"] .settings-cog-btn:hover {background-color:rgba(26, 115, 232, 0.2);color:var(--modern-primary-hover);box-shadow:var(--modern-glow);}html[data-theme="modern"] .stream-container {background-color:var(--modern-card-bg);border:1px solid var(--modern-border) !important;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);transition:transform 0.2s ease, box-shadow 0.2s ease;}html[data-theme="modern"] .stream-container:hover {box-shadow:var(--modern-glow);border-color:var(--modern-primary) !important;}html[data-theme="modern"] .desktop-controls {background-color:var(--modern-card-bg);border-top:1px solid var(--modern-border);}html[data-theme="modern"] .desktop-controls button:hover {color:var(--modern-primary-hover) !important;background-color:rgba(26, 115, 232, 0.15) !important;}html[data-theme="modern"] .channel-label {font-family:var(--font-heading);color:var(--modern-text);}html[data-theme="modern"] .view-count-display {color:var(--modern-text-muted);font-family:var(--font-body);}html[data-theme="modern"] .modal-content {background-color:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:20px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(26, 115, 232, 0.15);color:var(--modern-text);font-family:var(--font-body);}html[data-theme="modern"] .modal-content h2,html[data-theme="modern"] .modal-content h3 {color:var(--modern-primary);border-bottom-color:rgba(26, 115, 232, 0.3);}html[data-theme="modern"] .save-settings-btn,html[data-theme="modern"] .contact-report-btn {background-color:var(--modern-primary);color:#fff;border:none;border-radius:8px;font-family:var(--font-heading);font-weight:600;transition:all 0.2s ease;box-shadow:0 4px 10px rgba(26, 115, 232, 0.3);}html[data-theme="modern"] .save-settings-btn:hover,html[data-theme="modern"] .contact-report-btn:hover {background-color:var(--modern-primary-hover);box-shadow:var(--modern-glow);transform:translateY(-2px);}html[data-theme="modern"] select,html[data-theme="modern"] input[type="number"],html[data-theme="modern"] input[type="text"] {background-color:#242236;border:1px solid rgba(26, 115, 232, 0.4);color:var(--modern-text);border-radius:6px;font-family:var(--font-body);}html[data-theme="modern"] select:focus,html[data-theme="modern"] input[type="number"]:focus,html[data-theme="modern"] input[type="text"]:focus {outline:none;border-color:var(--modern-primary);box-shadow:0 0 5px rgba(26, 115, 232, 0.5);}html[data-theme="modern"] .chat-panel,html[data-theme="modern"] .chat-slideout,html[data-theme="modern"] .mobile-nav {background-color:var(--modern-card-bg);border-color:var(--modern-border);}html[data-theme="modern"] .chat-header {background-color:#242236;border-bottom:1px solid var(--modern-border);}html[data-theme="modern"] .chat-room-item.active {background-color:rgba(26, 115, 232, 0.2);border-left-color:var(--modern-primary);}html[data-theme="modern"] .chat-input-container {background-color:#242236;border-top:1px solid var(--modern-border);}html[data-theme="modern"] .chat-input-container input {background-color:#181726;border:1px solid rgba(26, 115, 232, 0.4);}html[data-theme="modern"] #chat-send-btn {background-color:var(--modern-primary);}html[data-theme="modern"] #chat-send-btn:hover {background-color:var(--modern-primary-hover);}html[data-theme="modern"] ::-webkit-scrollbar {width:8px;height:8px;}html[data-theme="modern"] ::-webkit-scrollbar-track {background:var(--modern-bg);}html[data-theme="modern"] ::-webkit-scrollbar-thumb {background:#3a3654;border-radius:4px;}html[data-theme="modern"] ::-webkit-scrollbar-thumb:hover {background:var(--modern-primary);}html[data-theme="modern"] .scrolling-wait-times {background-color:var(--modern-header-bg);border-top:1px solid var(--modern-border);backdrop-filter:blur(10px);}html[data-theme="modern"] .mobile-focus-indicator {background:rgba(26, 115, 232, 0.2);}html[data-theme="modern"] .focus-dot.active {background:var(--modern-primary);box-shadow:0 0 8px var(--modern-primary);}