:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#101921;color:#f6f6f2;font:16px/1.5 Segoe UI,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:38px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}h1{font-size:38px;line-height:1.15;margin:12px 0}small,.muted{color:#aab8c4}a{color:#ff9347}video{width:100%;max-height:72vh;background:#080d12;border-radius:12px}section{margin-top:28px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}aside{max-height:850px;overflow:auto}button{background:#17232e;color:inherit;border:1px solid #34424e;border-radius:9px;padding:15px;text-align:left;cursor:pointer;width:100%;display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}button:hover,button.active{border-color:#ec6707;background:#243342}button strong{font-size:14px}button span{font-size:12px;color:#aab8c4}.maincuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.links{display:flex;gap:22px;margin:14px 0}.note{padding:16px 20px;border-left:3px solid #ec6707;background:#17232e;color:#bac7d2}h2{font-size:20px}details{margin-top:22px}p{max-width:1000px}.tag{font-size:13px;letter-spacing:2px;color:#ff9347}#beats{display:flex;flex-wrap:wrap;gap:8px}#beats button{width:auto;font-size:13px;padding:8px 12px}@media(max-width:950px){.layout{grid-template-columns:1fr}.maincuts{grid-template-columns:1fr 1fr}aside{max-height:none}header{display:block}h1{font-size:30px}}

video{display:block;aspect-ratio:16/9;object-fit:contain;border-radius:4px}button{font-family:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #ff9347;outline-offset:4px}.back-link{display:inline-block;margin-bottom:26px;font-size:14px}.links{flex-wrap:wrap;gap:10px 22px}.links a{padding-block:6px}.playback-hint{font-size:14px}#player-status:empty{display:none}#player-status{color:#ffb47f}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);background:#fff;color:#101921;padding:12px;z-index:10}.skip-link:focus{transform:none}button[aria-pressed=true]{border-color:#ff9347;background:#243342}summary{cursor:pointer;min-height:44px}button strong,button span{overflow-wrap:anywhere}h2{overflow-wrap:anywhere}aside{padding:3px}header>div{min-width:0}@media(max-width:600px){main{padding:24px 18px}.maincuts{gap:8px}.maincuts button{display:block;padding:12px}.maincuts button span{display:block;margin-top:6px}.maincuts button strong{font-size:14px}.layout{gap:12px}h1{font-size:30px}header a{display:inline-block;padding:6px 0}video{max-height:none}.note{padding:14px}#beats button{width:100%}}
button[data-key]>span{flex-shrink:0;white-space:nowrap;overflow-wrap:normal}