*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0e8;--bg-card: #ffffff;--text: #1a1a1a;--text-muted: #6b7280;--border: #e5e1d8;--green: #00A84F;--red: #E94E6D;--entry-bg: #fafaf7;--map-zone: #edeae3;--map-zone-label: #b8b3a8;--map-label: #555;--map-dot-fill: #ffffff;--map-interchange: #999;--status-warn: #f59e0b;--status-warn-glow: rgba(245, 158, 11, .6);--badge-normal-bg: #dcfce7;--badge-normal-text: #166534;--badge-delay-bg: #fef3c7;--badge-delay-text: #92400e;--badge-disruption-bg: #fee2e2;--badge-disruption-text: #991b1b;--badge-unknown-bg: #f3f4f6;--badge-unknown-text: #374151}[data-theme=dark]{--bg: #0f1117;--bg-card: #1a1c25;--text: #e4e4e7;--text-muted: #71717a;--border: #2a2d38;--entry-bg: #1f2130;--map-zone: #1e2030;--map-zone-label: #3f4258;--map-label: #a1a1aa;--map-dot-fill: #1a1c25;--map-interchange: #52525b;--status-warn: #f59e0b;--status-warn-glow: rgba(245, 158, 11, .4);--badge-normal-bg: #052e16;--badge-normal-text: #4ade80;--badge-delay-bg: #451a03;--badge-delay-text: #fbbf24;--badge-disruption-bg: #450a0a;--badge-disruption-text: #f87171;--badge-unknown-bg: #27272a;--badge-unknown-text: #a1a1aa}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}.app{height:100vh;max-width:1380px;margin:0 auto;padding:0 16px;display:flex;flex-direction:column}.header{display:flex;align-items:baseline;gap:12px;padding:12px 0 8px;flex-shrink:0}.header-title{font-size:22px;font-weight:700;letter-spacing:-.5px}.header-subtitle{font-size:13px;color:var(--text-muted);font-weight:500}.header-spacer{flex:1}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:16px;line-height:1;color:var(--text-muted);transition:background-color .2s,border-color .2s;align-self:center}.theme-toggle:hover{border-color:var(--text-muted)}.status-bar{display:flex;gap:8px;padding:8px 0;flex-wrap:wrap;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px 14px;flex:1;min-width:240px;transition:background-color .2s,border-color .2s}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-info{display:flex;flex-direction:column;gap:2px;min-width:0}.status-line{font-size:13px;font-weight:600}.status-message{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1;display:flex;flex-direction:column;gap:8px;min-height:0;padding-bottom:8px}.map-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.map-container{flex:1;min-height:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;overflow-x:auto;transition:background-color .2s,border-color .2s}.schematic-map{width:100%;height:100%;min-width:700px;display:block}@keyframes tram-pulse{0%{r:5;opacity:.4}50%{r:12;opacity:0}to{r:5;opacity:.4}}.tram-pulse{animation:tram-pulse 2s ease-in-out infinite}.changelog{flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:background-color .2s,border-color .2s}.changelog-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.changelog-title{font-size:14px;font-weight:600}.changelog-toggle{background:var(--entry-bg);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background-color .2s,border-color .2s}.changelog-toggle:hover{border-color:var(--text-muted)}.changelog-empty{font-size:13px;color:var(--text-muted);padding:8px 0;text-align:center}.changelog-list{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.changelog-list.changelog-list-expanded{max-height:320px}.incident-date-group{border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:4px}.incident-date-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.incident-date{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}.incident-entry{padding:4px 0 4px 12px;border-left:2px solid var(--border);margin-bottom:4px}.incident-entry:last-child{margin-bottom:0}.incident-status-row{display:flex;align-items:center;gap:8px;margin-bottom:1px}.incident-status{font-size:11px;font-weight:700}.incident-line{font-size:11px;font-weight:600}.incident-message{font-size:12px;color:var(--text);line-height:1.3}.incident-time{font-size:10px;color:var(--text-muted)}.changelog-list::-webkit-scrollbar{width:6px}.changelog-list::-webkit-scrollbar-track{background:transparent}.changelog-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.version-badge{position:fixed;bottom:8px;right:16px;font-size:11px;color:var(--text-muted);font-weight:500;opacity:.6}@media(max-width:600px){.header{padding:10px 0 6px}.header-title{font-size:18px}.status-bar{flex-direction:column}.map-container{padding:8px}}