.qcp-wrap{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic UI','Noto Sans JP',sans-serif;margin:1.8rem 0;background:#17202a;border-radius:14px;overflow:hidden;position:relative;box-sizing:border-box}.qcp-wrap *,.qcp-wrap *:before,.qcp-wrap *:after{box-sizing:border-box}.qcp-accent{height:3px;background:linear-gradient(90deg,#1d9e75,#5dcaa5)}.qcp-inner{padding:1.3rem 1.5rem 1.4rem}.qcp-header{display:flex;align-items:center;gap:14px;margin-bottom:1rem}.qcp-icon{width:50px;height:50px;min-width:50px;border-radius:50%;background:#0f6e56;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qcp-icon-inner{display:flex;flex-direction:column;align-items:center;pointer-events:none;gap:0}.qcp-icon-body{width:10px;height:15px;border:2.5px solid #9fe1cb;border-radius:5px}.qcp-icon-arm{width:18px;height:8px;border:2.5px solid #9fe1cb;border-top:none;border-radius:0 0 9px 9px;margin-top:-1px}.qcp-icon-stand{width:2px;height:5px;background:#9fe1cb}.qcp-icon-base{width:14px;height:2px;background:#9fe1cb;border-radius:1px}.qcp-meta{flex:1;min-width:0}.qcp-badge{font-size:10px;font-weight:600;background:#1d9e75;color:#fff !important;padding:2px 9px;border-radius:4px;letter-spacing:.06em;display:inline-block;margin-bottom:5px;line-height:1.6}.qcp-title{font-size:15px !important;font-weight:600 !important;color:#fff !important;margin:0 0 2px !important;line-height:1.4 !important}.qcp-sub{font-size:11px !important;color:#7a8fa6 !important;margin:0 !important}.qcp-waveform{display:flex;align-items:center;gap:3px;height:44px;margin-bottom:1rem}.qcp-bar{width:3px;min-width:3px;max-width:3px;border-radius:2px;background:#1d9e75;opacity:.4;transition:opacity .15s;flex-shrink:0}.qcp-bar.qcp-active{opacity:1}.qcp-controls{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.qcp-playbtn{width:44px !important;height:44px !important;min-width:44px;border-radius:50% !important;background:#1d9e75 !important;border:none !important;cursor:pointer;display:flex !important;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s;padding:0 !important;outline:none;position:relative;box-shadow:none !important}.qcp-playbtn:hover{background:#5dcaa5 !important}.qcp-playbtn:active{transform:scale(.93)}.qcp-playbtn:before{content:'';display:block;width:0;height:0;border-style:solid;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:15px solid #fff;border-right:0;margin-left:4px;background:0 0;border-radius:0;transition:all .12s ease}.qcp-playbtn.playing:before{width:4px;height:15px;background:#fff;border:none;border-radius:2px;box-shadow:9px 0 0 0 #fff;margin-left:-7px}.qcp-progress-wrap{flex:1;position:relative;padding:10px 0;cursor:pointer}.qcp-progress-track{height:4px;background:#2c3e50;border-radius:2px;position:relative}.qcp-progress-fill{height:100%;width:0;background:#1d9e75;border-radius:2px;transition:width .15s linear;pointer-events:none}.qcp-progress-dot{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;pointer-events:none}.qcp-progress-wrap:hover .qcp-progress-dot{opacity:1}.qcp-time{font-size:12px !important;color:#5a7a8c !important;min-width:76px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.qcp-note{background:#1e2d3d;border-left:3px solid #1d9e75;border-radius:0 8px 8px 0;padding:.7rem 1rem;font-size:12px;color:#7a8fa6 !important;line-height:1.65}.qcp-note strong{color:#a0b8c8;font-weight:500}.qcp-note small{font-size:11px}@media (max-width:480px){.qcp-inner{padding:1rem 1.1rem 1.2rem}.qcp-title{font-size:14px !important}.qcp-time{min-width:60px;font-size:11px !important}}