:root{--timeline-label:148px;--timeline-step:42px;--timeline-row:52px;--timeline-accent:#84ffa8;--timeline-note:#ffe66d}.timeline-page{min-height:100vh}.timeline-main{max-width:1500px;grid-template-columns:1fr}.pageLink{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:12px;padding:10px 11px;min-height:42px;text-align:center;font-weight:800;font-size:.86rem;text-decoration:none}.pageLink:hover{border-color:var(--accent)}.timeline-settings-grid,.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timeline-settings-grid label:first-child,.timeline-settings-grid label:nth-child(4),.timeline-settings-grid label:nth-child(5),.timeline-settings-grid label:nth-child(6){grid-column:1/-1}.replace-toggle{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:var(--text);font-weight:700;min-height:42px}.replace-toggle input{width:18px;min-height:18px;margin:0}.timeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.timeline-head p{font-size:.78rem;margin-bottom:0}.timeline-head strong{white-space:nowrap;border:1px solid var(--border);background:#0d111b;border-radius:999px;padding:7px 9px;color:var(--muted);font-size:.75rem}.timeline-scroll{overflow:auto;padding:2px 0 8px;-webkit-overflow-scrolling:touch}.timeline-ruler,.timeline-row{display:grid;grid-template-columns:var(--timeline-label) repeat(var(--timeline-steps),var(--timeline-step));min-width:max-content}.timeline-ruler{position:sticky;top:0;z-index:4;background:var(--panel);padding-bottom:6px}.timeline-corner,.timeline-step-label{color:var(--muted);font-size:.67rem;text-align:center;border-bottom:1px solid var(--border);padding:4px 0}.timeline-corner{text-align:left;padding-left:8px;font-weight:800}.timeline-row{min-height:var(--timeline-row);align-items:stretch;border-bottom:1px solid rgba(48,55,77,.72)}.timeline-track{display:flex;flex-direction:column;justify-content:center;gap:2px;position:sticky;left:0;z-index:3;background:#171c29;border-right:1px solid var(--border);padding:7px 9px;cursor:pointer}.timeline-track.active{box-shadow:inset 3px 0 var(--accent);background:#1d2534}.timeline-track strong{font-size:.76rem}.timeline-track span{color:var(--muted);font-size:.67rem}.timeline-lane{grid-column:2/-1;position:relative;min-width:calc(var(--timeline-steps) * var(--timeline-step));background:repeating-linear-gradient(90deg,rgba(16,22,35,.9) 0 calc(var(--timeline-step) - 1px),var(--border) calc(var(--timeline-step) - 1px) var(--timeline-step)),repeating-linear-gradient(90deg,transparent 0 calc(var(--timeline-step) * 4 - 2px),rgba(244,246,255,.22) calc(var(--timeline-step) * 4 - 2px) calc(var(--timeline-step) * 4))}.timeline-note{position:absolute;top:10px;height:31px;min-width:7px;border:1px solid #fff3a3;border-radius:7px;background:linear-gradient(90deg,#ffe66d,#d7b950);box-shadow:0 3px 10px rgba(255,230,109,.18);color:#141821;padding:7px 6px 4px;font-size:.66rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.timeline-note.drum{background:linear-gradient(90deg,#84ffa8,#43c47f);border-color:#c7ffda}.timeline-empty{grid-column:2/-1;display:flex;align-items:center;color:#66708b;font-size:.72rem;padding-left:10px;background:repeating-linear-gradient(90deg,rgba(16,22,35,.9) 0 calc(var(--timeline-step) - 1px),var(--border) calc(var(--timeline-step) - 1px) var(--timeline-step))}@media (min-width:760px){.timeline-settings-grid{grid-template-columns:2fr 100px 100px 1fr 1fr 1fr}.timeline-settings-grid label:first-child,.timeline-settings-grid label:nth-child(4),.timeline-settings-grid label:nth-child(5),.timeline-settings-grid label:nth-child(6){grid-column:auto}.import-grid{grid-template-columns:1fr 1fr}.timeline-main{grid-template-columns:minmax(330px,430px) minmax(0,1fr);align-items:start}.timeline-settings{grid-column:1/2}.import-panel{grid-column:1/2}.timeline-panel{grid-column:2/3;grid-row:1/3}}@media (max-width:440px){:root{--timeline-label:112px;--timeline-step:34px}.timeline-track{padding:6px}.timeline-track strong{font-size:.7rem}.timeline-track span{font-size:.61rem}.timeline-settings-grid,.import-grid{grid-template-columns:1fr}.timeline-settings-grid label:first-child,.timeline-settings-grid label:nth-child(4),.timeline-settings-grid label:nth-child(5),.timeline-settings-grid label:nth-child(6){grid-column:auto}}