:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-input:#1c1c28;--amber-50:#fff8e1;--amber-200:#ffe082;--amber-400:#ffca28;--amber-600:#f59e0b;--amber-glow:#f59e0b26;--neon-purple:#8b5cf6;--neon-blue:#3b82f6;--neon-pink:#ec4899;--neon-glow:#8b5cf61a;--color-bartender:#6ee7b7;--color-guest-past:#f87171;--color-guest-now:#60a5fa;--color-guest-alt:#c084fc;--color-user:#fbbf24;--color-system:#94a3b8;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--font-serif:"Noto Serif SC", "Source Han Serif SC", serif;--font-sans:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}.welcome-overlay{z-index:9999;background:radial-gradient(#111118 0%,#0a0a0f 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-card{text-align:center;padding:3rem 2.5rem;animation:.8s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-icon{margin-bottom:1.5rem;font-size:4rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.welcome-title{font-family:var(--font-serif);color:var(--amber-400);margin-bottom:1rem;font-size:1.8rem}.welcome-desc{color:var(--text-muted);white-space:pre-line;margin-bottom:2.5rem;font-size:1rem;line-height:2}.welcome-btn{border:1px solid var(--amber-400);color:var(--amber-400);cursor:pointer;background:#f59e0b1a;border-radius:12px;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s}.welcome-btn:hover{background:#f59e0b33;transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{background: radial-gradient(ellipse at 20% 0%, var(--neon-glow) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--amber-glow) 0%, transparent 50%), var(--bg-primary);min-height:100vh;position:relative}.tavern{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.tavern-header{text-align:center;padding:3rem 0 2rem;position:relative}.tavern-header h1{font-family:var(--font-serif);background:linear-gradient(135deg, var(--amber-400), var(--amber-200));-webkit-text-fill-color:transparent;letter-spacing:.08em;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.tavern-header .subtitle{color:var(--text-muted);margin-top:.5rem;font-size:.9rem;font-style:italic}.tavern-header .bartender-avatar{object-fit:cover;border:3px solid var(--amber-600);width:120px;height:120px;box-shadow:0 0 20px var(--amber-glow), 0 0 40px #f59e0b14;border-radius:50%;margin:0 auto 1rem;animation:3s ease-in-out infinite avatarGlow;display:block}@keyframes avatarGlow{0%,to{box-shadow:0 0 20px var(--amber-glow), 0 0 40px #f59e0b14}50%{box-shadow:0 0 30px var(--amber-glow), 0 0 60px #f59e0b26}}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.loading-screen .loading-avatar{object-fit:cover;border:3px solid var(--amber-400);border-radius:50%;width:160px;height:160px;margin-bottom:2rem;animation:2s ease-in-out infinite loadingBounce,3s ease-in-out infinite avatarGlow}@keyframes loadingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.book-animation{width:60px;height:48px;margin:1.5rem auto;position:relative}.book-animation .book-base{background:var(--amber-400);width:50px;height:6px;box-shadow:0 2px 8px var(--amber-glow);border-radius:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.book-animation .page{background:var(--amber-200);transform-origin:bottom;opacity:.9;border-radius:2px 2px 0 0;width:22px;height:36px;position:absolute;bottom:6px}.book-animation .page-left{transform-origin:100% 100%;animation:1.8s ease-in-out infinite pageFlipLeft;left:6px}.book-animation .page-right{transform-origin:0 100%;animation:1.8s ease-in-out .9s infinite pageFlipRight;right:6px}@keyframes pageFlipLeft{0%,to{transform:rotateY(0)}25%{transform:rotateY(-50deg)}50%{transform:rotateY(0)}}@keyframes pageFlipRight{0%,to{transform:rotateY(0)}25%{transform:rotateY(50deg)}50%{transform:rotateY(0)}}.loading-screen .loading-text{color:var(--amber-400);font-family:var(--font-serif);letter-spacing:.15em;font-size:1.1rem;animation:2s ease-in-out infinite textPulse}.loading-screen .loading-hint{color:var(--text-muted);margin-top:.5rem;font-size:.8rem;font-style:italic}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.waiting-animation{flex-direction:column;align-items:center;gap:.8rem;padding:2rem 0;display:flex}.waiting-animation .waiting-avatar{object-fit:cover;border:2px solid var(--amber-600);border-radius:50%;width:80px;height:80px;animation:3s ease-in-out infinite waitingSwing}@keyframes waitingSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.waiting-animation .waiting-text{color:var(--text-muted);font-size:.85rem;font-style:italic}.stage-indicator{justify-content:center;gap:.5rem;margin-bottom:1rem;padding:1rem 0;display:flex}.stage-dot{background:var(--text-muted);width:8px;height:8px;transition:all var(--transition-normal);border-radius:50%}.stage-dot.active{background:var(--amber-400);box-shadow:0 0 12px var(--amber-glow);transform:scale(1.3)}.dialog-stream{flex-direction:column;flex:1;gap:1rem;padding-bottom:12rem;display:flex}.dialog-entry{border-radius:var(--radius-md);border-left:3px solid #0000;padding:1rem 1.25rem;animation:.4s ease-out fadeSlideIn;position:relative}.dialog-entry.bartender{border-left-color:var(--color-bartender);background:linear-gradient(135deg,#6ee7b70f,#0000)}.dialog-entry.guest_past{border-left-color:var(--color-guest-past);background:linear-gradient(135deg,#f871710f,#0000)}.dialog-entry.guest_now{border-left-color:var(--color-guest-now);background:linear-gradient(135deg,#60a5fa0f,#0000)}.dialog-entry.guest_alt{border-left-color:var(--color-guest-alt);background:linear-gradient(135deg,#c084fc0f,#0000)}.dialog-entry.system{text-align:center;color:var(--text-muted);background:0 0;border-left-color:#0000;font-style:italic}.dialog-entry.stage{text-align:center;background:0 0;border-left-color:#0000;padding:2rem 0}.dialog-entry.stage .stage-title{font-family:var(--font-serif);color:var(--amber-400);letter-spacing:.1em;font-size:1.3rem}.dialog-speaker{letter-spacing:.03em;margin-bottom:.4rem;font-size:.8rem;font-weight:600}.bartender .dialog-speaker{color:var(--color-bartender)}.guest_past .dialog-speaker{color:var(--color-guest-past)}.guest_now .dialog-speaker{color:var(--color-guest-now)}.guest_alt .dialog-speaker{color:var(--color-guest-alt)}.dialog-content{color:var(--text-primary);font-size:.95rem;line-height:1.75}.dialog-content em,.dialog-content .action-text{color:var(--text-muted);font-size:.88rem;font-style:italic}.input-area{background:linear-gradient(to top, var(--bg-primary) 70%, transparent);z-index:10;padding:.5rem 1.5rem 1.5rem;position:fixed;bottom:0;left:0;right:0}.input-container{align-items:center;gap:.75rem;max-width:800px;margin:0 auto;display:flex}.guide-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--amber-400);white-space:nowrap;cursor:pointer;background:#16161fe6;border:1px solid #ffffff1f;border-radius:10px;align-items:center;padding:.85rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.guide-trigger:hover{border-color:var(--amber-400);background:#f59e0b26;transform:scale(1.05)}.guide-modal{width:min(92vw,720px)!important;height:80vh!important}.input-field{background:var(--bg-input);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);border:1px solid #ffffff14;outline:none;flex:1;padding:.85rem 1.2rem}.input-field:focus{border-color:var(--amber-600);box-shadow:0 0 0 3px var(--amber-glow)}.input-field::placeholder{color:var(--text-muted)}.send-btn{background:linear-gradient(135deg, var(--amber-600), var(--amber-400));border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600}.send-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f59e0b4d}.send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.action-buttons{justify-content:center;gap:.75rem;max-width:800px;margin:0 auto;padding:.5rem 0;display:flex}.action-btn{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ffffff1a;padding:.7rem 1.5rem;font-size:.85rem}.action-btn:hover{border-color:var(--neon-purple);color:var(--neon-purple);background:#8b5cf614}.action-btn.butterfly{color:var(--color-guest-alt);border-color:#c084fc4d}.action-btn.butterfly:hover{border-color:var(--color-guest-alt);background:#c084fc1a;box-shadow:0 0 15px #c084fc26}.action-btn.auto-start{color:var(--color-bartender);border-color:#6ee7b74d}.action-btn.auto-start:hover{border-color:var(--color-bartender);background:#6ee7b71a;box-shadow:0 0 15px #6ee7b726}.action-btn.auto-stop{border-color:var(--amber-600);color:var(--amber-400);background:#f59e0b14;animation:2s ease-in-out infinite autoModePulse}.action-btn.auto-stop:hover{border-color:var(--amber-400);box-shadow:0 0 15px var(--amber-glow);background:#f59e0b26}@keyframes autoModePulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 12px var(--amber-glow)}}.loading-dots{gap:4px;padding:.5rem 0;display:inline-flex}.loading-dots span{background:var(--amber-400);border-radius:50%;width:6px;height:6px;animation:1.4s infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.engine-bar{justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.engine-label{color:var(--color-bartender);font-size:.8rem}.engine-toggle{color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;transition:all .3s;display:inline-flex}.engine-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.02)}.engine-toggle:disabled{opacity:.5;cursor:not-allowed}.engine-dot{border-radius:50%;width:6px;height:6px;transition:background-color .3s,box-shadow .3s}.engine-toggle.qwen .engine-dot{background:#60a5fa;box-shadow:0 0 6px #60a5fa99}.engine-toggle.qwen{border-color:#60a5fa4d}.engine-toggle.secondme .engine-dot{background:var(--color-bartender);box-shadow:0 0 6px #6ee7b799}.engine-toggle.secondme{border-color:#6ee7b74d}.engine-name{white-space:nowrap}.doc-trigger{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--amber-400);cursor:pointer;white-space:nowrap;background:#16161fe6;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex;position:fixed;top:1rem;left:1rem;box-shadow:0 2px 12px #0006}.doc-trigger:hover{border-color:var(--amber-400);background:#1e1e2df2;transform:translateY(-1px);box-shadow:0 6px 24px #f59e0b33}.doc-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.doc-modal{background:var(--bg-secondary);border:1px solid #ffffff0f;border-radius:16px;width:min(96vw,1400px);height:94vh;animation:.3s slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0009}.doc-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.doc-close:hover{color:var(--text-primary);background:#ffffff1f}.doc-sidebar{background:var(--bg-primary);border-right:1px solid #ffffff0f;flex-direction:column;width:280px;min-width:280px;padding:1.25rem 0;display:flex;overflow-y:auto}.doc-sidebar-title{color:var(--amber-400);border-bottom:1px solid #ffffff0f;margin-bottom:.5rem;padding:0 1.25rem .75rem;font-size:1.25rem;font-weight:600}.doc-toc-item{color:var(--text-secondary);border-left:2px solid #0000;padding:.4rem 1.25rem;font-size:1.05rem;line-height:1.5;text-decoration:none;transition:all .15s;display:block}.doc-toc-item:hover{color:var(--amber-200);border-left-color:var(--amber-400);background:#ffffff08}.doc-toc-item.level-1{color:var(--text-primary);margin-top:.5rem;font-size:1.08rem;font-weight:600}.doc-toc-item.level-2{padding-left:1.25rem;font-weight:500}.doc-toc-item.level-3{color:var(--text-muted);padding-left:2rem;font-size:1rem}.doc-body{color:var(--text-primary);flex:1;padding:2rem 3rem;font-size:1.1rem;line-height:1.85;overflow-y:auto}.doc-body h2,.doc-body h3,.doc-body h4{margin-top:1.2rem!important;margin-bottom:.3rem!important}.doc-body hr{border:none;border-top:1px solid #ffffff0f;margin:1.5rem 0}.doc-body table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:1.02rem}.doc-body th,.doc-body td{text-align:left;border:1px solid #ffffff14;padding:.5rem .75rem}.doc-body th{color:var(--amber-200);background:#ffffff0a}.doc-body blockquote{border-left:3px solid var(--amber-400);color:var(--text-secondary);background:#f59e0b0d;border-radius:0 8px 8px 0;margin:1rem 0;padding:.5rem 1rem;font-style:italic}@media (width<=640px){.doc-sidebar{display:none}.doc-body{padding:1.5rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-btn.share-zhihu{color:#4d94ff;transition:all var(--transition-fast);border-color:#06f6}.action-btn.share-zhihu:hover:not(:disabled){color:#06f;background:#0066ff1a;border-color:#06f;box-shadow:0 0 15px #06f3}.action-btn.share-zhihu.sharing{opacity:.7;cursor:wait;animation:1.5s ease-in-out infinite sharePulse}.action-btn.share-zhihu.success{color:var(--color-bartender);background:#6ee7b714;border-color:#6ee7b780}.action-btn.share-zhihu.error{color:var(--color-guest-past);border-color:#f8717180}.action-btn.share-zhihu.error:hover{border-color:var(--color-guest-past);background:#f871711a;box-shadow:0 0 15px #f8717133}@keyframes sharePulse{0%,to{opacity:.6}50%{opacity:1}}.share-link{border-radius:var(--radius-md);color:#4d94ff;transition:all var(--transition-fast);background:#0066ff14;border:1px solid #0066ff40;align-items:center;padding:.7rem 1.2rem;font-size:.85rem;text-decoration:none;display:inline-flex}.share-link:hover{background:#0066ff26;border-color:#06f;transform:translateY(-1px);box-shadow:0 4px 12px #06f3}.top-left-actions{z-index:100;gap:.5rem;display:flex;position:fixed;top:1rem;left:1rem}.top-left-actions .doc-trigger{position:static}.top-right-actions{z-index:100;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.logout-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--amber-400);cursor:pointer;white-space:nowrap;background:#16161fe6;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 12px #0006}.logout-btn:hover{color:#f87171;background:#ef444426;border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 6px 24px #ef444433}.settings-modal{background:var(--bg-secondary);border:1px solid #ffffff0f;border-radius:16px;width:min(90vw,480px);max-height:85vh;padding:2rem 2.5rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 32px 80px #0009}.settings-title{font-family:var(--font-serif);color:var(--amber-400);text-align:center;margin-bottom:1.5rem;font-size:1.4rem}.settings-section{border-bottom:1px solid #ffffff0f;margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-section:last-of-type{border-bottom:none;margin-bottom:.5rem}.settings-section-title{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.settings-lang-group{gap:.75rem;display:flex}.settings-lang-btn{border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid #ffffff1a;flex:1;padding:.6rem 1rem;font-size:.9rem}.settings-lang-btn:hover{background:#ffffff0d;border-color:#fff3}.settings-lang-btn.active{border-color:var(--amber-400);color:var(--amber-400);box-shadow:0 0 12px var(--amber-glow);background:#f59e0b14}.settings-label{color:var(--text-muted);margin-top:.6rem;margin-bottom:.3rem;font-size:.78rem;display:block}.settings-input{background:var(--bg-input);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:.88rem;font-family:var(--font-mono);transition:border-color var(--transition-fast);border:1px solid #ffffff14;outline:none;padding:.6rem .85rem}.settings-input:focus{border-color:var(--amber-600);box-shadow:0 0 0 3px var(--amber-glow)}.settings-input::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.settings-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.settings-msg{color:var(--text-secondary);font-size:.82rem}@media (width<=640px){.settings-modal{width:95vw;padding:1.5rem}.top-left-actions{flex-direction:column;gap:.35rem}}.butterfly-modal{background:var(--bg-secondary);text-align:center;border:1px solid #8b5cf626;border-radius:20px;width:min(88vw,440px);padding:2.5rem 2.5rem 2rem;animation:.35s slideUp;position:relative;box-shadow:0 32px 80px #0009,0 0 40px #8b5cf614}.butterfly-icon{margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite butterflyFloat}@keyframes butterflyFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.butterfly-title{font-family:var(--font-serif);color:#c084fc;margin-bottom:.5rem;font-size:1.3rem}.butterfly-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.88rem;line-height:1.5}.butterfly-input{text-align:left;margin-bottom:0;border-color:#8b5cf633!important}.butterfly-input:focus{border-color:#a855f7!important;box-shadow:0 0 0 3px #a855f71f!important}.butterfly-footer{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.music-control{z-index:50;flex-direction:column;align-items:center;gap:.35rem;display:flex;position:fixed;bottom:7rem;right:1.5rem}.music-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--amber-400);cursor:pointer;background:#16161feb;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;transition:all .3s;display:flex;box-shadow:0 2px 12px #0006}.music-toggle:hover{border-color:var(--amber-400);background:#1e1e2df2;transform:scale(1.08);box-shadow:0 4px 20px #f59e0b33}.music-toggle.playing{box-shadow:0 0 16px var(--amber-glow);border-color:#f59e0b66;animation:4s linear infinite musicSpin}@keyframes musicSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-toggle.playing:hover{animation-play-state:paused}.music-expand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:28px;height:20px;color:var(--text-muted);cursor:pointer;background:#16161fd9;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;font-size:.65rem;transition:all .2s;display:flex}.music-expand:hover{color:var(--amber-200);border-color:#fff3}.music-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#16161ff2;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;min-width:56px;padding:.75rem .85rem;animation:.25s ease-out panelSlideIn;display:flex;box-shadow:0 8px 32px #00000080}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.music-panel-label{color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.music-volume-slider{appearance:none;writing-mode:vertical-lr;cursor:pointer;direction:rtl;background:#ffffff14;border-radius:3px;outline:none;width:6px;height:90px}.music-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg, var(--amber-400), var(--amber-600));cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--amber-glow);border:2px solid #fff3;border-radius:50%;transition:transform .15s}.music-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.music-volume-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--amber-400), var(--amber-600));cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--amber-glow);border:2px solid #fff3;border-radius:50%}.music-volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--amber-600), #ffffff14);border-radius:3px}.music-volume-value{color:var(--amber-200);font-size:.68rem;font-family:var(--font-mono);font-weight:500}@media (width<=640px){.music-control{bottom:6rem;right:.75rem}.music-toggle{width:38px;height:38px;font-size:1rem}.music-volume-slider{height:70px}}