.cinema-dm-layer { position:absolute; inset:0; overflow:hidden; z-index:12; pointer-events:none; contain:layout paint; }
.cinema-dm-layer span { position:absolute; left:0; white-space:nowrap; font-size:20px; font-weight:600; line-height:28px; text-shadow:1px 1px 2px #000,-1px -1px 2px #000; will-change:transform; }
.cinema-dm-toggle { position:absolute; left:14px; bottom:110px; top:auto; right:auto; z-index:65; padding:5px 9px; border:1px solid #ffffff50; border-radius:16px; background:#0008; color:white; font-size:12px; cursor:pointer; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease; }
.cinema-dm-toggle.is-visible { opacity:1; visibility:visible; pointer-events:auto; }
.short-player-container .cinema-dm-toggle { top:102px; bottom:auto; left:auto; right:14px; }
.cinema-dm-toggle { width:32px; height:32px; padding:3px; border:0; border-radius:0; background:transparent; display:flex; align-items:center; justify-content:center; }
.cinema-dm-toggle svg { display:block; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cinema-dm-toggle::after { content:attr(data-tooltip); position:absolute; bottom:calc(100% + 10px); right:0; white-space:nowrap; padding:6px 10px; border-radius:3px; background:#222; color:#fff; font-size:12px; font-weight:600; opacity:0; pointer-events:none; }
@media(hover:hover) { .cinema-dm-toggle:hover::after { opacity:1; } }
.cinema-dm-toggle[aria-pressed=true] { color:#fff; }
.cinema-dm-toggle.off { color:#ccc; }
.cinema-dm-toggle .dm-icon-slash { stroke-width:2.5; }
.cinema-dm-toggle[hidden] { display:none !important; }
.cinema-dm-toggle.is-visible.off { opacity:.6; }
.cinema-dm-notice { position:absolute; left:50%; bottom:110px; transform:translateX(-50%); z-index:66; max-width:calc(100% - 40px); padding:8px 12px; border-radius:8px; color:white; background:#000b; font-size:13px; pointer-events:none; opacity:0; transition:opacity .2s; }
.cinema-dm-notice.is-visible { opacity:1; }
.cinema-managed-danmaku .danmaku-container,.cinema-managed-danmaku .danmaku-switch { display:none !important; }
#danmaku-manager .dm-url { min-width:240px; }
#danmaku-manager input[type=checkbox] { width:18px; height:18px; vertical-align:middle; }
#danmaku-manager .site-admin-modal { border-radius:8px; }
#danmaku-manager .site-admin-modal h3 { font-size:16px; }
#danmaku-manager .site-section-card { border-radius:6px; background:#f7f8fa; margin-bottom:12px; }
#danmaku-manager .site-form-grid { grid-template-columns:1fr 1.6fr 1fr; }
#danmaku-manager input:not([type=checkbox]) { box-sizing:border-box; border:1px solid transparent; border-radius:4px; background:#f2f3f5; height:32px; }
#danmaku-manager input:not([type=checkbox]):focus { outline:none; border-color:#165dff; background:#fff; }
#danmaku-manager button:not([aria-label]) { height:32px; padding:0 12px; border:0; border-radius:4px; background:#e8f3ff; color:#165dff; cursor:pointer; font-size:13px; }
#danmaku-manager button.dm-delete { background:#fff0f0; color:#f53f3f; }
#danmaku-manager button.dm-save,#danmaku-manager button.dm-add { color:#fff; background:#165dff; }
#danmaku-manager button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:720px) { #danmaku-manager .site-form-grid { grid-template-columns:1fr; } }
@media(max-width:600px) { .cinema-dm-layer span { font-size:17px; } #danmaku-manager .dm-url { min-width:0; } }