.dap-wrapper,.dap-wrapper *{box-sizing:border-box}.dap-wrapper{direction:rtl;width:100%;max-width:700px;margin:1.8rem auto}.dap-label-row{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.dap-tooth-icon{width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--dap-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(10,124,110,.35)}.dap-tooth-icon svg{width:18px;height:18px;fill:#fff}.dap-label-text{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--dap-primary);white-space:nowrap}.dap-card{background:#fff;border-radius:var(--dap-radius);padding:1.5rem 1.6rem 1.2rem;box-shadow:0 8px 32px rgba(10,124,110,.09),0 2px 8px rgba(0,0,0,.05);border:1px solid rgba(10,124,110,.08);position:relative;overflow:hidden}.dap-card::before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,var(--dap-glow) 0%,transparent 70%);pointer-events:none}.dap-title{font-size:1rem;font-weight:700;color:var(--dap-dark);margin-bottom:1rem;line-height:1.7}.dap-waveform{width:100%;height:50px;display:flex;align-items:center;gap:2px;margin-bottom:1rem;cursor:pointer;user-select:none;outline:none}.dap-bar{flex:1;border-radius:2px;background:var(--dap-wave-idle);transition:background .2s,transform .15s;transform-origin:center;min-width:2px;max-width:10px}.dap-bar.dap-played{background:var(--dap-primary)}.dap-bar.dap-active{background:var(--dap-gold);animation:dap-pulse .55s ease-in-out infinite alternate}.dap-controls{display:flex;align-items:center;flex-wrap:nowrap;gap:.75rem}.dap-play-btn{width:46px;height:46px;min-width:46px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--dap-primary-light),var(--dap-primary));cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(10,124,110,.42);transition:transform .15s,box-shadow .15s;padding:0}.dap-play-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px rgba(10,124,110,.54)}.dap-play-btn:active{transform:scale(.94)}.dap-play-btn svg{width:20px;height:20px;fill:#fff;pointer-events:none}.dap-time-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.dap-progress-track{width:100%;height:5px;background:#dde8e7;border-radius:99px;cursor:pointer;position:relative}.dap-progress-fill{height:100%;background:linear-gradient(to left,var(--dap-primary-light),var(--dap-primary));border-radius:99px;width:0%;position:relative;transition:width .15s linear}.dap-progress-thumb{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:13px;height:13px;background:#fff;border:3px solid var(--dap-primary);border-radius:50%;box-shadow:0 2px 6px rgba(10,124,110,.38);transition:transform .1s}.dap-progress-track:hover .dap-progress-thumb{transform:translateY(-50%) scale(1.25)}.dap-times{display:flex;justify-content:space-between;font-size:.68rem;color:var(--dap-muted);font-weight:500}.dap-extras{display:flex;align-items:center;gap:5px;flex-shrink:0}.dap-speed-btn{background:var(--dap-accent);border:1px solid rgba(10,124,110,.2);color:var(--dap-primary);font-family:inherit;font-size:.68rem;font-weight:700;padding:4px 9px;border-radius:20px;cursor:pointer;transition:background .2s;white-space:nowrap;line-height:1.4}.dap-speed-btn:hover{background:#c5e8e5}.dap-vol-btn{background:0 0;border:none;cursor:pointer;color:var(--dap-muted);display:flex;align-items:center;padding:4px;border-radius:6px;transition:color .2s,background .2s}.dap-vol-btn:hover{color:var(--dap-primary);background:var(--dap-accent)}.dap-vol-btn.dap-muted{color:#e74c3c}.dap-vol-btn svg{width:17px;height:17px;fill:currentColor;pointer-events:none}.dap-badge{margin-top:1.1rem;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e8f7f5,#d0eeeb);border:1px solid rgba(10,124,110,.13);border-radius:20px;padding:4px 14px;font-size:.67rem;color:var(--dap-primary);font-weight:600;white-space:nowrap}.dap-audio{display:none!important}@media (max-width:520px){.dap-card{padding:1.1rem .9rem .9rem}.dap-controls{gap:.5rem}.dap-play-btn{width:40px;height:40px;min-width:40px}.dap-waveform{height:38px}.dap-badge{white-space:normal}.dap-speed-btn{font-size:.62rem;padding:3px 7px}}