.listen-html,.listen-body{margin:0;padding:0;min-height:100dvh;background:#0e0c0a;color:#ece6da;font-family:Spectral,Georgia,Times New Roman,serif}.listen-root{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;min-height:100dvh;max-height:100dvh;max-width:760px;margin:0 auto;padding:0;box-sizing:border-box;overflow:hidden}.listen-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:1rem 1rem .5rem;position:sticky;top:0;background:linear-gradient(to bottom,#0e0c0a 75%,transparent);z-index:5}.listen-close{grid-column:3;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#9c917f;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:999px;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.listen-close:hover{color:#ece6da;border-color:#ffffff2e;background:#ffffff0a}.listen-back,.listen-exit{display:inline-flex;align-items:center;gap:.35rem;color:#9c917f;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.4rem .7rem;font-size:.8rem;text-decoration:none;transition:color .15s ease,border-color .15s ease}.listen-back:hover,.listen-exit:hover{color:#ece6da;border-color:#ffffff2e}.listen-meta{grid-column:2;display:flex;align-items:baseline;justify-content:center;flex-wrap:nowrap;gap:.45rem;min-width:0;width:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.listen-display-id{flex:0 0 auto;font-size:.7rem;letter-spacing:.12em;color:#9c917f;text-transform:uppercase;font-weight:500}.listen-meta-sep{flex:0 0 auto;color:#5a5247;font-size:.78rem}.listen-title{flex:0 1 auto;font-size:.82rem;color:#9c917f;font-weight:400;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.listen-stage{min-height:0;height:100%;padding:1rem 1.25rem 8rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.listen-stage::-webkit-scrollbar{width:0;height:0}@media (min-width: 720px){.listen-stage{padding-left:3.75rem}}.listen-paragraph{position:relative;font-size:1.15rem;line-height:1.7;margin:0 0 1.25rem;color:#6b6354;transition:color .2s ease}.listen-paragraph[data-paragraph-number]:before{content:"¶ " attr(data-paragraph-number);position:absolute;left:-2.6rem;top:.35rem;color:#5a5247;font-family:Inter,system-ui,sans-serif;font-size:.7rem;letter-spacing:.04em;opacity:.7;pointer-events:none}@media (max-width: 720px){.listen-paragraph[data-paragraph-number]:before{position:static;display:inline;margin-right:.4rem;font-size:.65rem;vertical-align:.18em}}@media (max-width: 640px){.listen-paragraph[data-paragraph-number]:before{display:none}}.listen-paragraph.is-active{color:#ece6da}.listen-paragraph--placeholder{font-style:italic;color:#6b6354}.listen-heading{margin:1.9rem 0 .75rem;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:.78rem;font-weight:600;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:#d6c79b;opacity:.9}.listen-heading:first-child{margin-top:0}.listen-para-actions{position:absolute;top:-1rem;left:-.25rem;display:inline-flex;gap:.3rem;opacity:0;pointer-events:none;z-index:2;transition:opacity .12s ease}.listen-paragraph:hover .listen-para-actions,.listen-paragraph:focus-within .listen-para-actions{opacity:1;pointer-events:auto}.listen-para-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(214,199,155,.22);background:#14110d5c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#d6c79b;border-radius:999px;width:1.5rem;height:1.5rem;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.listen-para-btn:hover{background:#d6c79b38;border-color:#d6c79b8c;color:#f4ecd6}.listen-para-btn svg{display:block;width:13px;height:13px}.listen-para-text{display:inline}.listen-paragraph--verse{white-space:normal;text-align:left;font-style:italic;padding-left:1rem;border-left:2px solid rgba(214,199,155,.18);margin-left:.25rem}.listen-word{border-radius:2px;transition:background-color .12s ease,color .12s ease}.listen-paragraph.is-active .listen-word.is-active{color:#f4ecd6;background:color-mix(in srgb,#d6c79b 28%,transparent)}@media (min-width: 640px){.listen-paragraph{font-size:1.25rem}}.listen-transport{position:sticky;bottom:0;background:linear-gradient(to top,#0e0c0a 80%,#0e0c0a00);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:.6rem;min-width:0}.listen-transport-buttons{display:grid;grid-template-columns:minmax(2.7rem,1fr) auto minmax(2.7rem,1fr);align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;min-width:0}.listen-transport-side{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.listen-transport-side--start{justify-self:start}.listen-transport-side--end{justify-self:end}.listen-scrubber-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:#ffffff0a;color:#d6c79b;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;flex:0 0 auto;transition:background .15s ease,border-color .15s ease}.listen-scrubber-toggle:hover{background:#ffffff14;border-color:#ffffff2e}.listen-scrubber-toggle svg{transition:transform .15s ease;transform:rotate(180deg)}.listen-transport.is-scrubber-collapsed .listen-scrubber-toggle svg{transform:rotate(0)}.listen-transport.is-scrubber-collapsed #listen-speed-cycle,.listen-transport.is-scrubber-collapsed .listen-shortcuts-details,.listen-transport.is-scrubber-collapsed #listen-queue-label{display:none}.listen-transport.is-scrubber-collapsed #listen-queue-chip{padding-inline:.55rem}.listen-transport-main{display:inline-flex;align-items:center;justify-content:center;-moz-column-gap:1.25rem;column-gap:1.25rem;min-width:0}.listen-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;color:#ece6da;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.listen-btn--ghost{width:44px;height:44px}.listen-btn--primary{width:60px;height:60px;background:#d6c79b;color:#1a1611;border-color:transparent;position:relative}.listen-btn:hover{background:#ffffff14}.listen-btn--primary:hover{background:#e3d4a8}.listen-btn--primary.is-next-countdown:after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid rgba(214,199,155,.35);animation:listen-next-ring 1.2s linear infinite}@keyframes listen-next-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.listen-scrubber-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem}.listen-transport.is-scrubber-collapsed .listen-scrubber-row{display:none}.listen-time{font-variant-numeric:tabular-nums;font-size:.78rem;color:#9c917f;min-width:2.5em;text-align:center}.listen-seek-wrapper{position:relative;display:flex;align-items:center;width:100%;height:28px}.listen-waveform{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:3px}.listen-seek{position:relative;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.listen-speed-cycle{display:inline-flex;align-items:center;justify-content:center;min-width:2.6em;height:26px;padding:0 .55rem;background:#ffffff0a;color:#d6c79b;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;font-size:.78rem;font-variant-numeric:tabular-nums;line-height:1;flex:0 0 auto;transition:background .15s ease,border-color .15s ease}.listen-speed-cycle span{display:inline-flex;align-items:center;height:100%;transform:translateY(1px)}.listen-speed-cycle:hover{background:#ffffff14;border-color:#ffffff2e}.listen-chip{display:inline-flex;align-items:center;gap:.35rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ece6da;border-radius:999px;padding:.35rem .7rem;font-size:.75rem;cursor:pointer;text-decoration:none;white-space:nowrap;max-width:100%;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;transition:background .15s ease,border-color .15s ease}#listen-queue-chip{min-width:0}#listen-queue-label{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:min(12em,26vw);vertical-align:bottom}.listen-queue-icon{flex:0 0 auto;color:#9c917f;opacity:.85}.listen-chip:hover{background:#ffffff14;border-color:#ffffff2e}.listen-chip[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.listen-chip--mode{color:#9c917f}.listen-chip--mode:hover{color:#ece6da}.listen-shortcuts-details{position:relative;flex-shrink:0}@media (max-width: 640px){.listen-shortcuts-details{display:none!important}#listen-queue-label{display:none}#listen-queue-chip{padding-inline:.55rem}}.listen-shortcuts-summary{display:flex;align-items:center;justify-content:center;list-style:none;width:1.6rem;height:1.6rem;margin:0;padding:0;border-radius:9999px;cursor:pointer;color:#ece6da;opacity:.45;transition:opacity .15s,background-color .15s}.listen-shortcuts-summary:hover,.listen-shortcuts-details[open] .listen-shortcuts-summary{opacity:.95;background:#ffffff14}.listen-shortcuts-summary::-webkit-details-marker{display:none}.listen-shortcuts-icon{width:1rem;height:1rem;display:block}.listen-shortcuts-panel{position:absolute;right:0;bottom:100%;margin-bottom:.4rem;z-index:70;min-width:13rem;max-width:min(20rem,calc(100vw - 1.5rem));padding:.45rem .6rem;font-size:.7rem;line-height:1.45;color:#ece6da;background:#1a1614;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;box-shadow:0 -4px 20px #0006}.listen-shortcuts-list{margin:0;padding:0;list-style:none}.listen-shortcuts-list li{display:grid;grid-template-columns:max-content 1fr;align-items:center;-moz-column-gap:.55rem;column-gap:.55rem;padding:.32rem 0;line-height:1.25}.listen-shortcuts-list li+li{border-top:1px solid rgba(255,255,255,.06)}.listen-shortcuts-keys{display:inline-flex;align-items:center;gap:.22rem}.listen-shortcuts-text{display:inline-flex;align-items:center;color:#9c917f}.listen-shortcuts-kbd{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .38rem;line-height:1;font-size:.65rem;font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;border-radius:.22rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;white-space:nowrap;color:#ece6da}.listen-shortcuts-details .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 430px){.listen-transport-buttons{grid-template-columns:minmax(3.4rem,1fr) auto minmax(3.4rem,1fr);-moz-column-gap:.3rem;column-gap:.3rem}span.listen-queue-item-title{font-size:.8rem}span.listen-queue-item-id{font-size:.5rem}.listen-transport-main{-moz-column-gap:.75rem;column-gap:.75rem}.listen-btn--ghost{width:40px;height:40px}.listen-btn--primary{width:56px;height:56px}.listen-chip{padding-inline:.55rem}#listen-queue-label{max-width:6.4rem}}@media (max-width: 360px){.listen-transport{padding-inline:.75rem}.listen-transport-main{-moz-column-gap:.5rem;column-gap:.5rem}#listen-queue-label{max-width:4.8rem}}.listen-queue-scrim{position:fixed;inset:0;background:#00000080;z-index:60;opacity:0;transition:opacity .2s ease}.listen-queue-scrim.is-open{opacity:1}.listen-queue-scrim[hidden]{display:none}.listen-queue-drawer{position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:70dvh;display:flex;flex-direction:column;background:#14110d;border-top:1px solid rgba(255,255,255,.08);border-radius:14px 14px 0 0;box-shadow:0 -8px 28px #00000080;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,.8,.25,1);padding-bottom:env(safe-area-inset-bottom,0);color:#ece6da;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.listen-queue-drawer.is-open{transform:translateY(0)}.listen-queue-drawer[hidden]{display:none}.listen-queue-handle{width:36px;height:4px;border-radius:999px;background:#ffffff2e;margin:.5rem auto .25rem;flex:0 0 auto}.listen-queue-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem .5rem;flex:0 0 auto}.listen-queue-title{margin:0;font-size:.78rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9c917f}.listen-queue-stats{flex:1 1 auto;margin:0 .75rem;font-size:.7rem;color:#6b6354;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-queue-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:transparent;color:#9c917f;border:1px solid rgba(255,255,255,.08);cursor:pointer;padding:0}.listen-queue-close:hover{color:#ece6da;border-color:#ffffff2e}.listen-queue-reset{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 .55rem;margin-right:.4rem;background:transparent;color:#9c917f;border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;font:inherit;font-size:.7rem;letter-spacing:.04em}.listen-queue-reset[hidden]{display:none}.listen-queue-reset:hover{color:#ece6da;border-color:#ffffff2e}.listen-queue-list{margin:0;padding:0 .5rem 1rem;list-style:none;overflow-y:auto;flex:1 1 auto}.listen-queue-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:10px;cursor:pointer;color:inherit;background:transparent;border:none;width:100%;text-align:left;font-family:inherit}.listen-queue-item:hover{background:#ffffff0a}.listen-queue-item.is-current{background:#d6c79b14}.listen-queue-item.is-before{opacity:.55}.listen-queue-item-id{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9c917f;min-width:4.5em}.listen-queue-item.is-current .listen-queue-item-id{color:#d6c79b}.listen-queue-item-title{flex:1 1 auto;min-width:0;font-size:.92rem;color:#ece6da;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.25}.listen-queue-item.is-before .listen-queue-item-title{color:#6b6354}.listen-queue-item-meta{display:flex;align-items:center;gap:.35rem;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.listen-queue-item-marker{font-size:.68rem;color:#d6c79b;letter-spacing:.08em;text-transform:uppercase}.listen-queue-item-marker--now{color:#d6c79b}.listen-queue-item-marker--duration{color:#6b6354;letter-spacing:.04em;text-transform:none}.listen-queue-item-marker-sep{color:#7e7566;letter-spacing:0;text-transform:none}.listen-queue-li{list-style:none}.listen-queue-li[draggable=true] .listen-queue-item-grip{cursor:grab}.listen-queue-li.is-dragging{opacity:.4}.listen-queue-item-grip{font-size:.85rem;line-height:1;color:#5e564a;letter-spacing:-.15em;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .15rem}.listen-queue-li:hover .listen-queue-item-grip{color:#9c917f}.listen-track-pulse{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.96);z-index:80;padding:.7rem 1.1rem;background:#14110deb;border:1px solid rgba(214,199,155,.25);border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;pointer-events:auto;opacity:0;transition:opacity .22s ease,transform .22s ease;max-width:min(90vw,28rem);text-align:center}.listen-track-pulse.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.listen-track-pulse-id{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#d6c79b}.listen-track-pulse-title{font-size:.95rem;color:#ece6da;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.listen-track-pulse-description{font-size:.78rem;line-height:1.45;color:#bcae95;max-width:min(80vw,34rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.listen-track-pulse-countdown{--countdown-progress: 0;position:absolute;top:.5rem;left:.5rem;width:1.1rem;height:1.1rem;border-radius:999px;background:conic-gradient(#d6c79b calc((1 - var(--countdown-progress)) * 1turn),#ffffff24 0);mask:radial-gradient(circle,transparent 58%,#000 60%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%)}.listen-track-pulse-actions{display:inline-flex;gap:.45rem;margin-top:.2rem}.listen-track-pulse-actions[hidden]{display:none!important}.listen-track-pulse-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;padding:.3rem .78rem;font:inherit;font-size:.74rem;cursor:pointer;border:1px solid transparent}.listen-track-pulse-btn--primary{background:#d6c79b;color:#1a1611;border-color:#d6c79b;position:relative}.listen-track-pulse-btn--primary.is-countdown{padding-right:1.58rem}.listen-track-pulse-btn--primary.is-countdown:before{content:"";position:absolute;right:.56rem;top:50%;transform:translateY(-50%);width:.92rem;height:.92rem;border-radius:999px;background:conic-gradient(#111 calc((1 - var(--countdown-progress, 0)) * 1turn),#1111111f 0);mask:radial-gradient(circle,transparent 58%,#000 60%);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);box-shadow:0 0 0 1px #11111159}.listen-track-pulse-btn--ghost{background:#ffffff0d;border-color:#ffffff29;color:#ece6da}.listen-track-pulse:not(.is-hold) .listen-track-pulse-countdown{display:none}.listen-track-pulse.is-hold .listen-track-pulse-countdown{display:none}@media (max-width: 640px){.listen-track-pulse.is-hold{max-width:min(96vw,32rem);padding:.9rem 1.2rem}}@media (prefers-reduced-motion: reduce){.listen-track-pulse{transition:opacity .1s linear;transform:translate(-50%,-50%)}.listen-track-pulse.is-visible{transform:translate(-50%,-50%)}.listen-btn--primary.is-next-countdown:after{animation-duration:2s}}
