/* One row of controls, hidden only while the viewer is watching. */
.video-stage .view-controls{transition:opacity .18s ease;z-index:12}
.video-stage.controls-hidden .view-controls{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.video-stage .view-controls{transition:none}}
/* The cart shares the composer row, rather than floating above it. */
.classroom-dock{flex:0 0 auto;background:white;border-top:1px solid #edf0ec;z-index:21}
body #commentForm:not(.comment-editor-overlay){position:relative;inset:auto;width:100%;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;background:transparent;border:0;backdrop-filter:none}
body #commentForm input{height:36px;min-width:0;flex:1;padding:0 14px;font-size:16px;border-radius:20px}
body #commentForm #commentSend{height:36px;min-width:54px;padding:0 12px;font-size:14px;border-radius:20px}
body #commentForm #cartButton{position:static;flex:0 0 40px;min-width:40px;width:40px;height:40px;margin:0;padding:5px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:transparent;color:#ffc629;box-shadow:none;transform:none}
body #commentForm #cartButton[hidden]{display:none}
body #commentForm #cartButton::before{display:none;content:none}
body #commentForm #cartButton .cart-icon{display:block;width:29px;height:29px;fill:#ffc629;stroke:#b47700;stroke-width:1.4}
body .promo-card{bottom:calc(68px + env(safe-area-inset-bottom))}
body .replay-page{min-height:0}
.replay-page #commentsTab,.replay-page #commentsPanel,.replay-page #danmakuToggle,.replay-page #danmakuLayer,.replay-page #commentInput,.replay-page #commentSend,.replay-page #commentDone{display:none!important}
.replay-page .community-tabs{display:none}
body.replay-page #commentForm{justify-content:flex-end}
@media(min-width:721px){body:not(.landscape-mode) .classroom-dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);border-radius:16px 16px 0 0}}
body.landscape-mode .classroom-dock{position:fixed;left:max(12px,env(safe-area-inset-left));right:auto;bottom:52px;width:min(62%,480px);background:transparent;border:0;transform:none}
body.landscape-mode #commentForm:not(.comment-editor-overlay){padding:4px 0}
body.landscape-mode .promo-card{bottom:110px}
body.landscape-mode.replay-page .classroom-dock{left:auto;right:max(12px,env(safe-area-inset-right));width:auto}
body.landscape-mode.replay-page .comments-card{display:none}
body #commentForm.comment-editor-overlay #cartButton{flex-shrink:0}
.classroom-dock{order:3}

body #commentForm #cartButton{padding:0}body #commentForm #cartButton .cart-icon{width:40px;height:40px;display:block}