.reader-workspace{display:flex;flex:1;min-height:0;overflow:hidden;align-items:stretch}#reader-body{min-width:0}#reader.is-expanded{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}#reader.is-expanded .reader-head{padding-top:12px}#reader.is-expanded .reader-head .eyebrow{display:none}#reader.is-expanded .reader-actions{padding-bottom:10px}#reader-fullscreen[aria-pressed=true]{background:#4b3558;color:#f6d79e}#reader.has-video{width:min(1280px,98vw)}#reader.is-expanded.has-video{width:100vw}
#reader-media{flex:0 0 360px;width:360px;order:2;padding:12px;background:#191320;border-left:1px solid #493253;overflow:auto;overscroll-behavior:contain}#reader-media[hidden]{display:none}#video-mount{width:100%;aspect-ratio:16/9;min-height:200px;background:#100c15;border-radius:12px;overflow:hidden}#video-mount:empty{display:none}#song-video{display:block;width:100%;height:100%;min-height:200px;border:0}.media-head{display:flex;align-items:center;gap:10px;min-height:40px;margin-bottom:6px}.media-head strong{font-size:12px;color:#d8c5e1}.media-head>button{margin-left:auto;min-width:36px;min-height:36px;font-size:24px;color:#c3adcf}#video-options{position:relative;margin-left:auto}#video-options summary{cursor:pointer;font-size:11px;padding:8px 6px;color:#e3c28e}.video-options-panel{position:absolute;right:0;top:35px;width:min(310px,76vw);padding:15px;background:#30223d;border:1px solid #785488;border-radius:14px;z-index:4;box-shadow:0 14px 35px #0007}#video-form>label,.video-options-panel>label{display:block;font-size:11px;color:#bda7ca;margin:0 0 7px}.video-options-panel select{width:100%;border:1px solid #785488;border-radius:8px;padding:9px;margin-bottom:14px;color:#e4d4ec;background:#21192c}#video-form>div{display:flex;gap:7px}#video-link{font-size:13px;border:1px solid #785488;border-radius:8px;padding:9px;background:#21192c;color:#eee3f4}#video-form button{font-size:12px;border-radius:8px;background:#dfb777;padding:8px 12px;color:#32203b}#video-status{font-size:11px;color:#b9a4c5;line-height:1.6;margin:9px 0 0}#video-status:empty{display:none}#reader-font-reset{padding:6px;min-width:44px}#reader-lyrics .lyric-line{font-size:inherit}.reader-actions #youtube{background:#4a354f;border-color:#8a5a7f;color:#f2d7e5}.row-yt{min-width:36px;min-height:40px;touch-action:manipulation}.light #reader-media{background:#f6eef9;border-color:#ddc9e5}.light .media-head strong,.light .media-head>button{color:#684879}.light #video-status{color:#866b94}.light .video-options-panel{background:#f6eef9;border-color:#c8b0d5}.light #video-form>label,.light .video-options-panel>label{color:#755584}.light #video-link,.light .video-options-panel select{background:#fff;color:#4e315e;border-color:#c8b0d5}.light #reader-fullscreen[aria-pressed=true]{background:#e9d9f1;color:#58346f}
#video-play{font-size:11px;padding:6px 9px;border:1px solid #705075;border-radius:8px;white-space:nowrap;color:#e7c992;margin-left:auto;min-width:58px}.media-head #video-close{margin-left:0}#video-play:disabled{opacity:.45}
@media(max-width:780px){.reader-workspace{flex-direction:column}#reader-media{width:100%;flex:0 0 auto;order:0;overflow:visible;padding:0 12px 9px;border-left:0;border-bottom:1px solid #493253}#video-mount{height:200px;aspect-ratio:auto;border-radius:10px}.media-head{min-height:32px;margin-bottom:2px}.media-head>button{min-height:32px;min-width:36px}.media-head strong{font-size:11px}#video-options summary{padding:7px 5px}#video-status{margin-top:4px;font-size:10px}.has-video .reader-head .eyebrow,.has-video .reader-head p{display:none}.has-video .reader-head h2{font-size:21px}.has-video .reader-head{padding-top:10px}.has-video .reader-actions{padding-bottom:7px}.has-video .reader-tools{padding-top:7px;padding-bottom:7px}.reader-type{grid-template-columns:44px 44px 44px!important}#reader-font-down,#reader-font-up{font-size:17px}.video-options-panel{right:0;top:30px}#reader-media:has(#video-mount:empty){padding-bottom:12px}}
@media(max-height:700px) and (max-width:780px){.has-video .reader-tools{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px}.has-video .reader-tools>div{flex:0 0 auto;display:flex!important;flex-wrap:nowrap;gap:4px}.has-video .reader-type{order:0}.has-video .reader-tone{order:1}.has-video .reader-scrolling{order:2}.has-video .reader-tools button,.has-video .reader-tools select{min-height:40px}.has-video .reader-head{padding-bottom:3px}.has-video .reader-actions button{min-height:36px;padding-top:6px;padding-bottom:6px}}