:root{--fg: #fff;--bg-primary: #222;--bg-secondary: #171719}html,body,#root,main,.stationDisplayPage{width:100%;min-height:100%;margin:0;padding:0;color:var(--fg);background-color:var(--bg-secondary);font-family:Atkinson Hyperlegible,sans-serif}.stationDisplayPage{height:100vh;overflow:hidden}div.code{font-family:monospace!important;white-space:pre;overflow-x:scroll;background-color:#282c34;padding:.5rem .75rem}#root{display:flex;flex-direction:column;align-items:center;height:100%}main{width:calc(100% - 24px);max-width:800px;padding:4px 12px 12px;background-color:var(--bg-primary)}main.qsMain{height:calc(100dvh - 16px);max-height:100dvh;overflow:hidden}div.qsKeyboard{position:absolute;left:0;bottom:0;width:calc(100% - 4px);height:210px;background-color:#444;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);gap:2px;padding:2px}div.qsKeyboard>button{color:#fff;border:none;background-color:#333;font-weight:500;text-align:center}div.qsKeyboard>button:disabled{color:#ddd;background-color:#222}div.qsKeyboard>div.qsTextBox{background-color:#333;font-weight:500;padding:10px;text-align:center;grid-column:1 / span 10}h1,h2,h3,h4,h5,h6,p,a,span,div{margin:0;padding:0}h2{margin-top:8px}.agencies,.routes,.stations,.trains{max-width:400px;display:flex;flex-direction:column;gap:4px;margin-top:8px;text-align:left}.trains{margin-top:0;margin-bottom:4px}.trainsDisplay{display:grid;grid-template-columns:auto auto auto auto auto auto;max-width:none;padding:4px;font-size-adjust:1}.agency,.route,.station,.train,.destination{display:flex;flex-direction:column;padding:.4rem;cursor:pointer;text-decoration:underline}.destination{cursor:default;text-decoration:none}.station,.destination{background-color:#444}a,a:visited{color:var(--fg)}.header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.train{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;font-size:1.2em;text-decoration:none!important}.trainLink{text-decoration:none!important}.trainInfo{display:flex;flex-direction:column;margin:8px 0 4px;padding:2px 6px 4px;max-width:388px}.trainInfo h2{margin-top:0;margin-bottom:-4px}.trainInfo p{margin-left:2px}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.maplibregl-popup-content{color:var(--fg)!important;background-color:#444!important;width:90vw;max-width:400px;max-height:50vh;overflow-y:auto;padding:8px!important}.maplibregl-popup-close-button{color:var(--fg)!important;font-size:20px!important}.mapBar{display:flex;flex-direction:column;font-size:18px;gap:2px}.mapBar h3{padding:0 0 6px}.mapStationBar{padding:6px 8px;background-color:#222}.mapTrainBar{display:flex;flex-direction:row;justify-content:space-between;padding:6px 8px;background-color:#111}table{border-collapse:collapse;width:100%;margin-top:8px}th,td{padding:4px;text-align:left;border-bottom:1px solid #ddd}tr:hover{background-color:#222}tr:nth-child(2n){background-color:#333}.json_view_container{font-size:16px;background-color:#282c34}.json_view_label{color:#abb2bf}.json_view_label:after{content:" "}.json_view_null{color:#c678dd}.json_view_undefined{color:#abb2bf}.json_view_number{color:#d19a66}.json_view_string{color:#98c379}.json_view_boolean{color:#e6c07b}.json_view_punctuation{color:#abb2bf}.settingsPage{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.settingsPage input{width:1.2rem;height:1.2rem;margin:0}.settingsPage span{display:flex;align-items:center;gap:.5rem}.settingsPage span label{font-size:1.2rem}.settingsPage button,.settingsButton{font-size:1.2rem;color:#fff;background-color:#222;padding:.25rem .5rem;border:1px solid #fff;border-radius:4px;cursor:pointer;width:100%}.settingsPage button:hover,.settingsButton:hover{background-color:#444}.settingsPage select{font-size:1.2rem;color:#fff;background-color:#222;padding:.25rem .5rem;border:1px solid #fff;border-radius:4px;cursor:pointer}.maplibregl-ctrl-attrib-inner{color:#000}