.mqsp-danmaku-wrapper{position:absolute;inset:0;z-index:20;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.mqsp-danmaku-canvas{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;opacity:0.85;transition:opacity 0.3s ease}.mqsp-danmaku-item{position:absolute;white-space:nowrap;font-size:18px;font-weight:600;line-height:1.4;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 4px rgba(0,0,0,0.8);will-change:transform;user-select:none;pointer-events:auto}.mqsp-danmaku-toolbar{position:relative;display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:12px;width:100%;max-width:100%;box-sizing:border-box;border-radius:12px;background:#fff;border:1px solid #e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,0.06);z-index:22;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}.mqsp-danmaku-toolbar-divider{width:1px;height:24px;background:#e8e8e8;flex-shrink:0;margin:0 4px}.mqsp-danmaku-settings{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#333;cursor:pointer;font-size:13px;font-weight:500;transition:background 0.2s ease;flex-shrink:0}.mqsp-danmaku-settings:hover{background:rgba(0,0,0,0.06)}.mqsp-danmaku-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:#333;flex-shrink:0;height:24px}.mqsp-danmaku-toggle::before{content:"";display:block;width:36px;height:20px;border-radius:999px;background:#e9e9ea;transition:background 0.25s ease;flex-shrink:0;box-sizing:border-box}.mqsp-danmaku-toggle::after{content:"";position:absolute;top:50%;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.15),0 0 1px rgba(0,0,0,0.04);transform:translateY(-50%);transition:left 0.25s cubic-bezier(0.4,0,0.2,1);flex-shrink:0;box-sizing:border-box}.mqsp-danmaku-toggle.is-active::before{background:#34c759}.mqsp-danmaku-toggle.is-active::after{left:18px}.mqsp-danmaku-toggle:hover::after{box-shadow:0 2px 6px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.04)}.mqsp-danmaku-toggle-label{line-height:1;letter-spacing:0.2px;user-select:none}.mqsp-danmaku-toggle>svg{display:none}.mqsp-danmaku-panel{position:absolute;top:100%;left:0;margin-top:4px;width:240px;padding:14px;border-radius:12px;background:#fff;border:1px solid #e8e8e8;box-shadow:0 4px 16px rgba(0,0,0,0.12);color:#333;font-size:13px;z-index:30}.mqsp-danmaku-panel[hidden]{display:none !important}.mqsp-danmaku-panel-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.mqsp-danmaku-panel-row:last-child{margin-bottom:0}.mqsp-danmaku-panel-row label{flex-shrink:0;font-size:12px}.mqsp-danmaku-panel-row input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;outline:none;cursor:pointer}.mqsp-danmaku-panel-row input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--mqsp-primary,#4f46e5);cursor:pointer}.mqsp-danmaku-panel-row input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--mqsp-primary,#4f46e5);cursor:pointer}.mqsp-danmaku-panel-row select{flex:1;padding:4px 8px;border:1px solid #e8e8e8;border-radius:4px;background:#f5f5f7;color:#333;font-size:12px;cursor:pointer}.mqsp-danmaku-panel-row select option{background:#fff;color:#333}.mqsp-danmaku-input-area,.mqsp-danmaku-login-hint{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mqsp-danmaku-color-picker{display:flex;gap:4px;flex-shrink:0}.mqsp-danmaku-color-btn{width:22px;height:22px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:border-color 0.2s ease,transform 0.2s ease}.mqsp-danmaku-color-btn:hover{transform:scale(1.1)}.mqsp-danmaku-color-btn.is-active{border-color:#333}.mqsp-danmaku-input{flex:1;min-width:120px;padding:8px 12px;border:1px solid #e8e8e8;border-radius:8px;background:#f5f5f7;color:#333;font-size:13px;outline:none;transition:border-color 0.2s ease,background 0.2s ease}.mqsp-danmaku-input::placeholder{color:#999}.mqsp-danmaku-input:focus{border-color:var(--mqsp-primary,#4f46e5);background:#fff}.mqsp-danmaku-input:disabled{opacity:0.5;cursor:not-allowed}.mqsp-danmaku-send{flex-shrink:0;padding:8px 18px;border:0;border-radius:8px;background:var(--mqsp-primary,#4f46e5);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background 0.2s ease,transform 0.1s ease}.mqsp-danmaku-send:hover:not(:disabled){background:var(--mqsp-primary-dark,#6366f1)}.mqsp-danmaku-send:active:not(:disabled){transform:scale(0.95)}.mqsp-danmaku-send:disabled{opacity:0.5;cursor:not-allowed}.mqsp-danmaku-login-link{color:var(--mqsp-primary,#4f46e5);font-size:13px;text-decoration:none;white-space:nowrap}.mqsp-danmaku-login-link:hover{text-decoration:underline}.mqsp-danmaku-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 18px;border-radius:8px;background:rgba(0,0,0,0.85);color:#fff;font-size:14px;font-weight:500;display:none;pointer-events:none;z-index:9999;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,0.4)}.mqsp-danmaku-toast.is-success{background:rgba(16,185,129,0.9)}@media (max-width:768px){.mqsp-danmaku-item{font-size:15px}.mqsp-danmaku-toolbar{padding:8px 10px;gap:6px;flex-wrap:wrap}.mqsp-danmaku-panel{width:100%;max-width:280px;padding:12px;box-sizing:border-box}.mqsp-danmaku-panel-row{gap:10px}.mqsp-danmaku-panel-row input[type="range"]{flex:1;min-width:0;width:100%;box-sizing:border-box}.mqsp-danmaku-input{min-width:100px;font-size:12px}.mqsp-danmaku-send{padding:6px 12px;font-size:12px}.mqsp-danmaku-color-btn{width:18px;height:18px}}@media (max-width:480px){.mqsp-danmaku-item{font-size:13px}.mqsp-danmaku-toggle{gap:6px}.mqsp-danmaku-toggle::before{width:32px;height:18px}.mqsp-danmaku-toggle::after{width:14px;height:14px;left:2px}.mqsp-danmaku-toggle.is-active::after{left:16px}.mqsp-danmaku-settings{padding:6px 8px}.mqsp-danmaku-panel{width:100%;max-width:100%;left:0;right:0;margin-top:6px}.mqsp-danmaku-toolbar-divider{display:none}.mqsp-danmaku-color-picker{display:none}.mqsp-danmaku-input{min-width:80px}.mqsp-danmaku-panel-row{flex-wrap:wrap}.mqsp-danmaku-panel-row label{width:100%;margin-bottom:4px}.mqsp-danmaku-panel-row input[type="range"],.mqsp-danmaku-panel-row select{width:100%;flex:1 1 100%}}body.mqsp-dark-mode .mqsp-danmaku-toolbar{background:#1f1f1f;border-color:#333}body.mqsp-dark-mode .mqsp-danmaku-toggle,body.mqsp-dark-mode .mqsp-danmaku-settings{color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-toggle:hover,body.mqsp-dark-mode .mqsp-danmaku-settings:hover{background:rgba(255,255,255,0.08)}body.mqsp-dark-mode .mqsp-danmaku-toggle::before{background:#39393d}body.mqsp-dark-mode .mqsp-danmaku-toggle.is-active::before{background:#30d158}body.mqsp-dark-mode .mqsp-danmaku-toggle::after{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.4),0 0 1px rgba(0,0,0,0.1)}body.mqsp-dark-mode .mqsp-danmaku-toolbar-divider{background:#333}body.mqsp-dark-mode .mqsp-danmaku-panel{background:#1f1f1f;border-color:#333;color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-panel-row input[type="range"]{background:#333}body.mqsp-dark-mode .mqsp-danmaku-panel-row select{background:#2a2a2a;border-color:#333;color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-panel-row select option{background:#1f1f1f;color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-input{background:#2a2a2a;border-color:#333;color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-input::placeholder{color:#666}body.mqsp-dark-mode .mqsp-danmaku-input:focus{background:#1f1f1f}body.mqsp-dark-mode .mqsp-danmaku-color-btn.is-active{border-color:#e0e0e0}body.mqsp-dark-mode .mqsp-danmaku-login-link{color:#818cf8}@media (prefers-reduced-motion:reduce){.mqsp-danmaku-item{transition:none !important}.mqsp-danmaku-toggle,.mqsp-danmaku-settings,.mqsp-danmaku-send,.mqsp-danmaku-color-btn,.mqsp-danmaku-toolbar{transition:none !important}}