:root{--bg:#0b0d11;--panel:#151922;--panel2:#1b202b;--ink:#f5f7fa;--muted:#929bab;--line:#2a3140;--blue:#59a9ff;--green:#71e39a;--amber:#ffc857;--red:#ff7272}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 70% -10%,#172b45,transparent 38rem),var(--bg);color:var(--ink);font:16px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.shell{width:min(100% - 28px,1040px);margin:auto;padding:28px 0 50px}header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.back,nav a,.heading>a{color:var(--muted);text-decoration:none}h1{font:800 clamp(2.4rem,8vw,5.8rem)/.83 system-ui,sans-serif;letter-spacing:-.07em;margin:28px 0 0}h1 span,.eyebrow{color:var(--blue)}.updated{text-align:right;font-weight:700}.updated i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}.updated small{display:block;color:var(--muted);font-weight:400}.panel,.mini-wrap{background:rgba(21,25,34,.95);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:18px}.heading,.mini-wrap{display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin:0 0 4px}h2{font:750 clamp(1.35rem,4vw,2.1rem)/1.1 system-ui,sans-serif;letter-spacing:-.035em;margin:0}.mini-wrap>div:first-child{max-width:300px}.mini-wrap p:not(.eyebrow),.note{color:var(--muted);font-size:.75rem}.mini-map{position:relative;width:min(100%,560px);height:210px;background:#0e1520;border:1px solid var(--line);border-radius:14px;overflow:hidden}.road{position:absolute;background:#394354;color:#8290a5;font-size:.6rem}.vertical{left:58%;top:0;width:18px;height:100%;writing-mode:vertical-rl;padding:5px 2px}.horizontal{left:0;top:62%;height:18px;width:100%;padding:2px 5px}.pin{position:absolute;color:var(--ink);font-style:normal}.pin em{display:block;white-space:nowrap;font:600 .66rem system-ui,sans-serif}.home{left:60%;top:38%}.market{left:69%;top:27%;color:var(--amber)}.ballers{left:28%;top:13%;color:var(--red)}.bart{left:49%;top:76%;color:var(--blue)}.heading{margin-bottom:18px}.travel,.heading>a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.75rem}.departures{border-top:1px solid var(--line)}.departures article{display:grid;grid-template-columns:15px minmax(150px,1fr) minmax(130px,.7fr) 90px;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.departures article>i{width:11px;height:11px;background:var(--line);border-radius:50%;box-shadow:0 0 12px var(--line)}.departures article>span{display:flex;flex-direction:column}.departures small,.stops small{color:var(--muted);font-size:.72rem}.departures article>b{justify-self:start;border-radius:999px;padding:5px 9px;font-size:.7rem}.good{background:#163825;color:var(--green)}.hurry{background:#473716;color:var(--amber)}.late{background:#482326;color:var(--red)}.departures article>time{text-align:right;font-weight:800}.notice{padding:28px;text-align:center;background:var(--panel2);border-radius:12px;color:var(--muted)}#map{height:480px;border-radius:14px;background:#101722}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#171b24;color:#fff}.leaflet-popup-content a{color:#79baff}.warning{color:#c0a971}.stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stops a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}.stops a>b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e85252}.stops a>span{display:flex;flex-direction:column}.stops em{color:var(--muted);font-size:.7rem;font-style:normal}.weather{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.weather article{display:flex;flex-direction:column;min-height:135px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px}.weather time,.weather small{color:var(--muted);font-size:.72rem}.weather strong{font:800 1.8rem system-ui,sans-serif;margin:6px 0}.weather span{font-size:.72rem;flex:1}nav{display:flex;justify-content:center;gap:22px;padding:25px 0;font-size:.78rem}@media(max-width:720px){header{align-items:start}.updated{font-size:.7rem}.updated small{display:none}.mini-wrap,.heading{align-items:start;flex-direction:column}.mini-map{width:100%}.departures article{grid-template-columns:14px 1fr 74px}.departures article>b{grid-column:2/4;grid-row:2}.stops{grid-template-columns:1fr}.weather{grid-template-columns:repeat(3,1fr)}#map{height:400px}}@media(max-width:430px){.shell{width:min(100% - 18px,1040px);padding-top:16px}.panel,.mini-wrap{padding:15px;border-radius:14px}.weather{grid-template-columns:repeat(2,1fr)}nav{flex-wrap:wrap}}

.shuttle{padding:9px 10px;border-left:3px solid var(--red);background:#23181d}.shuttle a{color:var(--amber)}.mini-map.accurate{height:250px}.accurate .street{position:absolute;background:#394354;color:#9aa6b7;font-size:.57rem}.accurate .street.v{top:0;width:17px;height:100%;writing-mode:vertical-rl;padding:5px 2px}.accurate .street.h{left:0;width:100%;height:17px;padding:2px 5px}.accurate .wood{left:18%}.accurate .mandela{left:48%}.accurate .peralta{left:76%}.accurate .eighteenth{top:23%}.accurate .seventh{top:79%}.accurate .home{left:78%;top:45%}.accurate .market{left:78%;top:10%}.accurate .ballers{left:20%;top:8%}.accurate .bart{left:50%;top:68%}.accurate .pin em{line-height:1.25}

#map{overflow:hidden}.map-fallback{margin:0;padding:42px 20px;text-align:center;color:var(--muted)}.map-fallback a{color:var(--blue)}.leaflet-container .map-fallback{display:none}
.bus-marker{display:grid!important;place-items:center;background:#e85252;border:3px solid #fff;border-radius:9px;color:#fff;box-shadow:0 2px 12px #000;font:800 .78rem system-ui,sans-serif;transition:transform 1.2s ease}.arrivals{color:var(--green)!important;margin-top:3px}
.bus-marker.route-22{background:#3b82f6}.bus-marker.route-14{background:#ff9f43;color:#17120a}.route-legend{display:flex;gap:10px;margin:-6px 0 12px}.route-legend span{border-radius:999px;padding:5px 10px;color:#fff;font-size:.72rem;font-weight:800}.legend-22{background:#3b82f6}.legend-14{background:#ff9f43;color:#17120a!important}