.aq-player{--lime:#c4ed89;--chrome:rgba(12,18,20,.78);aspect-ratio:16/9;background:#070c0d;border:1px solid #53644845;border-radius:16px;isolation:isolate;user-select:none;-webkit-user-select:none;box-shadow:0 24px 70px #0005}
.aq-media,.aq-media video,.aq-gesture,.aq-shade{position:absolute;inset:0;width:100%;height:100%}.aq-media video{object-fit:contain;background:#070c0d;display:block}.aq-gesture{z-index:2;outline:none;touch-action:none}.aq-shade{pointer-events:none;z-index:1;background:linear-gradient(180deg,#061012d9 0,transparent 32%,transparent 49%,#061012f5 100%);transition:opacity .22s}
.aq-top{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;z-index:3;pointer-events:none;transition:opacity .2s}.aq-title{display:grid;gap:7px;min-width:0}.aq-title strong{font-size:17px;letter-spacing:-.4px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:600px}.aq-title>span:last-child{color:#c5cdc5;font-size:11px}.aq-brand{font-size:9px;letter-spacing:2.3px;color:var(--lime);font-weight:800;display:flex;align-items:center;gap:7px}.aq-brand i{height:5px;width:5px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #c4ed89b3}.aq-brand b{font-weight:500;color:#b4c3b5;letter-spacing:1.4px}.aq-hold-hint{color:#d3dcd2;font-size:10px;white-space:nowrap;padding:7px 10px;background:#10232166;border:1px solid #b4d19b30;border-radius:20px}
.aq-center{position:absolute;inset:0;display:flex;gap:33px;justify-content:center;align-items:center;z-index:3;pointer-events:none;transition:opacity .18s}.aq-center button{pointer-events:auto;color:#eff7ed;width:48px;height:48px;display:grid;place-items:center;background:#111c1880;border:1px solid #e1f5d425;border-radius:50%;backdrop-filter:blur(12px)}.aq-center svg{height:27px;width:27px}.aq-center .aq-main-play{height:74px;width:74px;color:#182411;background:var(--lime);border:1px solid #e4ffc4;box-shadow:0 0 50px #bddb6430}.aq-main-play svg{height:30px;width:30px}.aq-center button:hover{transform:scale(1.06);border-color:var(--lime)}
.aq-bottom{position:absolute;bottom:14px;left:20px;right:20px;z-index:4;transition:opacity .2s}.aq-progress{height:23px;display:flex;align-items:center;margin-bottom:5px}.aq-progress input{--played:0%;--buffered:0%;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--lime) 0 var(--played),#a2b19a82 var(--played) var(--buffered),#c9d4c037 var(--buffered) 100%);height:4px;border:0;width:100%;cursor:pointer;border-radius:10px;outline-offset:7px}.aq-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;background:var(--lime);border:2px solid #edfddc;border-radius:50%;box-shadow:0 0 12px #c4ed8966}.aq-progress input::-moz-range-thumb{width:9px;height:9px;background:var(--lime);border:2px solid #edfddc;border-radius:50%}.aq-progress:focus-within input,.aq-progress:hover input{height:6px}
.aq-control-row{display:flex;align-items:center;gap:13px;min-height:36px}.aq-control-row button{padding:6px;display:grid;place-items:center;color:#e1e9df;flex-shrink:0;border-radius:8px}.aq-control-row button:hover{color:var(--lime);background:#cfefbe18}.aq-control-row svg{width:20px;height:20px}.aq-control-spacer{flex:1}.aq-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#9cafa0}.aq-time b{font-weight:600;color:#edf5e6}.aq-time>span:first-of-type{margin:0 4px;color:#66796d}.aq-volume{width:64px;accent-color:var(--lime);height:3px}.aq-control-row select{background:#dae7cf0c;border:1px solid #d3e2bf22;border-radius:7px;padding:5px 6px;color:#e9f0e4;font-size:10px;max-width:82px;cursor:pointer}.aq-control-row select option{background:#182320}.aq-feedback{position:absolute;top:27%;left:50%;transform:translateX(-50%);padding:11px 20px;border-radius:30px;color:#e7f6de;border:1px solid #d4edb652;background:#15271ce6;backdrop-filter:blur(12px);font-size:13px;font-weight:600;z-index:6;white-space:nowrap;pointer-events:none}
.aq-loading{position:absolute;inset:0;z-index:3;pointer-events:none;display:none;place-items:center}.aq-loading span{width:42px;height:42px;border:2px solid #bad99b30;border-top-color:var(--lime);border-radius:50%;animation:aq-spin .8s linear infinite}.aq-player.is-loading .aq-loading{display:grid}.aq-player.is-loading .aq-center{opacity:0;pointer-events:none}.aq-player:not(.controls-visible):not(.is-paused):not(.is-loading) .aq-top,.aq-player:not(.controls-visible):not(.is-paused):not(.is-loading) .aq-bottom,.aq-player:not(.controls-visible):not(.is-paused):not(.is-loading) .aq-center,.aq-player:not(.controls-visible):not(.is-paused):not(.is-loading) .aq-shade{opacity:0;pointer-events:none}.aq-player:not(.controls-visible):not(.is-paused):not(.is-loading) .aq-center button{pointer-events:none}.aq-player:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto;background:#000}.aq-player:fullscreen .aq-top{top:32px;left:34px;right:34px}.aq-player:fullscreen .aq-bottom{bottom:26px;left:34px;right:34px}
.player-toolbar.aq-toolbar{padding:0 0 14px;gap:12px;align-items:center}.aq-toolbar label{flex-direction:row;align-items:center;gap:9px;font-size:11px}.aq-toolbar select{background:#24302a;border:1px solid #b7d29236;border-radius:20px;padding:9px 15px;color:#dceccf;font-size:11px;max-width:min(420px,80vw)}.aq-toolbar #player-status{margin-left:auto;color:#8ea68d;font-size:10px}.aq-toolbar #audio-wrap select{max-width:200px}.aq-controls-note{font-size:10px;color:#738b7c;margin:10px 0}.player-area{padding-top:5px}
@keyframes aq-spin{to{transform:rotate(360deg)}}
#voice-preload-status{font-size:11px;color:#b8cb9f;margin-left:auto;white-space:nowrap}
@media(max-width:650px){.aq-player{border-radius:12px;aspect-ratio:16/10}.aq-top{top:12px;left:13px;right:13px}.aq-brand{font-size:7px;letter-spacing:1.6px}.aq-brand b{font-size:7px}.aq-title{gap:5px}.aq-title strong{font-size:12px;max-width:240px}.aq-title>span:last-child{font-size:9px}.aq-hold-hint{display:none}.aq-center{gap:22px;padding-top:8px}.aq-center button{height:38px;width:38px}.aq-center svg{height:22px;width:22px}.aq-center .aq-main-play{height:52px;width:52px}.aq-main-play svg{height:25px;width:25px}.aq-bottom{bottom:8px;left:12px;right:12px}.aq-progress{height:18px;margin-bottom:1px}.aq-control-row{gap:7px;min-height:25px}.aq-control-row button{padding:3px}.aq-control-row svg{height:17px;width:17px}.aq-volume{display:none}.aq-time{font-size:9px}.aq-control-row select{font-size:9px;padding:4px;max-width:64px}#aq-pip{display:none}.aq-feedback{top:21%;font-size:11px;padding:7px 14px}.aq-toolbar #player-status{width:100%;margin-left:0}.aq-toolbar select{max-width:calc(100vw - 130px);font-size:10px}.aq-toolbar label{font-size:10px}.aq-player:fullscreen .aq-center button{height:48px;width:48px}.aq-player:fullscreen .aq-center .aq-main-play{height:68px;width:68px}}
@media(prefers-reduced-motion:reduce){.aq-player *{transition:none!important}.aq-loading span{animation-duration:2s}}
.aq-segment-action{position:absolute;z-index:7;right:20px;bottom:88px;min-height:43px;padding:11px 16px;border:1px solid #ffffff85;border-radius:7px;background:#151617e8;color:#fff;font:600 13px/1.3 system-ui,sans-serif;box-shadow:0 3px 18px #0006;cursor:pointer}
.aq-segment-action:hover{background:#f04a32;border-color:#f04a32}
.aq-segment-action:focus-visible{outline:2px solid #fff;outline-offset:3px}
.aq-player.is-locked .aq-segment-action{display:none}
@media(max-width:650px){.aq-segment-action{right:12px;bottom:61px;min-height:37px;padding:8px 11px;font-size:11px}}
/* Keep the covered catalog out of paint/layout while the player owns the device. */
html.watch-focus .app-shell{visibility:hidden;content-visibility:hidden}
html.watch-focus #detail::backdrop{backdrop-filter:none;background:#101112}
html.watch-focus .aq-feedback{backdrop-filter:none}
