*{box-sizing:border-box;margin:0;padding:0}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6}.page{max-width:580px;margin:0 auto;padding:48px 20px 80px}h1{margin-bottom:4px;font-size:17px;font-weight:700}.subtitle{color:#666;margin-bottom:36px;font-size:13px}.mode-toggle{gap:4px;margin-bottom:24px;display:flex}.mode-btn{cursor:pointer;color:#888;background:0 0;border:1px solid #bbb;padding:5px 14px;font-family:inherit;font-size:13px}.mode-btn.active{color:#fff;background:#111;border-color:#111}.station-picker{margin-bottom:20px}.picker-controls{align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.picker-label{color:#888;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.picker-tab{cursor:pointer;color:#888;background:0 0;border:1px solid #bbb;padding:2px 7px;font-family:inherit;font-size:12px}.picker-tab.active.origin-mode{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.picker-tab.active.dest-mode{color:#fff;background:#15803d;border-color:#15803d}.picker-arrow{color:#bbb;font-size:11px}.picker-summary{margin-bottom:10px;font-size:13px;font-weight:700}.map-cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.map-col-label{text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:4px;padding-left:4px;font-size:11px}.map-station{text-align:left;cursor:pointer;color:#111;background:0 0;border:none;width:100%;padding:2px 4px;font-family:inherit;font-size:12px;line-height:1.5;display:block}.map-station:hover{background:#f0f0f0}.map-station.is-origin{color:#fff;background:#1d4ed8}.map-station.is-dest{color:#fff;background:#15803d}.map-station.is-origin:hover,.map-station.is-dest:hover{opacity:.85}@media (max-width:480px){.map-cols{grid-template-columns:1fr}}.field{margin-bottom:14px}.field label{text-transform:uppercase;letter-spacing:.06em;color:#888;margin-bottom:4px;font-size:11px;display:block}.field select{color:#111;appearance:none;cursor:pointer;background:#fff;border:1px solid #bbb;width:100%;padding:5px 7px;font-family:inherit;font-size:13px}.field select:focus{outline:1px solid #111}.field-row{gap:14px;display:flex}.field-row .field{flex:1}.field-now{white-space:nowrap;flex:0}.now-btn{cursor:pointer;color:#111;background:0 0;border:1px solid #bbb;padding:5px 10px;font-family:inherit;font-size:12px}.now-btn:hover{color:#fff;background:#111}.daytype{gap:20px;font-size:13px;display:flex}.daytype label{cursor:pointer;align-items:center;gap:5px;display:flex}hr{border:none;border-top:1px solid #ddd;margin:28px 0}.status{color:#888;margin-bottom:12px;font-size:13px}.error{color:#c00;margin-bottom:16px;font-size:13px}.depart-time{letter-spacing:-.02em;margin-bottom:4px;font-size:32px;font-weight:700}.depart-sub{color:#666;margin-bottom:24px;font-size:13px}.result-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:13px}.result-table td{border-bottom:1px dashed #e0e0e0;padding:5px 0}.result-table td:first-child{color:#888;width:55%}.result-table td:last-child{text-align:right;font-weight:700}.result-table td.warn{color:#c00}.hist-section{margin-top:24px}.hist-label{text-transform:uppercase;letter-spacing:.06em;color:#999;margin-bottom:8px;font-size:11px}.hist-bars{border-bottom:1px solid #ddd;align-items:flex-end;gap:1px;height:72px;display:flex}.hist-bar{background:#bbb;flex:1;min-height:2px}.hist-bar.danger{background:#c00}.hist-axis{color:#999;justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.credit{color:#666;margin-top:48px;font-size:13px}