.reader-player{z-index:80;width:360px;max-height:calc(100vh - 24px);color:var(--ink);background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--sans);border-radius:16px;font-size:14px;line-height:1.35;position:fixed;overflow:auto;box-shadow:0 22px 60px #00000061}.reader-player button,.reader-player select,.reader-player input{font:inherit}.reader-player button,.reader-player select{color:var(--ink);border:1px solid var(--line);background:#05080f94;border-radius:9px}.reader-player button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.reader-player button:hover,.reader-player button:focus-visible,.reader-player select:focus-visible{border-color:color-mix(in srgb, var(--amber) 72%, var(--line));outline:2px solid color-mix(in srgb, var(--amber) 42%, transparent);outline-offset:2px}.reader-player-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.reader-drag-handle{touch-action:none;width:34px;height:34px;color:var(--muted)!important;cursor:grab!important}.reader-drag-handle:active{cursor:grabbing!important}.reader-title{flex:1;gap:2px;min-width:0;display:grid}.reader-title span{color:var(--amber);font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:700}.reader-title strong{color:var(--ink);font-size:14px}.reader-icon-button{width:34px;height:34px}.reader-transport{justify-content:center;align-items:center;gap:14px;padding:16px 16px 12px;display:flex}.reader-play-button{width:52px;height:52px;color:#11151e!important;background:var(--amber)!important;border-color:var(--amber)!important;border-radius:50%!important}.reader-skip-button{width:44px;height:40px;position:relative;color:var(--muted)!important}.reader-skip-button span{font-family:var(--mono);font-size:8px;position:absolute;bottom:1px}.reader-details{gap:10px;padding:0 16px 14px;display:grid}.reader-details input[type=range]{width:100%;accent-color:var(--amber);cursor:pointer}.reader-time-row{color:var(--muted);font-family:var(--mono);justify-content:space-between;font-size:11px;display:flex}.reader-field{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:11px;font-weight:700;display:grid}.reader-field select{text-transform:none;width:100%;min-width:0;height:36px;padding:0 9px}.reader-speed-field{grid-template-columns:1fr 92px;align-items:center}.reader-voice-grid{display:block}.reader-status{min-height:38px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.reader-status button,.reader-retry-button{min-height:30px;padding:5px 10px;color:var(--amber)!important}.reader-setup-message{border-top:0;line-height:1.5}.reader-retry-button{margin:0 12px 12px}.reader-player-collapsed .reader-player-header{border-bottom:0}.reader-player-collapsed .reader-transport{padding-top:4px}.reader-mobile-compact-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:8px;display:grid}.reader-mobile-compact-row .reader-status{text-overflow:ellipsis;white-space:nowrap;border-top:0;min-width:0;padding:0 4px;overflow:hidden}.reader-mobile-compact-row .reader-play-button{width:40px;height:40px}.reader-word{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px}.reader-word-active{color:var(--ink);background:color-mix(in srgb, var(--amber) 34%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 34%, transparent)}.reader-block-control-anchor{position:relative}.reader-block-control-slot{display:inline-flex;position:absolute;top:.08em;left:-38px}.reader-block-play-button{width:28px;height:28px;color:var(--muted);background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid var(--line);opacity:0;pointer-events:none;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .14s,color .14s,border-color .14s;display:inline-flex}.reader-block-control-anchor:hover>.reader-block-control-slot .reader-block-play-button,.reader-block-control-anchor:focus-within>.reader-block-control-slot .reader-block-play-button,.reader-block-play-button:focus-visible{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 72%, var(--line));opacity:1;pointer-events:auto;outline:2px solid color-mix(in srgb, var(--amber) 32%, transparent);outline-offset:2px}@media (width<=639px){.reader-player.reader-player-mobile{border-radius:14px;max-height:calc(100vh - 24px);bottom:12px;right:12px;width:auto!important;top:auto!important;left:12px!important}.reader-player-mobile .reader-player-header{min-height:50px}.reader-player-mobile .reader-transport{padding-block:10px}}@media (prefers-reduced-motion:reduce){.reader-player *,.reader-word{scroll-behavior:auto!important;transition:none!important;animation:none!important}}