body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:52px;box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:28px;padding:0 24px;display:flex}.brand{white-space:nowrap;line-height:1.15}.brand .title{font-family:var(--font-display);font-weight:800;font-size:var(--text-md);color:var(--color-primary)}.brand .subtitle{font-size:var(--text-xs);color:var(--color-text-secondary)}.topnav{gap:28px;display:flex}.topnav a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-bottom:2px solid #0000;padding:6px 2px}.topnav a.active{font-weight:var(--weight-bold);color:var(--color-primary);border-bottom-color:var(--color-primary)}.content{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:10px 16px;display:flex;overflow:hidden}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.toolbar-left{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.toolbar-left h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-text);margin:0}.summary{font-size:var(--text-sm);color:var(--color-text-secondary)}.toolbar-right{align-items:center;gap:10px;display:flex}.day-btn{border:1px solid var(--color-border);background:var(--color-surface);width:32px;height:32px;color:var(--color-text);cursor:pointer;border-radius:0;font-size:14px;line-height:1}.day-btn:hover{background:var(--gray-100)}.date-label{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);min-width:168px;padding:6px 12px}.today-btn{border:1px solid var(--color-primary-border);background:var(--color-primary-light);height:32px;color:var(--color-primary);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;border-radius:0;padding:0 14px}.today-btn:hover{background:var(--color-primary-border)}.timeline-scroll{border:1px solid var(--color-border);background:var(--color-surface);flex:1;min-height:0;overflow:auto}.timeline-head-row{z-index:2;background:var(--gray-100);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.timeline-head-corner{width:160px;font-size:11px;font-weight:var(--weight-bold);color:var(--color-text-secondary);border-right:1px solid var(--gray-200);background:var(--gray-100);z-index:3;flex-shrink:0;padding:6px 10px;position:sticky;left:0}.timeline-hours{flex:1;grid-template-columns:repeat(24,1fr);min-width:960px;display:grid}.timeline-hour-label{text-align:center;color:var(--color-text-secondary);border-right:1px solid var(--gray-200);padding:6px 0;font-size:10px}.timeline-row{border-bottom:1px solid var(--gray-200);display:flex}.timeline-row-head{border-right:1px solid var(--gray-200);background:var(--color-surface);z-index:1;flex-shrink:0;width:160px;padding:6px 10px;position:sticky;left:0}.timeline-row-plate{font-size:12px;font-weight:var(--weight-bold)}.timeline-row-plate .badge{font-size:10px;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-left:4px}.timeline-row-sub{color:var(--color-text-secondary);margin-top:2px;font-size:10px}.timeline-track{flex:1;min-width:960px;height:56px;position:relative}.timeline-track-grid{grid-template-columns:repeat(24,1fr);display:grid;position:absolute;inset:0}.timeline-track-grid div{border-right:1px solid var(--gray-100)}.timeline-block{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;padding:3px 6px;font-size:10px;line-height:1.3;position:absolute;top:6px;bottom:6px;overflow:hidden}.timeline-block.same-day{border-color:var(--color-error);color:var(--color-error);background:#fdecea}.timeline-block.next-day{color:#2c4d85;background:#e8f0fd;border-color:#4a78c4}.timeline-block .route{font-weight:var(--weight-bold);white-space:nowrap}.timeline-block .meta{white-space:nowrap;opacity:.85}.timeline-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);padding:40px}.legend{color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:16px;padding-top:8px;font-size:11px;display:flex}.legend .swatch{vertical-align:-1px;border:1px solid;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.legend .swatch.same-day{border-color:var(--color-error);background:#fdecea}.legend .swatch.next-day{background:#e8f0fd;border-color:#4a78c4}.modal-overlay{z-index:70;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:var(--radius-md);width:560px;max-height:80vh;box-shadow:var(--shadow-md);flex-direction:column;gap:10px;padding:18px 20px;display:flex;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:15px;font-weight:var(--weight-bold)}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;font-size:18px}