.nr-orb{--s:88px;--grow:1.08;width:var(--s);height:var(--s);filter:drop-shadow(0 10px 18px #3c6ec838);border-radius:50%;flex:none;transition:transform .5s cubic-bezier(.32,.72,0,1);display:block;position:relative}.nr-orb[data-playing]{transform:scale(var(--grow))}.nr-orb-face{border-radius:50%;position:absolute;inset:0;overflow:hidden}.nr-orb-face canvas{width:100%;height:100%;display:block}.nr-orb-face:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0000001a}.nr-orb[data-gl=fallback] .nr-orb-face,.nr-orb[data-gl=pending] .nr-orb-face{background:radial-gradient(circle at 34% 28%,#dcefff,#8cc4ff 55%,#4a86de)}.nr-orb[data-gl=fallback] canvas{display:none}.nr-orb:after{content:"";z-index:-1;pointer-events:none;opacity:0;transform:scale(calc(.85 + var(--nr-energy,0) * .3));background:radial-gradient(closest-side,#78b4ff73,#0000);border-radius:50%;transition:opacity .45s cubic-bezier(.32,.72,0,1);position:absolute;inset:-20%}.nr-orb[data-playing]:after{opacity:1}@media (prefers-reduced-motion:reduce){.nr-orb,.nr-orb:after{transition:none}.nr-orb[data-playing]{transform:none}.nr-orb[data-playing]:after{opacity:0}}.nr-button{z-index:1;width:calc(var(--s) * .4);height:calc(var(--s) * .4);color:#101828;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;min-width:26px;min-height:26px;margin:auto;padding:0;transition:transform .15s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1);display:grid;position:absolute;inset:0;box-shadow:0 1px 2px #10182824,0 6px 14px -4px #1e46964d}.nr-button:active{transform:scale(.94)}.nr-button:focus-visible{outline:2px solid var(--color-azure-500);outline-offset:2px}.nr-button svg{grid-area:1/1;width:max(12px,44%);height:max(12px,44%);transition:opacity .18s cubic-bezier(.32,.72,0,1),transform .2s cubic-bezier(.32,.72,0,1),filter .2s}.nr-icon-pause,.nr-orb[data-playing] .nr-icon-play{opacity:0;filter:blur(2px);transform:scale(.3)}.nr-orb[data-playing] .nr-icon-pause{opacity:1;filter:none;transform:none}@media (hover:hover) and (pointer:fine){.nr-orb[data-playing] .nr-button{opacity:0}.nr-orb[data-playing]:hover .nr-button,.nr-orb[data-playing] .nr-button:focus-visible{opacity:1}}.nr-player{align-items:center;gap:20px;margin:40px 0;display:flex}.nr-text{min-width:0;display:grid}.nr-cta{color:var(--simple-ink)}.nr-sub{height:20px;color:var(--simple-muted);font-size:13px;line-height:20px;position:relative}.nr-sub>*{white-space:nowrap;align-items:center;gap:10px;transition:opacity .2s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;inset:0}.nr-live{opacity:0;transform:translateY(4px)}.nr-player:not([data-status=idle]) .nr-idle{opacity:0;transform:translateY(-4px)}.nr-player:not([data-status=idle]) .nr-live{opacity:1;transform:none}.nr-bars{align-items:center;gap:2px;height:14px;display:flex}.nr-bars i{background:#5f9ff0;border-radius:2px;width:2px;height:100%;transform:scaleY(.15)}.nr-time{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.nr-button,.nr-button svg,.nr-sub>*{transition:none}}.nr-dock{z-index:30;left:50%;bottom:max(20px, env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 32px);height:56px;color:var(--simple-ink);opacity:0;pointer-events:none;align-items:center;gap:12px;padding:0 10px 0 8px;font-family:inherit;transition:opacity .2s ease-out;display:flex;position:fixed;transform:translate(-50%)}.nr-dock:is([data-phase=in],[data-phase=open],[data-phase=closing],[data-phase=out]){opacity:1;transition:none}.nr-dock[data-phase=open][data-visible=true]{pointer-events:auto}.nr-dock-bg{z-index:-1;background:var(--simple-bg);box-shadow:0 0 0 1px color-mix(in srgb, var(--simple-ink) 8%, transparent), 0 12px 32px -10px #1018284d;clip-path:circle(0 at 29px);border-radius:999px;transition:clip-path .2s cubic-bezier(.32,.72,0,1);position:absolute;inset:0}.nr-dock[data-phase=open] .nr-dock-bg{clip-path:circle(200% at 29px);transition-duration:.38s}.nr-dock[data-phase=closing] .nr-dock-bg{clip-path:circle(21px at 29px)}.nr-dock-orb-hit{z-index:1;transform-origin:50%;display:block;position:relative}.nr-dock-text,.nr-close{opacity:0;transition:opacity .12s ease-out}.nr-dock[data-phase=open] :is(.nr-dock-text,.nr-close){opacity:1;transition:opacity .22s ease-out .12s}:root:has(.nr-dock:is([data-phase=closing],[data-phase=out])) .nr-player .nr-orb{visibility:hidden}.nr-dock-orb{--grow:1.05;cursor:pointer}.nr-dock-orb .nr-button{transition:opacity .12s ease-out;opacity:0!important}.nr-dock[data-phase=open] .nr-dock-orb .nr-button{transition-delay:60ms;opacity:1!important}.nr-dock-text{min-width:168px;display:grid}.nr-dock-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;line-height:18px;overflow:hidden}.nr-dock-row{color:var(--simple-muted);align-items:center;gap:8px;font-size:12px;line-height:16px;display:flex}.nr-track{background:color-mix(in srgb, var(--simple-ink) 10%, transparent);border-radius:2px;width:96px;height:2px;overflow:hidden}.nr-track span{background:var(--simple-ink);height:100%;transition:width 1s linear;display:block}.nr-close{width:30px;height:30px;color:var(--simple-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.nr-close svg{width:16px;height:16px}.nr-close:focus-visible{outline:2px solid var(--color-azure-500);outline-offset:2px}@media (hover:hover) and (pointer:fine){.nr-close:hover{background:color-mix(in srgb, var(--simple-ink) 6%, transparent);color:var(--simple-ink)}}@media (width<=540px){:root[data-narration=docked] .simple-pagenav-top{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 68px)}}@media (prefers-reduced-motion:reduce){.nr-dock,.nr-dock[data-phase]{transition:opacity .15s ease-out}.nr-dock-bg,.nr-dock[data-phase] .nr-dock-bg{clip-path:none;transition:none}.nr-dock-text,.nr-close,.nr-dock[data-phase] :is(.nr-dock-text,.nr-close){opacity:1;transition:none}.nr-track span{transition:none}}
