.playback-preferences{margin-top:18px;border-top:1px solid #ffffff24;padding-top:8px}.playback-preferences .switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer}.playback-preferences .switch-row span{display:grid;gap:5px}.playback-preferences b{font-size:15px;color:#f5f1ff}.playback-preferences small,.playback-preferences .setting-hint{font-size:13px;line-height:1.5;color:#b7afc9}.playback-preferences input{flex:none;accent-color:#9b52ff;width:22px;height:22px}.playback-settings-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid #9a6ee077;border-radius:18px;background:#16121f;color:#f5f1ff;padding:22px;box-shadow:0 18px 80px #0009}.playback-settings-dialog::backdrop{background:#0009}.playback-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.playback-settings-heading h2{margin:0;font-size:22px}.playback-settings-heading button{border:1px solid #bba7df66;background:#30233f;color:#fff;border-radius:9px;width:38px;height:38px;font-size:26px;cursor:pointer}.aq-top .aq-playback-settings{pointer-events:auto;display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #ffffff55;border-radius:10px;background:#19121de0;color:#fff;cursor:pointer}.aq-playback-settings svg{width:23px;height:23px}.aq-auto-ending{position:absolute;z-index:8;right:20px;bottom:88px;display:flex;align-items:stretch;gap:8px;pointer-events:auto;max-width:calc(100% - 40px)}.aq-auto-ending[hidden]{display:none!important}.aq-auto-ending button{border:1px solid #bd92ff99;border-radius:10px;min-height:46px;color:#fff;font-family:inherit;font-weight:600;font-size:14px;line-height:1.3;cursor:pointer;padding:10px 14px;background:#6631b9f5}.aq-auto-ending .aq-auto-next{display:flex;align-items:center;gap:10px;text-align:left}.aq-auto-ending .aq-auto-cancel{background:#231b30ed;border-color:#c8b7e377}.aq-auto-ring{width:25px;height:25px;flex:none;border-radius:50%;background:conic-gradient(#fff var(--countdown,0%),#ffffff35 0);mask:radial-gradient(farthest-side,transparent 68%,#000 71%)}.aq-auto-ending button:focus-visible,.aq-playback-settings:focus-visible{outline:3px solid #e4cdff;outline-offset:3px}.aq-auto-ending button:hover,.aq-top .aq-playback-settings:hover{filter:brightness(1.18)}@media(max-width:600px){.aq-auto-ending{right:10px;bottom:65px;max-width:calc(100% - 20px);gap:6px}.aq-auto-ending button{min-height:42px;padding:8px 10px;font-size:12px}.aq-auto-ring{width:21px;height:21px}.aq-top .aq-playback-settings{width:35px;height:35px}.playback-settings-dialog{padding:18px}}@media(prefers-reduced-motion:reduce){.aq-auto-ring{transition:none}}

.aq-top .aq-title{flex:1}

.playback-preferences input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;display:inline-block;width:38px;height:22px;min-width:38px;flex:none;border:1px solid #a491bd88;border-radius:999px;background:#443b50;cursor:pointer;padding:0;margin:0;vertical-align:middle}
.playback-preferences input[type=checkbox]::before{content:none}
.playback-preferences input[type=checkbox]::after{content:"";position:absolute;box-sizing:border-box;top:2px;left:2px;width:16px;height:16px;border:0;border-radius:50%;background:#f5edff;transform:translateX(0);transition:transform .16s}
.playback-preferences input[type=checkbox]:checked{background:#8e42f5;border-color:#9e5aff}
.playback-preferences input[type=checkbox]:checked::after{transform:translateX(16px)}
.playback-preferences input[type=checkbox]:focus-visible{outline:3px solid #d1b0ff;outline-offset:3px}
.playback-preferences .switch-row{margin-top:4px}
@media(prefers-reduced-motion:reduce){.playback-preferences input[type=checkbox]::after{transition:none}}
.aq-auto-ending .aq-auto-next{position:relative;isolation:isolate;overflow:hidden;background:#17121fee;border-color:#c5afe088}
.aq-auto-ending .aq-auto-next::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--countdown,0%);background:#813ad5;pointer-events:none;transition:width .15s linear;z-index:0}
.aq-auto-next .aq-auto-label{position:relative;z-index:1}
.aq-auto-next .aq-auto-ring{display:none}
@media(prefers-reduced-motion:reduce){.aq-auto-ending .aq-auto-next::before{transition:none}}
