.CIpi7q_reel{color:#f2f3ec;background:#0c1314;width:100%;font-family:Arial,Helvetica,sans-serif}.CIpi7q_artwork{background:#0c1314;justify-content:center;display:flex;overflow:hidden}.CIpi7q_landscape{aspect-ratio:16/9;width:100%;position:relative}.CIpi7q_portrait{aspect-ratio:9/16;max-width:100%;height:100%;position:relative}.CIpi7q_portraitReel{grid-template-columns:minmax(0,1fr) 260px;width:min(100%,48.375svh + 284px);height:min(86svh,1050px);margin-inline:auto;display:grid}.CIpi7q_portraitReel .CIpi7q_artwork{min-width:0;min-height:0;padding:12px}.CIpi7q_portraitReel .CIpi7q_controls{border-top:0;border-left:1px solid #35443d;min-width:0;min-height:0;padding:18px;overflow-y:auto}.CIpi7q_portraitReel .CIpi7q_transport{grid-template-columns:1fr 1fr;display:grid}.CIpi7q_portraitReel .CIpi7q_transport a,.CIpi7q_portraitReel .CIpi7q_transport output{grid-column:1/-1;margin:0}.CIpi7q_portraitReel .CIpi7q_chapters{grid-template-columns:1fr;display:grid}.CIpi7q_portraitReel .CIpi7q_bottom p{min-width:0}.CIpi7q_artwork canvas{touch-action:pan-y;cursor:ew-resize;width:100%;height:100%;display:block}.CIpi7q_controls{border-top:1px solid #35443d;padding:18px 22px 20px}.CIpi7q_transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.CIpi7q_reel button{min-height:44px;font:inherit;color:#f2f3ec;cursor:pointer;background:#1d2a25;border:1px solid #5c7164;border-radius:3px;padding:10px 14px;font-size:14px}.CIpi7q_reel button:hover{color:#fff;background:#34463c;border-color:#e5b68c}.CIpi7q_reel button[aria-pressed=true]{color:#14231b;background:#e2cba3;border-color:#e2cba3}.CIpi7q_reel button:disabled{opacity:.5;cursor:wait}.CIpi7q_reel :is(button,a,input,canvas):focus-visible{outline-offset:3px;outline:3px solid #eac05a}.CIpi7q_transport a{color:#ead1ae;text-underline-offset:4px;align-items:center;min-height:44px;padding:8px;font-size:14px;display:inline-flex}.CIpi7q_transport output{font-variant-numeric:tabular-nums;color:#b3c5b9;margin-left:auto;font-size:13px}.CIpi7q_timeline{color:#bfcec4;grid-template-columns:1fr auto;gap:8px;margin-top:16px;font-size:13px;display:grid}.CIpi7q_timeline input{accent-color:#e2cba3;grid-column:1/-1;width:100%;min-height:30px}.CIpi7q_chapters{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.CIpi7q_chapters button{font-size:13px}.CIpi7q_bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.CIpi7q_bottom p{color:#b3c5b9;flex:1;min-width:200px;margin:0;font-size:13px;line-height:1.6}.CIpi7q_loading{color:#f3dfb5;text-align:center;background:#0c1314;width:80%;padding:16px;position:absolute;top:42%;left:10%}@media (max-width:700px){.CIpi7q_portraitReel{flex-direction:column;width:100%;height:auto;display:flex}.CIpi7q_portraitReel .CIpi7q_artwork{flex:none;padding:0}.CIpi7q_portraitReel .CIpi7q_portrait{aspect-ratio:9/16;width:min(100%,51.75svh);height:auto}.CIpi7q_portraitReel .CIpi7q_controls{border-top:1px solid #35443d;border-left:0;flex:none;padding:14px;overflow:visible}.CIpi7q_portraitReel .CIpi7q_transport{display:flex}.CIpi7q_portraitReel .CIpi7q_chapters{grid-template-columns:1fr 1fr}}@media (max-width:600px){.CIpi7q_controls{padding:14px}.CIpi7q_transport output{flex-basis:100%;margin:4px 0}.CIpi7q_chapters{grid-template-columns:1fr 1fr;display:grid}.CIpi7q_chapters button:last-child{grid-column:1/-1}}