.danmaku-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;flex:0 0 auto;position:relative;z-index:4;background:rgba(8,15,32,.86);border:1px solid #2a3a5c;border-radius:9px;margin-bottom:6px;min-width:0}
.danmaku-form label{font-size:12px;color:#7cb8ff;white-space:nowrap}
.danmaku-form input{flex:1;min-width:0;width:0;border:0;background:transparent;color:#eef2f8;font-size:16px;line-height:28px;padding:0 4px}
.danmaku-form input::placeholder{color:#8a9bb8}
.danmaku-form button{flex:0 0 auto;border:1px solid #41659a;border-radius:6px;background:#18345c;color:#e8f0fb;padding:6px 12px;font-size:13px}
#danmakuStatus{flex-basis:100%;font-size:11px;line-height:1.4;color:#aab7c9;overflow-wrap:anywhere}
#danmakuStatus:empty{display:none}
.danmaku-layer{position:fixed;left:0;right:0;top:92px;height:min(160px,45svh);overflow:hidden;pointer-events:none!important;z-index:4;contain:layout paint}
.danmaku-item{position:absolute;left:0;white-space:nowrap;font-size:clamp(17px,2vw,24px);font-weight:600;line-height:34px;text-shadow:0 1px 3px #000,1px 0 2px #000;pointer-events:none;will-change:transform}
body.playing .danmaku-form,body.playing .danmaku-layer{display:none}
@media(max-height:480px) and (orientation:landscape){.danmaku-form{padding:4px 8px;gap:6px}.danmaku-form input{line-height:24px}.danmaku-form button{padding:4px 9px}.danmaku-layer{top:78px}}
@media(prefers-reduced-motion:reduce){.danmaku-item{left:16px;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;will-change:opacity}}

.danmaku-form{position:fixed;top:auto;bottom:max(6px,env(safe-area-inset-bottom));margin:0;z-index:6;box-sizing:border-box;box-shadow:0 -4px 22px #0005}



body:has(#cover.results-view) .danmaku-form{display:none}