*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}#app>h2{margin:16px;color:var(--md-sys-color-on-surface-variant);font-size:24px;font-weight:500;text-align:center}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}@media (max-width: 900px){.app-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.app-title h1{font-size:18px}.app-icon{width:36px;height:36px}.connection-status{font-size:12px}}.app-title{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease;border-radius:8px;padding:4px 8px;margin:-4px -8px}.app-title:hover{opacity:.8;background-color:#ffffff1a}.app-title.clickable{-webkit-user-select:none;user-select:none}.app-icon{width:48px;height:48px}.app-title h1{font-size:20px;font-weight:500;margin:0}.connection-status{display:flex;align-items:center;gap:8px;font-size:14px;transition:transform .5s ease-in-out;transform:translate(0);cursor:pointer;padding:4px 8px;border-radius:4px;min-width:40px;justify-content:flex-start;overflow:hidden;white-space:nowrap}.connection-status:hover{background-color:var(--md-sys-color-surface-container-high)}.status-text{transition:opacity .3s ease-in-out}.status-icon{font-size:20px}.header-controls{display:flex;align-items:center;gap:4px}.settings-container{position:relative;display:flex;align-items:center}.settings-toggle{--md-icon-button-size: 40px;--md-icon-button-icon-color: var(--md-sys-color-on-primary-container)}.settings-panel{position:absolute;top:0;right:0;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline);border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026;z-index:1000;width:520px;max-width:calc(100vw - 48px);display:flex;flex-direction:column;gap:12px}.settings-close-btn{position:absolute;top:8px;right:8px;--md-icon-button-size: 32px;--md-icon-button-icon-color: var(--md-sys-color-on-surface);z-index:1001}.settings-close-btn-mobile{--md-icon-button-size: 36px;--md-icon-button-icon-color: var(--md-sys-color-on-primary-container)}.settings-header{display:none}.settings-header h3{margin:0;font-size:18px;font-weight:500}.settings-collapse{display:flex;align-items:center}.settings-content{display:flex;flex-direction:column;gap:16px;flex:1;padding:0 40px 0 0}@media (max-width: 900px){.settings-panel{position:fixed;inset:20px 16px auto;transform:none;min-width:unset;width:calc(100% - 32px);height:auto;max-height:calc(100vh - 100px);flex-direction:column;align-items:stretch;gap:0;padding:0;border-radius:12px;border:1px solid var(--md-sys-color-outline);overflow-y:auto;box-shadow:0 8px 32px #0000003d}.settings-close-btn{display:none}.settings-header{display:flex!important;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-bottom:1px solid var(--md-sys-color-outline);border-radius:12px 12px 0 0}.settings-header h3{margin:0;font-size:16px;font-weight:500}.settings-close-btn-mobile{--md-icon-button-size: 36px;--md-icon-button-icon-color: var(--md-sys-color-on-primary-container)}.settings-content{flex-direction:column;gap:12px;align-items:stretch;padding:16px;flex:1}.settings-collapse{display:none!important}.timezone-controls{flex-direction:column;gap:12px}.timezone-group{width:100%;align-items:flex-start}.timezone-group label{align-self:flex-start;margin-bottom:6px;font-size:14px}.timezone-select,.timezone-display{width:100%;padding:10px;font-size:16px;border-radius:8px}.timezone-offset{font-size:12px;margin-top:4px}.timezone-md-select{width:100%;margin-top:4px}.color-toggle,.dark-mode-toggle,.word-wrap-toggle{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid var(--md-sys-color-outline-variant);gap:16px!important}.color-toggle label,.dark-mode-toggle label,.word-wrap-toggle label{font-size:14px!important;font-weight:400!important;margin:0!important;flex:1;white-space:nowrap}}.settings-overlay{display:none}@media (max-width: 900px){.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}}.color-toggle,.dark-mode-toggle,.word-wrap-toggle{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.color-toggle label,.dark-mode-toggle label,.word-wrap-toggle label{font-size:14px;color:var(--md-sys-color-on-surface);opacity:.9;font-weight:500;white-space:nowrap;flex:1}.color-toggle md-switch,.dark-mode-toggle md-switch,.word-wrap-toggle md-switch{--md-switch-track-width: 44px;--md-switch-track-height: 24px;--md-switch-handle-width: 20px;--md-switch-handle-height: 20px;height:25.5px}.timezone-controls{display:flex;flex-direction:column;gap:12px;align-items:stretch}.timezone-group{display:flex;flex-direction:column;gap:6px;align-items:stretch}.timezone-group label{font-size:14px;color:var(--md-sys-color-on-surface);opacity:.9;margin-bottom:2px}.timezone-select{background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline);border-radius:4px;color:var(--md-sys-color-on-surface);padding:4px 8px;font-size:12px;min-width:120px}.timezone-display{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;color:var(--md-sys-color-on-surface);padding:4px 8px;font-size:12px;min-width:120px;font-family:monospace;opacity:.8}.timezone-offset{font-size:10px;color:var(--md-sys-color-on-surface-variant);opacity:.7;margin-top:2px;font-family:monospace}.timezone-md-select{width:100%;--md-outlined-select-text-field-container-color: var(--md-sys-color-surface);--md-outlined-select-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-select-text-field-focus-outline-color: var(--md-sys-color-primary)}.timezone-select:focus{outline:none;background-color:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary)}.timezone-select option{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.logout-btn{--md-icon-button-size: 40px;--md-icon-button-icon-color: var(--md-sys-color-on-primary-container)}.app-main{flex:1;display:flex;min-height:0;overflow:hidden}@media screen and (max-width: 768px){.app-main{flex-direction:column!important;flex:1!important;min-height:0!important}.streams-sidebar{display:none!important;visibility:hidden!important}.log-viewer{flex:1!important;width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;min-height:0!important}.log-content-wrapper{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}.log-content{flex:1!important;min-height:0!important}.logs-container{min-height:100%!important;display:flex!important;flex-direction:column!important}.empty-state{flex:1!important;min-height:calc(100vh - 116px)!important}}.streams-sidebar{width:320px;background-color:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px 24px;border-bottom:1px solid var(--md-sys-color-outline);display:flex;justify-content:space-between;align-items:center;height:56px;box-sizing:border-box}.sidebar-header h2{font-size:18px;font-weight:500;color:var(--md-sys-color-primary)}.streams-list{flex:1;overflow-y:auto}.stream-item{border-bottom:1px solid var(--md-sys-color-outline-variant);cursor:pointer;transition:background-color .2s;color:var(--md-sys-color-on-surface)}.stream-item:hover{background-color:var(--md-sys-color-surface-container-high)}.stream-item.selected{background-color:var(--md-sys-color-primary-container);border-left:4px solid var(--md-sys-color-primary)}.stream-status{display:flex;align-items:center}.static-mode .stream-status{display:none}.log-viewer{flex:1;background-color:var(--md-sys-color-surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}.log-viewer-header{padding:16px 24px;border-bottom:1px solid var(--md-sys-color-outline);display:flex;justify-content:space-between;align-items:center;height:auto;min-height:56px;box-sizing:border-box}.log-content-wrapper{flex:1;position:relative;overflow:hidden}.stream-title h3{font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface)}.stream-controls{display:flex;gap:8px;align-items:center}.stream-controls md-fab{--md-fab-container-width: 40px;--md-fab-container-height: 40px;--md-fab-icon-size: 20px}.stream-controls md-fab[size=small]{width:40px;height:40px}.scroll-to-bottom-btn,.scroll-to-bottom-btn-mobile{--md-fab-container-color: var(--md-sys-color-secondary-container);--md-fab-label-text-color: var(--md-sys-color-on-secondary-container);--md-fab-icon-color: var(--md-sys-color-on-secondary-container)}.desktop-controls{display:flex;gap:8px;align-items:center}.mobile-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px;align-items:center;z-index:100}@media screen and (min-width: 901px){.desktop-controls{display:flex}.mobile-controls{display:none}}@media screen and (max-width: 900px){.desktop-controls{display:none}.mobile-controls{display:flex;top:12px;right:12px;gap:6px}.mobile-controls md-fab{--md-fab-container-width: 36px;--md-fab-container-height: 36px;--md-fab-icon-size: 18px}.mobile-controls md-fab[size=small]{width:36px;height:36px}}.sidebar-header md-icon-button{--md-icon-button-size: 32px}.log-content{flex:1;overflow-y:auto;padding:0;padding-bottom:1rem;background-color:var(--md-sys-color-surface-container);height:100%}.log-text{flex:1;word-break:break-word;white-space:pre;overflow-wrap:break-word}.word-wrap-disabled .log-content{overflow-x:auto}.word-wrap-enabled .log-content{overflow-x:hidden}.word-wrap-disabled .log-text{white-space:pre;word-break:normal;overflow-wrap:normal}.memory-warning-card{margin:16px 0;--md-filled-card-container-color: var(--md-sys-color-error-container);--md-filled-card-container-elevation: 2}.memory-warning-content{display:flex;align-items:center;gap:12px;padding:16px}.memory-warning-content md-icon{color:var(--md-sys-color-error);font-size:24px}.memory-warning-text{color:var(--md-sys-color-on-error-container);font-weight:500;font-size:14px;line-height:1.4}.dark-theme .memory-warning-card{--md-filled-card-container-color: var(--md-sys-color-error-container)}.dark-theme .memory-warning-content md-icon{color:var(--md-sys-color-error)}.dark-theme .memory-warning-text{color:var(--md-sys-color-on-error-container)}.word-wrap-enabled .log-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.logs-container{padding:4px}.load-more-container{display:flex;justify-content:center;padding:16px;background-color:var(--md-sys-color-surface-variant);border-top:1px solid var(--md-sys-color-outline-variant)}.load-more-btn{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:20px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:inherit}.load-more-btn:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.load-more-btn:active{transform:scale(.98)}.log-entry{display:flex;align-items:flex-start;gap:12px;padding:4px 12px;margin-bottom:0;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.2;border-left:3px solid transparent;border-bottom:1px solid var(--md-sys-color-outline-variant);border-radius:0}.log-entry.group-first{border-top-left-radius:6px;border-top-right-radius:6px;border-top:1px solid var(--md-sys-color-outline)}.log-entry.group-middle{border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:0}.log-entry.group-last{border-bottom:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-bottom:4px}.log-entry.group-single{border-radius:6px;border-top:1px solid var(--md-sys-color-outline);border-bottom:none;margin-bottom:4px}.log-entry.time-gap{margin-top:8px;position:relative}.log-entry.time-gap:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--md-sys-color-outline);border-radius:1px}.log-entry.app{border-left-color:#4caf50}.log-entry.passenger{border-left-color:#ff9800}.log-timestamp{color:var(--md-sys-color-on-surface-variant);font-weight:500;min-width:80px;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.log-timestamp.fallback-timestamp{opacity:.7;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:var(--md-sys-color-on-surface-variant);text-align:center}.empty-state md-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-on-surface-variant)}.ansi-black{color:#000}.ansi-red{color:#cd0000}.ansi-green{color:#00cd00}.ansi-yellow{color:#cdcd00}.ansi-blue{color:#00e}.ansi-magenta{color:#cd00cd}.ansi-cyan{color:#00cdcd}.ansi-white{color:#e5e5e5}.ansi-bright-black{color:#7f7f7f}.ansi-bright-red{color:red}.ansi-bright-green{color:#0f0}.ansi-bright-yellow{color:#ff0}.ansi-bright-blue{color:#5c5cff}.ansi-bright-magenta{color:#f0f}.ansi-bright-cyan{color:#0ff}.ansi-bright-white{color:#fff}.ansi-bold{font-weight:700}.ansi-underline{text-decoration:underline}:root{--md-sys-color-primary: #1976d2;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e3f2fd;--md-sys-color-on-primary-container: #0d47a1;--md-sys-color-surface: #ffffff;--md-sys-color-on-surface: #212121;--md-sys-color-surface-variant: #f5f5f5;--md-sys-color-on-surface-variant: #666666;--md-sys-color-background: #f5f5f5;--md-sys-color-on-background: #212121;--md-sys-color-outline: #e0e0e0;--md-sys-color-outline-variant: #f0f0f0;--md-sys-color-surface-container: #fafafa;--md-sys-color-surface-container-low: #f8f8f8;--md-sys-color-surface-container-high: #f0f0f0;--md-sys-color-surface-container-highest: #e8e8e8}@media (prefers-color-scheme: dark){:root{--md-sys-color-primary: #90caf9;--md-sys-color-on-primary: #0d47a1;--md-sys-color-primary-container: #1565c0;--md-sys-color-on-primary-container: #ffffff;--md-sys-color-surface: #1e1e1e;--md-sys-color-on-surface: #ffffff;--md-sys-color-surface-variant: #121212;--md-sys-color-on-surface-variant: #e0e0e0;--md-sys-color-background: #121212;--md-sys-color-on-background: #e0e0e0;--md-sys-color-outline: #333333;--md-sys-color-outline-variant: #2a2a2a;--md-sys-color-surface-container: #1e1e1e;--md-sys-color-surface-container-low: #1a1a1a;--md-sys-color-surface-container-high: #2a2a2a;--md-sys-color-surface-container-highest: #333333}}body.dark-theme{--md-sys-color-primary: #90caf9 !important;--md-sys-color-on-primary: #0d47a1 !important;--md-sys-color-primary-container: #1565c0 !important;--md-sys-color-on-primary-container: #ffffff !important;--md-sys-color-surface: #1e1e1e !important;--md-sys-color-on-surface: #ffffff !important;--md-sys-color-surface-variant: #121212 !important;--md-sys-color-on-surface-variant: #e0e0e0 !important;--md-sys-color-background: #121212 !important;--md-sys-color-on-background: #e0e0e0 !important;--md-sys-color-outline: #333333 !important;--md-sys-color-outline-variant: #2a2a2a !important;--md-sys-color-surface-container: #1e1e1e !important;--md-sys-color-surface-container-low: #1a1a1a !important;--md-sys-color-surface-container-high: #2a2a2a !important;--md-sys-color-surface-container-highest: #333333 !important}body.light-theme{--md-sys-color-primary: #1976d2 !important;--md-sys-color-on-primary: #ffffff !important;--md-sys-color-primary-container: #e3f2fd !important;--md-sys-color-on-primary-container: #0d47a1 !important;--md-sys-color-surface: #ffffff !important;--md-sys-color-on-surface: #212121 !important;--md-sys-color-surface-variant: #f5f5f5 !important;--md-sys-color-on-surface-variant: #666666 !important;--md-sys-color-background: #f5f5f5 !important;--md-sys-color-on-background: #212121 !important;--md-sys-color-outline: #e0e0e0 !important;--md-sys-color-outline-variant: #f0f0f0 !important;--md-sys-color-surface-container: #fafafa !important;--md-sys-color-surface-container-low: #f8f8f8 !important;--md-sys-color-surface-container-high: #f0f0f0 !important;--md-sys-color-surface-container-highest: #e8e8e8 !important}.mobile-stream-selector{display:none}#stream-selector{width:100%;--md-outlined-select-text-field-container-color: var(--md-sys-color-surface);--md-outlined-select-text-field-outline-color: var(--md-sys-color-outline);--md-outlined-select-text-field-focus-outline-color: var(--md-sys-color-primary)}.stream-title.clickable{cursor:pointer;transition:color .2s ease}.stream-title.clickable:hover{color:var(--md-sys-color-primary)}@media screen and (max-width: 900px){.mobile-stream-selector{display:block!important;visibility:visible!important}.stream-title h3{display:none!important}.log-viewer-header{padding:12px 16px 16px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;height:auto!important;min-height:auto!important}.stream-controls{justify-content:center!important;flex-wrap:wrap!important;gap:8px!important}.streams-list{display:none!important}}.search-highlight{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);padding:0 2px;border-radius:2px;font-weight:500}.search-match{background-color:rgba(var(--md-sys-color-primary-rgb),.08);border-left:3px solid var(--md-sys-color-primary)}.search-context{opacity:.7;background-color:rgba(var(--md-sys-color-outline-rgb),.05)}.search-no-results{text-align:center;padding:2rem;color:var(--md-sys-color-on-surface-variant)}.search-no-results md-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.search-results-header{padding:1rem;background-color:var(--md-sys-color-surface-variant);border-radius:8px;margin-bottom:1rem;text-align:center;color:var(--md-sys-color-on-surface-variant)}.search-container{margin-bottom:1rem}.search-container md-outlined-text-field{width:100%}@media screen and (max-width: 768px){.search-highlight{padding:0 1px}.search-results-header{padding:.75rem;font-size:.9rem}}