
:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:#070b0e;color:#f5f7fa}
.app{max-width:1050px;margin:auto;padding:10px}
.panel{background:#141a20;border:1px solid #28333e;border-radius:10px;margin:8px 0;overflow:hidden}
.catalog{padding:12px}
.catalogHead,.catalogRow,.sectionHead,footer{display:flex;align-items:center;gap:10px}
.catalogHead{justify-content:space-between;margin-bottom:8px}
#catalogStatus{color:#9db2c6}
.catalogRow select{flex:1}
select,button{background:#1b242d;color:#fff;border:1px solid #3a4957;border-radius:8px;padding:9px 12px;font-size:16px}
button{cursor:pointer}
.visualStage{position:relative;background:#000;border:1px solid #26313a;border-radius:10px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}
#visual{display:none;max-width:100%;max-height:68vh;object-fit:contain}
#visualEmpty{color:#8ba2b6}
.transport{background:#0e151c;border:1px solid #263746;border-radius:8px;padding:3px 6px;margin:5px 0}
.seek{width:100%;height:12px;margin:0;display:block}
.transportRow{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px}
.ctl{padding:5px 10px!important;color:#fff;border-width:1px;border-style:solid;border-radius:8px;font-weight:700}
.neg{background:#64151c;border-color:#a62e39}
.eventPrev{background:#66520c;border-color:#aa8a1d}
.play{background:#075f2d;border-color:#14984e}
.eventNext{background:#55206f;border-color:#8740aa}
.speed{background:#18212a;padding:5px 8px}
.time{min-width:44px;text-align:right}
.sectionHead{width:100%;padding:13px 15px;background:transparent;border:0;text-align:left}
.titlePanel .sectionHead{justify-content:space-between}
.toggle strong{min-width:150px}
.toggle em{margin-left:auto;color:#a9bfd1;font-style:normal;font-weight:400}
.sectionBody{padding:0 16px 14px;white-space:pre-wrap}
.sectionBody:empty{display:none}
.subtitle{padding:0 15px 12px;color:#c0ccd5}
.pdfLinks{display:flex;gap:8px;flex-wrap:wrap}
.pdfLinks a{background:#24364b;color:#fff;text-decoration:none;padding:8px 12px;border-radius:18px}
footer{justify-content:space-between;color:#8ba2b6;padding:10px 4px;font-size:13px;letter-spacing:.08em}
@media(max-width:650px){
 .app{padding:6px}.catalogRow{flex-direction:column}.catalogRow>*{width:100%}
 .transportRow{gap:3px}.ctl{padding:5px 7px!important;font-size:14px}.time{min-width:38px}
 .toggle strong{min-width:105px}.toggle em{font-size:13px}
}

/* 1.0.5 timed content links */
.panel a{color:#1d5fa7;text-decoration:underline;text-underline-offset:2px;}
