:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh;display:flex;flex-direction:column}.timeline-container{padding:20px;background-color:#1a1a1a;color:#eee;height:100%;display:flex;flex-direction:column}.timeline-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vent-button{background-color:#e63946;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:transform .2s}.vent-button:hover{transform:scale(1.05)}.timeline-scroll-area{overflow-x:auto;border:1px solid #333;border-radius:8px;background-color:#222;margin-bottom:20px;flex-grow:1}.timeline-header{display:flex;border-bottom:1px solid #444;background-color:#2a2a2a;position:sticky;top:0;z-index:20}.lane-header-spacer{width:100px;flex-shrink:0;border-right:1px solid #444;background-color:#2a2a2a;position:sticky;left:0;z-index:30}.timeline-day-header{width:150px;flex-shrink:0;padding:10px;text-align:center;border-right:1px dashed #444;font-weight:700}.timeline-body{position:relative}.timeline-lane{display:flex;border-bottom:1px solid #333;height:80px}.lane-label{width:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#252525;border-right:1px solid #444;font-weight:700;position:sticky;left:0;z-index:20}.lane-track{display:flex;flex-grow:1}.lane-cell{width:150px;flex-shrink:0;border-right:1px dashed #444;position:relative}.lane-cell.plot-hole{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#1e1e1e80 10px,#1e1e1e80 20px)}.timeline-arc-block{position:absolute;height:60px;top:10px;left:5px;border-radius:8px;padding:5px 10px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #0006;display:flex;flex-direction:column;justify-content:center}.beats-container{display:flex;gap:5px;margin-top:5px}.beat-marker{font-size:1.2rem;line-height:.8;color:#fffc;cursor:help}.canon-view-placeholder,.finale-view-placeholder{border:1px dashed #555;padding:20px;margin-top:20px;border-radius:8px;text-align:center;color:#888}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-area{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}