.anka-playlists-dialog{width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box;padding:30px;border:1px solid #cbd2c1;border-radius:12px;background:#f7f5ef;color:#283e34;font:16px/1.5 Arial,sans-serif}.anka-playlists-dialog::backdrop{background:#14231b80}.anka-playlists-dialog h2{font-size:28px;margin:0 40px 12px 0}.anka-playlists-dialog h3{font-size:20px;margin:0}.anka-playlists-dialog label{display:block;margin:12px 0 6px}.anka-playlists-dialog input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:12px;border:1px solid #cbd2c1;border-radius:7px;font:inherit;background:#fffefa;color:inherit;margin-bottom:12px}.anka-playlists-dialog .btn{cursor:pointer;border:1px solid #bdc8b0;border-radius:7px;background:#e8eddf;color:#283e34;padding:10px 14px;font:inherit}.anka-playlist-close{float:right;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.anka-playlist-row{border-top:1px solid #dfe2d7;margin-top:22px;padding-top:18px}.anka-playlist-row p{margin:6px 0 12px}.anka-playlist-actions{display:flex;gap:8px;flex-wrap:wrap}.anka-playlists-dialog .anka-playlist-choice{display:flex;align-items:center;gap:12px;padding:10px 0}.anka-playlist-choice input{width:20px;height:20px}.anka-playlist-status{margin-bottom:0}.anka-playlist-filter{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0}.anka-playlist-filter[hidden]{display:none}.playlist-add-link{background:transparent;border:0;color:#283e34;text-decoration:underline;cursor:pointer;font:inherit;padding:12px 0;display:block}header #ankaNavigation .anka-playlists-link{font-size:15px}

.anka-playlist-player{margin-top:28px;padding:24px;grid-column:1/-1}.anka-playlist-player[hidden]{display:none}.anka-playlist-player select{margin-bottom:16px;max-width:440px}.anka-playlist-player .anka-playlist-actions{margin:20px 0}.anka-playlist-player>button{margin-bottom:12px}.anka-playlist-player .check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5}.anka-playlist-player .check[hidden]{display:none}.anka-playlist-player .check input{width:20px;height:20px;flex:none}.anka-playlist-reading-text{white-space:pre-wrap;font:21px/1.8 Georgia,serif;margin:22px 0}.anka-playlist-reader{width:min(720px,calc(100vw - 32px))}.anka-playlist-player button:disabled{opacity:.5;cursor:default}

.playlist-card-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.playlist-card-links .playlist-remove-link{margin-left:auto;text-align:right}

/* Playlist transport lives inside the recording player. */
.anka-player-transport{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.anka-player-transport[hidden]{display:none}.anka-transport-control{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#283e34;box-shadow:none;font-size:0;cursor:pointer}.anka-transport-control::before{content:attr(data-icon);font:22px/1 Arial,sans-serif}.anka-transport-control:hover{background:#e8eddf}.anka-transport-control:disabled{opacity:.35;cursor:default}

.anka-focused-player{padding:0;border:1px solid #dfe2d7;border-radius:16px;background:#f7f5ef;color:#283e34;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 24px 80px #0003;margin:auto}.anka-focused-player::backdrop{background:rgba(0,0,0,.3)}.anka-focused-player #audioBar{position:relative;bottom:auto;z-index:auto;max-width:none!important;margin:0!important;padding:32px 24px 24px!important;border:0;border-radius:16px;box-shadow:none;text-align:center}.anka-focused-player #prayerAudio{display:block;width:100%;margin:16px auto}.anka-focused-player #prayerAudio[hidden]{display:none}.anka-focused-player .anka-player-transport{width:100%;justify-content:center;gap:16px;margin:20px auto 8px}.anka-focused-player .anka-transport-control{border:1px solid #cbd2c1;background:#e8eddf;color:#283e34;width:48px;height:48px;box-shadow:0 1px 2px #283e340d}.anka-focused-player .anka-transport-control:hover:not(:disabled){background:#dbe4ce;border-color:#9eaf90}.anka-focused-player .anka-transport-control:nth-child(2){background:#283e34;color:#f7f5ef;border-color:#283e34;width:56px;height:56px}.anka-focused-player .anka-transport-control:nth-child(2):hover:not(:disabled){background:#3c5648}.anka-focused-player .anka-transport-control:focus-visible{outline:3px solid #b9975c;outline-offset:3px}.anka-focused-player .status{margin-bottom:0;font-size:14px}

/* Vector transport marks share the exact centre of each circular control. */
.anka-focused-player .anka-transport-control{position:relative;line-height:0;appearance:none;-webkit-appearance:none}
.anka-focused-player .anka-transport-control::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:currentColor;mask:var(--transport-icon) center/contain no-repeat;-webkit-mask:var(--transport-icon) center/contain no-repeat}
.anka-transport-control[data-icon="Ⅱ"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%224%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%224%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.anka-transport-control[data-icon="▶"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%203%2021%2012%206%2021Z%22%2F%3E%3C%2Fsvg%3E")}
.anka-transport-control[data-icon="⏮"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%223%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M20%204%208%2012%2020%2020Z%22%2F%3E%3C%2Fsvg%3E")}
.anka-transport-control[data-icon="⏭"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%2217%22%20y%3D%225%22%20width%3D%223%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M4%204%2016%2012%204%2020Z%22%2F%3E%3C%2Fsvg%3E")}
.anka-transport-control[data-icon="■"]{--transport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2214%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}

/* The playlist transport provides Play/Pause beneath the timeline. */
#audioBar:has(.anka-player-transport:not([hidden])) #prayerAudio::-webkit-media-controls-play-button{display:none!important}

@media(max-width:800px){
.anka-playlist-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.anka-playlist-filter>strong{grid-column:1/-1;overflow-wrap:anywhere}
.anka-playlist-filter>button{min-width:0;width:100%;margin:0;padding:12px 10px;text-align:center;display:flex;align-items:center;justify-content:center}
}

/* Full-height perspective lozenge with its caption to the right. */
.anka-focused-player .anka-player-transport{flex-wrap:wrap}
.anka-focused-player .anka-perspective-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;width:auto;min-height:48px;margin:0;cursor:pointer}.anka-perspective-toggle input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}.anka-perspective-track{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:0 0 80px;width:80px;height:48px;background:#e8eddf;border:1px solid #cbd2c1;border-radius:28px;box-sizing:border-box;color:#283e34}.anka-perspective-track:before{content:'';position:absolute;top:3px;left:3px;width:40px;height:40px;background:#283e34;border-radius:50%;transform:translateX(32px);transition:transform .18s}.anka-perspective-track>span{position:relative;z-index:1;text-align:center;font:500 11px/1 Arial,sans-serif}.anka-perspective-track>span:last-child{color:#f7f5ef}.anka-perspective-toggle input:checked+.anka-perspective-track:before{transform:translateX(0)}.anka-perspective-toggle input:checked+.anka-perspective-track>span:first-child{color:#f7f5ef}.anka-perspective-toggle input:checked+.anka-perspective-track>span:last-child{color:#283e34}.anka-perspective-toggle input:focus-visible+.anka-perspective-track{outline:3px solid #b9975c;outline-offset:3px}.anka-perspective-caption{max-width:110px;text-align:left;font:500 13px/1.4 'DM Sans',Arial,sans-serif;color:#283e34}.anka-perspective-toggle:has(input:disabled){opacity:.4;cursor:default}.anka-focused-player .anka-player-transport>*{flex-shrink:0}
@media(max-width:540px){.anka-focused-player .anka-perspective-toggle{flex-basis:100%;margin-top:6px}}
@media(max-width:420px){.anka-focused-player #audioBar{padding:32px 16px 24px!important}.anka-focused-player .anka-player-transport{gap:6px}.anka-focused-player .anka-transport-control{width:44px;height:44px;min-width:44px}.anka-focused-player .anka-transport-control:nth-child(2){width:48px;height:48px}.anka-focused-player .anka-perspective-toggle{min-height:44px}.anka-perspective-track{height:44px;width:76px;flex-basis:76px}.anka-perspective-track:before{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.anka-perspective-track:before{transition:none}}

/* Keep the app transport and perspective switch together on one centred row. */
@media(max-width:800px),(display-mode:standalone){
.anka-focused-player .anka-player-transport{flex-wrap:nowrap}
.anka-focused-player .anka-perspective-toggle{flex:0 0 auto;margin:0;width:auto}
.anka-focused-player .anka-perspective-caption{display:none}
}
@media(max-width:420px){.anka-focused-player .anka-perspective-track{width:64px;flex-basis:64px}.anka-focused-player .anka-perspective-track:before{transform:translateX(20px)}.anka-focused-player .anka-perspective-toggle input:checked+.anka-perspective-track:before{transform:translateX(0)}}
@media(max-width:360px){.anka-focused-player .anka-player-transport{gap:3px}}

.anka-focused-player .anka-interlude-choice{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;flex-wrap:wrap}.anka-focused-player .anka-interlude-choice label{margin:0;font-size:14px}.anka-focused-player .anka-interlude-choice select{width:auto;max-width:100%;min-height:44px;padding:8px 30px 8px 12px;border:1px solid #cbd2c1;border-radius:12px;background:#e8eddf;color:#283e34;font:inherit;font-size:14px}

.anka-interlude-choice[hidden]{display:none!important}