.nr-cluster{--nr-accent:var(--color-accent);--nr-ink:var(--color-text);--nr-muted:var(--color-text-3);--nr-surface:var(--narrator-surface);z-index:35;pointer-events:none;opacity:0;width:300px;height:300px;transition:opacity .45s, transform .55s var(--ease-arrive);position:fixed;bottom:0;right:0;transform:translateY(12px)}.nr-cluster.nr-in{opacity:1;transform:none}.nr-cluster:before{content:"";pointer-events:none;background:radial-gradient(closest-side at 100% 100%, color-mix(in srgb, var(--narrator-wash) 94%, transparent) 0, color-mix(in srgb, var(--narrator-wash) 78%, transparent) 46%, color-mix(in srgb, var(--narrator-wash) 0%, transparent) 100%);width:360px;height:360px;position:absolute;bottom:-40px;right:-40px}.nr-cluster>*{pointer-events:auto}.nr-guide{pointer-events:none;max-width:none;position:absolute;top:0;left:0;overflow:visible}.nr-arc{fill:none;stroke:color-mix(in srgb, var(--nr-ink) 14%, transparent);stroke-width:1.5px}.nr-arc-fill{fill:none;stroke:color-mix(in srgb, var(--nr-accent) 38%, transparent);stroke-width:1.5px;stroke-linecap:round;transition:d .25s}.nr-stop{fill:color-mix(in srgb, var(--nr-ink) 24%, transparent)}.nr-ring-bg{fill:none;stroke:color-mix(in srgb, var(--nr-ink) 12%, transparent)}.nr-ring{fill:none;stroke:var(--nr-accent);stroke-linecap:round;transition:stroke-dashoffset .35s linear}.nr-speed{cursor:pointer;min-width:44px;min-height:44px;font:var(--type-narrator-speed);color:var(--nr-muted);font-variant-numeric:tabular-nums;background:0 0;border:0;place-items:center;padding:0;transition:color .2s;display:grid;position:absolute;transform:translate(50%,50%)}.nr-speed:hover{color:var(--nr-ink)}.nr-speed.on{color:var(--nr-ink);font-size:11.5px;font-weight:650}.nr-speed.on:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--nr-surface) 94%, transparent);box-shadow:var(--shadow-narrator-pill);position:absolute;inset:11px 1px}.nr-cluster :focus-visible{outline:2px solid var(--nr-accent);outline-offset:3px}.nr-knob{background:var(--nr-surface);border:2.2px solid var(--nr-accent);cursor:grab;touch-action:none;width:18px;height:18px;transition:left .3s var(--ease-spring), top .3s var(--ease-spring), transform .2s;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.nr-knob:after{content:"";border-radius:50%;position:absolute;inset:-13px}.nr-dragging .nr-knob{cursor:grabbing;transition:none;transform:translate(-50%,-50%)scale(1.2)}.nr-dragging .nr-arc-fill{transition:none}.nr-play,.nr-chip,.nr-orb{right:var(--x);bottom:var(--y);width:var(--size);height:var(--size)}.nr-play{cursor:pointer;color:var(--nr-surface);background:var(--nr-accent);box-shadow:var(--shadow-narrator-play);transition:transform .25s var(--ease-pop), box-shadow .25s;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.nr-play:hover{box-shadow:var(--shadow-narrator-play-hover);transform:scale(1.05)}.nr-play:active{transform:scale(.96)}.nr-play svg{fill:currentColor;width:19px;height:19px}.nr-play .nr-i-pause,.nr-playing .nr-play .nr-i-play{display:none}.nr-playing .nr-play .nr-i-pause{display:inline}.nr-chip{font:var(--type-narrator-chip);color:var(--narrator-chip-ink);font-variant-numeric:tabular-nums;background:color-mix(in srgb, var(--nr-surface) 72%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nr-surface) 90%, transparent), var(--shadow-narrator-float);-webkit-backdrop-filter:var(--narrator-chip-blur);backdrop-filter:var(--narrator-chip-blur);border-radius:50%;place-items:center;display:grid;position:absolute}.nr-orb{cursor:pointer;isolation:isolate;background:conic-gradient(from 210deg, var(--o1,var(--narrator-orb)), var(--o2,var(--color-topic-work)), var(--o3,var(--color-accent-2)), var(--o1,var(--narrator-orb)));box-shadow:var(--shadow-narrator-orb), inset 0 0 0 1px color-mix(in srgb, var(--nr-surface) 50%, transparent);transition:transform .25s var(--ease-pop);border:0;border-radius:50%;padding:0;position:absolute;overflow:hidden}.nr-orb:before{content:"";background:inherit;filter:blur(7px);position:absolute;inset:-20%}.nr-orb:after{content:"";background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--nr-surface) 55%, transparent), color-mix(in srgb, var(--nr-surface) 0%, transparent) 55%);border-radius:50%;position:absolute;inset:0}.nr-orb:hover{transform:scale(1.06)}.nr-playing .nr-orb:before{animation:6s linear infinite nr-swirl}@keyframes nr-swirl{to{transform:rotate(360deg)}}.nr-picking .nr-speed,.nr-picking .nr-chip{opacity:0;visibility:hidden;pointer-events:none}.nr-picker{border-radius:var(--radius-narrator-panel);background:color-mix(in srgb, var(--nr-surface) 90%, transparent);width:270px;max-height:min(380px,60vh);-webkit-backdrop-filter:var(--narrator-blur);backdrop-filter:var(--narrator-blur);box-shadow:var(--shadow-narrator-panel);animation:nr-pop .3s var(--ease-arrive);transform-origin:85% 100%;padding:10px;position:absolute;bottom:150px;right:24px;overflow:auto}.nr-picker:focus{outline:none}@keyframes nr-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}.nr-picker-title{font:var(--type-narrator-title);letter-spacing:.12em;text-transform:uppercase;color:var(--nr-muted);padding:6px 8px 8px}.nr-picker-note{font:var(--type-caption);color:var(--nr-muted);padding:4px 8px 10px}.nr-voice{border-radius:var(--radius-control);cursor:pointer;text-align:left;width:100%;min-height:44px;font:var(--type-narrator-voice);color:var(--nr-ink);background:0 0;border:0;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.nr-voice:hover{background:color-mix(in srgb, var(--nr-accent) 6%, transparent)}.nr-voice[aria-pressed=true]{background:color-mix(in srgb, var(--nr-accent) 9%, transparent)}.nr-voice-orb{background:conic-gradient(var(--o1), var(--o2), var(--o3), var(--o1));width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nr-surface) 50%, transparent);border-radius:50%}.nr-voice-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nr-voice-tag{font:var(--type-narrator-tag);color:var(--nr-muted)}.nr-voice[aria-pressed=true] .nr-voice-tag{color:var(--nr-accent)}.nr-follow{border-radius:var(--radius-pill);cursor:pointer;height:38px;font:var(--type-narrator-button);color:var(--nr-accent);background:color-mix(in srgb, var(--nr-surface) 92%, transparent);box-shadow:var(--shadow-narrator-follow);white-space:nowrap;animation:nr-pop .3s var(--ease-arrive);border:0;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute;bottom:26px;right:196px}.nw,.nws{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .2s,color .2s,box-shadow .2s}.nr-reading .nw{cursor:pointer}.nw.ns,.nws.ns{background:color-mix(in srgb, var(--color-accent) 6%, transparent);box-shadow:0 -2px 0 color-mix(in srgb, var(--color-accent) 6%, transparent), 0 2px 0 color-mix(in srgb, var(--color-accent) 6%, transparent)}.nw.ns-first{border-radius:var(--radius-word) 0 0 var(--radius-word)}.nw.ns-last{border-radius:0 var(--radius-word) var(--radius-word) 0}.nw.ns-first.ns-last{border-radius:var(--radius-word)}.nw.nw-on{z-index:0;border-radius:var(--radius-word);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 17%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 17%, transparent);position:relative}[data-narrate=title] .nw.nw-on{color:inherit}.nr-pill{display:none}@media (width<=640px){.nr-cluster{--dock-right:max(16px, env(safe-area-inset-right,0px));--dock-bottom:env(safe-area-inset-bottom,0px);width:auto;height:84px;left:0}.nr-cluster:before{background:linear-gradient(to top, color-mix(in srgb, var(--narrator-wash) 96%, transparent) 55%, color-mix(in srgb, var(--narrator-wash) 0%, transparent));width:auto;height:auto;inset:0}.nr-guide,.nr-speed,.nr-knob{display:none}.nr-play{right:var(--dock-right);bottom:calc(16px + var(--dock-bottom));width:52px;height:52px}.nr-orb{right:calc(var(--dock-right) + 62px);bottom:calc(22px + var(--dock-bottom))}.nr-chip{right:calc(var(--dock-right) + 112px);bottom:calc(22px + var(--dock-bottom))}.nr-pill{right:calc(var(--dock-right) + 162px);bottom:calc(22px + var(--dock-bottom));border-radius:var(--radius-pill);cursor:pointer;min-width:52px;height:40px;font:var(--type-narrator-button);color:var(--nr-ink);background:color-mix(in srgb, var(--nr-surface) 90%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--nr-accent) 10%, transparent), var(--shadow-narrator-float);font-variant-numeric:tabular-nums;border:0;place-items:center;padding:0 12px;font-weight:650;display:grid;position:absolute}.nr-picker{bottom:80px;right:12px}.nr-follow{right:auto;left:max(16px, env(safe-area-inset-left,0px));bottom:calc(23px + var(--dock-bottom))}.nr-picking .nr-pill{opacity:0;visibility:hidden;pointer-events:none}}@media print{.nr-cluster{display:none}}