:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#e8f0dd;--bg-card:#fff;--bg-hover:#f1f3f4;--bg-accent-soft:#e8f0fe;--text-primary:#202124;--text-muted:#70757a;--border:#dadce0;--border-soft:#e8eaed;--shadow:#0000004d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#202124;--bg-card:#2d2e30;--bg-hover:#3c4043;--bg-accent-soft:#2a3a52;--text-primary:#e8eaed;--text-muted:#9aa0a6;--border:#5f6368;--border-soft:#3c4043;--shadow:#0009}*{box-sizing:border-box;margin:0;padding:0}html,body,#map{width:100%;height:100%;overflow:hidden}body{color:var(--text-primary);background:var(--bg-page);font-family:Roboto,Segoe UI,Arial,sans-serif;font-size:14px}.card{background:var(--bg-card);box-shadow:0 2px 6px var(--shadow);border-radius:8px}#topbar{z-index:10;width:360px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);position:absolute;top:12px;left:12px;overflow-y:auto}#rhead{align-items:center;gap:8px;padding:14px 14px 4px;display:flex}#rhead a{color:#1a73e8;font-size:12.5px;text-decoration:none}.themeswitch{background:var(--bg-hover);border-radius:16px;gap:4px;margin-left:auto;padding:2px;display:flex}.themebtn{cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:14px;padding:4px 10px;font-size:11.5px}.themebtn.active{background:var(--bg-card);color:#1a73e8;box-shadow:0 1px 2px var(--shadow);font-weight:500}#cyclerow{align-items:center;gap:6px;padding:4px 10px;display:flex}.cyclebtn{cursor:pointer;width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;flex:none;font-size:18px}.cyclebtn:hover{background:var(--bg-hover)}#routeName{text-align:center;flex:1;font-size:16px;font-weight:600}#routeSelect{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:6px;width:calc(100% - 28px);margin:6px 14px 10px;padding:7px 8px;font-size:13px}#stopList{padding:4px 0 12px}.stoprow{cursor:default;align-items:flex-start;gap:10px;padding:4px 16px;display:flex}.stopline{flex-direction:column;flex:none;align-items:center;width:14px;padding-top:3px;display:flex}.stopdot{background:#fff;border:2.5px solid #d93025;border-radius:50%;flex:none;width:10px;height:10px}.stopdot.start{background:#188038;border-color:#188038;width:13px;height:13px}.stopdot.end{background:#d93025;border-color:#d93025;width:13px;height:13px}.stoptrack{opacity:.55;background:#d93025;flex:1;width:2px;min-height:14px;margin-top:2px}.stopname{padding-top:1px;font-size:13px}.stopname.start,.stopname.end{font-weight:600}.stoplabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px}#empty{color:var(--text-muted);text-align:center;padding:18px 16px;font-size:13px}#loading{color:var(--text-muted);background:var(--bg-page);z-index:20;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.maplibregl-ctrl-attrib{font-size:11px}