.hdk-tts-listen-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,var(--hdk-primary, #54cfd6),#3db8c1);color:#fff;position:relative;overflow:hidden}.hdk-tts-listen-btn:hover{transform:scale(1.02);filter:brightness(1.1)}.hdk-tts-listen-btn.loading{opacity:.7;pointer-events:none}.hdk-tts-listen-btn.active{background:linear-gradient(135deg,#3db8c1,#2da5ad)}.hdk-tts-listen-btn iconify-icon{font-size:18px}.hdk-tts-listen-player{position:fixed;bottom:8px;left:8px;right:8px;z-index:9999;background:#fff6;-webkit-backdrop-filter:blur(4px) saturate(195%) brightness(1.08);backdrop-filter:blur(4px) saturate(195%) brightness(1.08);border-radius:16px;padding:8px 12px;box-shadow:0 10px 40px #0000006b,inset 0 1px 2px #ffffff8c;border:none;transform:translateY(150%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;max-width:600px;margin:0 auto}.hdk-tts-listen-player.visible{transform:translateY(0)}.hdk-tts-listen-player-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--hdk-primary, #54cfd6),#3db8c1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.hdk-tts-listen-player-icon iconify-icon{font-size:18px}.hdk-tts-listen-player-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hdk-tts-listen-player-title{font-size:13px;font-weight:600;color:var(--hdk-text-primary, #e7e9ea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hdk-tts-listen-player-progress-wrap{display:flex;align-items:center;gap:6px}.hdk-tts-listen-progress-bar{flex:1;height:4px;border-radius:2px;background:#ffffff26;cursor:pointer;position:relative;overflow:hidden}.hdk-tts-listen-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--hdk-primary, #54cfd6),#3db8c1);border-radius:2px;width:0%;transition:width .1s linear}.hdk-tts-listen-time{font-size:10px;color:var(--hdk-text-secondary, #71767b);font-family:JetBrains Mono,Roboto Mono,monospace;white-space:nowrap}.hdk-tts-listen-btn-control{width:32px;height:32px;border:none;border-radius:50%;background:#ffffff0f;color:var(--hdk-text-primary, #e7e9ea);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;position:relative;overflow:hidden}.hdk-tts-listen-btn-control:hover{background:#ffffff26}.hdk-tts-listen-btn-control iconify-icon{font-size:18px}.hdk-tts-listen-btn-play{width:36px;height:36px;background:linear-gradient(135deg,var(--hdk-primary, #54cfd6),#3db8c1);color:#fff}.hdk-tts-listen-btn-play:hover{background:linear-gradient(135deg,#3db8c1,#2da5ad);transform:scale(1.05)}.hdk-tts-listen-speed-btn{font-size:11px;font-weight:600;min-width:36px;padding:0}.hdk-tts-listen-controls-main{display:flex;align-items:center;gap:4px;flex-shrink:0}.hdk-tts-listen-btn-nav{width:30px;height:30px}.hdk-tts-listen-btn-control[disabled]{opacity:.35;pointer-events:none}html.dark .hdk-tts-listen-player,html.dark-mode .hdk-tts-listen-player{background:#000000b3}html.dark .hdk-tts-listen-player-title,html.dark-mode .hdk-tts-listen-player-title{color:#fff}html.dark .hdk-tts-listen-time,html.dark-mode .hdk-tts-listen-time{color:#aaa}html.dark .hdk-tts-listen-btn-control,html.dark-mode .hdk-tts-listen-btn-control{background:#ffffff14;color:#fff}html.dark .hdk-tts-listen-progress-bar,html.dark-mode .hdk-tts-listen-progress-bar{background:#ffffff1a}html:not(.dark):not(.dark-mode) .hdk-tts-listen-player{background:#ffffff1a;-webkit-backdrop-filter:blur(4px) saturate(195%) brightness(1.08);backdrop-filter:blur(4px) saturate(195%) brightness(1.08)}html:not(.dark):not(.dark-mode) .hdk-tts-listen-player-title{color:#333}html:not(.dark):not(.dark-mode) .hdk-tts-listen-time{color:#666}html:not(.dark):not(.dark-mode) .hdk-tts-listen-btn-control{background:#ffffff0f;color:#333}html:not(.dark):not(.dark-mode) .hdk-tts-listen-progress-bar{background:#00000014}@media(max-width:768px){.hdk-tts-listen-player{bottom:max(6px,env(safe-area-inset-bottom));left:6px;right:6px;padding:6px 8px;gap:6px;border-radius:12px}.hdk-tts-listen-player-title{font-size:12px}.hdk-tts-listen-btn-control{width:28px;height:28px}.hdk-tts-listen-btn-control iconify-icon{font-size:16px}.hdk-tts-listen-btn-play{width:32px;height:32px}.hdk-tts-listen-player-icon{width:28px;height:28px;display:none}.hdk-tts-listen-player-icon iconify-icon{font-size:14px}.hdk-tts-listen-btn-nav{width:26px;height:26px}.hdk-tts-listen-time{display:none}html:not(.dark):not(.dark-mode) .hdk-tts-listen-player{background:#ffffffe6}html.dark .hdk-tts-listen-player,html.dark-mode .hdk-tts-listen-player{background:#000000e6}.hdk-tts-listen-btn{display:flex;margin:0 auto 30px}}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.hdk-tts-listen-player{background:linear-gradient(180deg,#17181cf2 0,#17181cfa);box-shadow:0 -4px 20px #0000004d;bottom:0;left:0;right:0;border-radius:0}}