.dm-bar{align-items:center;background:var(--card-bg,hsla(0,0%,100%,.04));border:1px solid var(--border-color,hsla(0,0%,100%,.1));border-radius:var(--radius-md,10px);display:flex;gap:10px;margin:8px 0 10px;padding:8px 10px;position:relative}.dm-toggle{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted,#a1a1aa);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:7px;padding:6px 8px;transition:color .15s,background .15s}.dm-toggle:hover{background:#ffffff0f}.dm-toggle.on,.dm-toggle:hover{color:var(--text-primary,#fff)}.dm-toggle .dm-slash{stroke:#ef4444}.dm-switch{background:#fff3;border-radius:999px;height:16px;position:relative;transition:background .15s;width:30px}.dm-knob{background:#fff;border-radius:50%;height:12px;left:2px;position:absolute;top:2px;transition:transform .15s;width:12px}.dm-toggle.on .dm-switch{background:var(--accent-color,#3b82f6)}.dm-toggle.on .dm-knob{transform:translate(14px)}.dm-field{align-items:center;background:#ffffff12;border:1px solid transparent;border-radius:10px;display:flex;flex:1;gap:2px;height:40px;min-width:0;padding:0 6px 0 14px;position:relative;transition:border-color .15s}.dm-field:focus-within{border-color:var(--accent-color,#3b82f6)}.dm-field.disabled{opacity:.55}.dm-input{background:transparent;border:none;color:var(--text-primary,#fff);flex:1;font-size:.9rem;height:100%;min-width:0;outline:none}.dm-input::-moz-placeholder{color:var(--text-muted,#a1a1aa)}.dm-input::placeholder{color:var(--text-muted,#a1a1aa)}.dm-count{color:var(--text-muted,#a1a1aa);flex-shrink:0;font-size:.7rem;font-variant-numeric:tabular-nums}.dm-count.warn{color:#f59e0b}.dm-icon-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-muted,#a1a1aa);cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.dm-icon-btn:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary,#fff)}.dm-icon-btn:disabled,.dm-send:disabled{cursor:not-allowed}.dm-dot{border:2px solid hsla(0,0%,100%,.5);border-radius:50%;height:16px;width:16px}.dm-send{background:var(--accent-color,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;padding:0 20px;transition:opacity .15s}.dm-send:disabled{opacity:.4}.dm-send:hover:not(:disabled){opacity:.88}.dm-notice{background:#141418f2;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;bottom:calc(100% + 4px);color:#fff;font-size:.78rem;padding:5px 10px;pointer-events:none;position:absolute;right:10px}.dm-pop{background:#17171d;border:1px solid hsla(0,0%,100%,.14);border-radius:12px;bottom:calc(100% + 8px);box-shadow:0 10px 30px #00000080;padding:10px;position:absolute;right:0;z-index:30}.dm-pop-emoji{display:grid;gap:2px;grid-template-columns:repeat(10,1fr);width:min(380px,calc(100vw - 32px))}.dm-emoji{background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:1.3rem;line-height:1.3;padding:4px 0}.dm-emoji:hover{background:#ffffff1f}.dm-pop-style{width:min(260px,calc(100vw - 32px))}.dm-pop-title{color:var(--text-muted,#a1a1aa);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:2px 0 6px;text-transform:uppercase}.dm-colors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dm-color{border:2px solid transparent;border-radius:50%;cursor:pointer;height:24px;width:24px}.dm-color.sel{border-color:#fff;box-shadow:0 0 0 2px var(--accent-color,#3b82f6)}.dm-modes{display:flex;gap:6px}.dm-mode{background:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;color:var(--text-secondary,#d4d4d8);cursor:pointer;flex:1;font-size:.8rem;padding:6px 4px}.dm-mode.sel{background:var(--accent-color,#3b82f6);border-color:var(--accent-color,#3b82f6);color:#fff;font-weight:600}@media(max-width:640px){.dm-bar{gap:6px;padding:6px}.dm-toggle-label{display:none}.dm-send{padding:0 14px}.dm-count{display:none}.dm-pop-emoji{grid-template-columns:repeat(8,1fr);right:-60px}}.danmaku-layer{inset:0 0 56px;overflow:hidden;pointer-events:none;position:absolute;z-index:6}.danmaku-layer .dm-item{font-family:inherit;font-weight:700;left:0;line-height:1.25;position:absolute;text-shadow:-1px -1px 2px rgba(0,0,0,.85),1px -1px 2px rgba(0,0,0,.85),-1px 1px 2px rgba(0,0,0,.85),1px 1px 2px rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;will-change:transform}.danmaku-layer .dm-item.dm-mine{border-radius:4px;outline:1.5px solid hsla(0,0%,100%,.85);outline-offset:2px;padding:0 4px}
