:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111}body{margin:0;background:#f6f7fb}.container{display:grid;grid-template-columns:380px 1fr;gap:16px;padding:16px;height:100vh;box-sizing:border-box}.panel{background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 28px #00000014;overflow:auto}.title{font-size:18px;font-weight:800;margin:0 0 10px}.small{color:#444;font-size:13px;line-height:1.35}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:800;background:#eef1ff;margin-right:6px}.formRow{display:grid;gap:8px;margin-top:12px}label{font-size:13px;font-weight:700}select,input{padding:10px;border-radius:10px;border:1px solid #d7dbe7;outline:none}button{margin-top:8px;padding:10px 12px;border:none;border-radius:10px;background:#111;color:#fff;font-weight:800;cursor:pointer}.table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.table th,.table td{border-bottom:1px solid #edf0f7;padding:8px 6px;text-align:left}.topHeader{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.sortControls{display:flex;gap:8px;align-items:center}.sortControls label{font-size:12px;font-weight:800}.mapWrap{background:#fff;border-radius:14px;box-shadow:0 8px 28px #00000014;overflow:auto;position:relative;z-index:0}.metroImage{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;z-index:1}.metroSVG{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;position:relative;z-index:1;background:#fff}.stationHitbox{transition:all .2s ease}.legend{position:absolute;top:12px;right:12px;background:#fff;border:2px solid #333;border-radius:12px;padding:16px 18px;font-size:13px;min-width:200px;box-shadow:0 8px 24px #00000026;z-index:5}.legendItem{display:flex;align-items:center;gap:10px;margin:8px 0;font-weight:600}.swatch{width:20px;height:6px;border-radius:999px;flex-shrink:0}.stationHit{position:absolute;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:999px;cursor:pointer;background:#ff000059;outline:2px solid rgba(255,0,0,.8);z-index:3}.tooltip{position:absolute;pointer-events:none;background:#141414f0;color:#fff;padding:10px;border-radius:12px;font-size:12px;line-height:1.25;min-width:160px;transform:translate(10px,10px);box-shadow:0 10px 30px #00000040;z-index:4}