/* Story section scenes: Podcast (uses the shared timeline kit), Gap Cut, Soundbites, Chapters. */

/* 01 Gap Cut */
.gc-lane{position:relative;height:46px;border-radius:4px;background:#1d1d22;overflow:hidden}
.gc-lane .wave path{fill:#3d8a5a}
.gc-piece{background:#1f3327;border-right:2px solid #16161a;border-radius:0}
.gc-piece .wave path{fill:#6fe39b}

/* 03 Soundbites */
.sb-num{font-family:var(--mono);font-size:11.5px;background:var(--bg-input);border:1px solid var(--bd);
        border-radius:6px;padding:2px 8px;margin-right:6px}
.sb-trans{display:flex;flex-direction:column;gap:3px;padding:8px}
.sb-line{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:5px;color:var(--t2);
         transition:background .35s,color .35s}
.sb-who{font-family:var(--mono);font-size:9.5px;color:var(--t3);width:34px;flex:0 0 34px}
.sb-txt{flex:1}
.sb-line .kp-score{opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s var(--ease)}
.sb-line.pick{background:var(--acc-sub);color:var(--t1)}
.sb-line.pick .kp-score{opacity:1;transform:none}
.sb-seq{flex:0 0 28px;height:28px;margin-right:0}

/* 04 Chapters */
.ch-bar{padding:16px 0 20px}
.ch-lane{height:36px;overflow:visible}
.ch-lane .wave path{fill:#4a4f66}
.ch-lane .marker{top:-12px}
.ch-lane .marker i{position:absolute;left:50%;top:-14px;transform:translateX(-10%);font-style:normal;font-size:8.5px;
                   color:var(--t2);white-space:nowrap;font-family:var(--sans);opacity:0;transition:opacity .3s .1s}
.ch-lane .marker.in i{opacity:1}
.ch-lane .marker:nth-child(even) i{top:40px}
.ch-list{font-family:var(--mono);font-size:11.5px;line-height:1.7;min-height:118px}
.ch-line{opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--ease)}
.ch-line.in{opacity:1;transform:none}
.ch-line b{color:var(--acc-h);font-weight:600}
.ch-copy.on{background:var(--ok);color:#10210f}