.my-daily-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.my-daily-listen{border:1px solid var(--bd);background:var(--pg);color:var(--t1);border-radius:10px;padding:9px 14px;white-space:nowrap;cursor:pointer}
.daily-listen-shade{--listen-ink:#1C1917;--listen-muted:#78716C;--listen-faint:#A8A29E;--listen-accent:#E8650A;--listen-track:#E7E5E4;position:fixed;inset:0;z-index:1500;background:rgb(0 0 0 / 30%);display:grid;place-items:center;padding:18px;font-family:inherit}
.daily-listen-panel{width:min(100%,460px);box-sizing:border-box;max-height:90dvh;overflow:auto;background:#fff;border:0;border-radius:20px;padding:26px 28px;color:var(--listen-ink);box-shadow:0 20px 80px rgb(0 0 0 / 14%);overscroll-behavior:contain}
.daily-listen-panel button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.daily-listen-panel button:focus-visible{outline:2px solid var(--listen-accent);outline-offset:3px}
.daily-listen-panel button:disabled{opacity:.45;cursor:default}
.daily-listen-head{position:relative}
.daily-listen-head h2{font-size:12px;font-weight:400;color:var(--listen-muted);margin:0 0 9px;line-height:1.5}
.daily-listen-head [data-listen-close]{position:absolute;right:-12px;top:-12px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--listen-muted);font-size:26px;line-height:1}
.daily-listen-date{display:flex;align-items:baseline;gap:12px;font-size:30px;line-height:1.3;font-weight:700}
.daily-listen-date span{font-size:15px;font-weight:400;color:var(--listen-muted)}
.daily-listen-meta{font-size:13px;color:var(--listen-muted);margin:8px 0 0;line-height:1.5}
.daily-listen-modes{display:flex;background:#F5F5F4;border-radius:999px;padding:3px;margin:22px 0 0}
.daily-listen-modes button{flex:1;border:0;border-radius:999px;padding:10px 8px;background:transparent;color:#57534E;font-size:13px;line-height:1.5}
.daily-listen-modes button[aria-pressed=true]{background:var(--listen-ink);color:#fff}
.daily-listen-sentence{min-height:120px;box-sizing:content-box;text-align:center;margin:20px 0 10px;padding:18px 12px;border:1px solid transparent;border-radius:18px;overflow-wrap:anywhere}
.daily-listen-sentence.is-looping{border-color:var(--listen-accent);background:#FFF1E7}
.daily-listen-loop-badge{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 10px;padding:4px 10px;border:1px solid var(--listen-accent);border-radius:999px;color:#C2410C;background:#fff;font-size:11px}
.daily-listen-loop-badge[hidden]{display:none}
.daily-listen-loop-badge svg{width:15px;height:15px}
.daily-listen-sentence.is-looping .daily-listen-wave{display:none}
.daily-listen-wave{height:18px;display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:14px;visibility:hidden}
.daily-listen-wave i{display:block;width:3px;height:16px;background:var(--listen-accent);border-radius:999px;transform:scaleY(.25)}
.daily-listen-wave.is-playing{visibility:visible}
.daily-listen-wave.is-playing i{animation:daily-listen-wave .85s ease-in-out infinite alternate}
.daily-listen-wave i:nth-child(2),.daily-listen-wave i:nth-child(6){animation-delay:-.3s;height:12px}
.daily-listen-wave i:nth-child(3),.daily-listen-wave i:nth-child(5){animation-delay:-.65s}
.daily-listen-wave i:nth-child(4){animation-delay:-.45s;height:18px}
.daily-listen-wave i:nth-child(7){animation-delay:-.15s}
@keyframes daily-listen-wave{to{transform:scaleY(1)}}
.daily-listen-sentence [data-listen-en]{font-size:22px;font-weight:700;line-height:1.45;margin:0}
.daily-listen-sentence [data-listen-zh]{font-size:14px;line-height:1.6;color:var(--listen-muted);margin:10px 0 0}
.daily-listen-sentence [data-listen-pass]{font-size:12px;line-height:1.5;color:var(--listen-faint);margin:12px 0 0}
.daily-listen-position{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--listen-faint);line-height:1.5;margin:2px 0 12px}
.daily-listen-segments{display:flex;gap:4px}
.daily-listen-segments button{flex:1;min-width:0;padding:8px 0;border:0;background:none}
.daily-listen-segments span{display:block;height:4px;background:var(--listen-track);border-radius:999px;overflow:hidden}
.daily-listen-segments i{display:block;width:100%;height:100%;background:var(--listen-accent);transform:scaleX(0);transform-origin:left center}
.daily-listen-hint{font-size:12px;line-height:1.5;color:var(--listen-muted);text-align:center;margin:16px 0 0}
.daily-listen-controls{display:flex;align-items:center;justify-content:center;gap:44px;margin:18px 0}
.daily-listen-controls button{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:44px;padding:0;border:0;background:none;color:var(--listen-ink)}
.daily-listen-controls svg{display:block;width:23px;height:23px}
.daily-listen-settings{border-top:1px solid var(--listen-track);padding-top:16px}
.daily-listen-loop-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid var(--listen-track);border-radius:14px;background:#fff;text-align:left;color:var(--listen-ink)}
.daily-listen-loop-toggle[aria-pressed=true]{border-color:var(--listen-accent);background:#FFF1E7}
.daily-listen-loop-icon{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:#F5F5F4;color:var(--listen-muted)}
.daily-listen-loop-icon svg{width:20px;height:20px}
.daily-listen-loop-toggle[aria-pressed=true] .daily-listen-loop-icon{background:var(--listen-accent);color:#fff}
.daily-listen-loop-copy{flex:1;min-width:0;line-height:1.5}
.daily-listen-loop-copy strong{display:block;font-size:13px}
.daily-listen-loop-copy small{display:block;font-size:11px;color:var(--listen-muted)}
.daily-listen-switch{width:42px;height:25px;flex:none;border-radius:999px;background:#D6D3D1;padding:3px;box-sizing:border-box}
.daily-listen-switch:before{content:'';display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:transform .15s}
.daily-listen-loop-toggle[aria-pressed=true] .daily-listen-switch{background:var(--listen-accent)}
.daily-listen-loop-toggle[aria-pressed=true] .daily-listen-switch:before{transform:translateX(17px)}
.daily-listen-setting-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:16px 0 7px;line-height:1.5}
.daily-listen-setting-head strong{font-size:12px;white-space:nowrap;font-weight:600}
.daily-listen-setting-head span{font-size:10px;color:var(--listen-faint);text-align:right}
.daily-listen-repeats,.daily-listen-speeds{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#F5F5F4}
.daily-listen-repeats button,.daily-listen-speeds button{flex:1;min-width:0;border:0;border-radius:999px;padding:8px 2px;background:transparent;color:#57534E;font-size:12px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-listen-repeats button[aria-pressed=true],.daily-listen-speeds button[aria-pressed=true]{background:#fff;color:var(--listen-ink);box-shadow:0 1px 4px rgb(0 0 0 / 8%);font-weight:600}
.daily-listen-controls .daily-listen-primary{width:68px;height:68px;flex-basis:68px;border-radius:50%;background:var(--listen-accent);color:#fff}
.daily-listen-primary svg{width:28px;height:28px}
.daily-listen-notice{font-size:12px;color:var(--listen-muted);line-height:1.6;text-align:center;margin:14px 0 0}
.daily-listen-notice:empty{display:none}
.daily-listen-handle{display:none}
@media(max-width:767px){
  .daily-listen-shade{place-items:end center;padding:0}
  .daily-listen-panel{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;padding:12px 24px max(26px,env(safe-area-inset-bottom))}
  .daily-listen-handle{display:block;position:relative;height:20px;margin:0 auto 10px;touch-action:pan-x}
  .daily-listen-handle:before{content:"";display:block;position:absolute;top:0;left:calc(50% - 18px);width:36px;height:4px;border-radius:999px;background:var(--listen-track)}
  .daily-listen-head{touch-action:pan-x}
  .daily-listen-date{font-size:22px}
  .daily-listen-sentence [data-listen-en]{font-size:18px}
  .daily-listen-controls{justify-content:center;gap:44px}
  .daily-listen-controls button{width:44px;flex-basis:44px}
  .daily-listen-controls .daily-listen-primary{width:58px;height:58px;flex-basis:58px}
}
@media(max-width:600px){.my-daily-actions{align-self:center}.my-daily-listen{font-size:12px;padding:8px}}
@media(prefers-reduced-motion:reduce){.daily-listen-wave.is-playing i{animation:none;transform:scaleY(.7)}}