.ctl{pointer-events:none;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;inset:0}.ctl [hidden]{display:none!important}.ctl *,.ctl :before,.ctl :after{box-sizing:border-box}.ctl__bar{top:calc(var(--ctl-top,14px) + env(safe-area-inset-top,0px));right:calc(var(--ctl-right,16px) + env(safe-area-inset-right,0px));transition:opacity var(--t-scene) var(--ease-out), transform var(--t-scene) var(--ease-out), visibility 0s;align-items:center;gap:8px;display:flex;position:absolute}.ctl.is-opening .ctl__bar{opacity:0;visibility:hidden;transition:opacity var(--t-ui) var(--ease-out), transform var(--t-ui) var(--ease-out), visibility 0s linear var(--t-ui);transform:translateY(-8px)}.ctl__cluster,.ctl__more{background:color-mix(in srgb, var(--paper-raised) 80%, transparent);backdrop-filter:blur(16px)saturate(1.5);box-shadow:var(--shadow-1), 0 0 0 1px var(--line);pointer-events:auto}.ctl__cluster{border-radius:var(--r-pill);align-items:center;gap:2px;padding:3px;display:flex}.ctl__btn,.ctl__more{appearance:none;width:38px;height:38px;color:var(--ink-2);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:50%;place-items:center;margin:0;padding:0;text-decoration:none;display:grid;position:relative}.ctl__btn{transition:background-color var(--t-ui) var(--ease-out), color var(--t-ui) var(--ease-out);background:0 0}.ctl__btn:before{content:"";position:absolute;inset:-3px}.ctl__ico{place-items:center;display:grid}.ctl__ico svg{display:block}.ctl__btn [data-when=on],.ctl__btn[aria-pressed=true] [data-when=off]{display:none}.ctl__btn[aria-pressed=true] [data-when=on]{display:block}@media (hover:hover){.ctl__btn:hover,.ctl__more:hover{color:var(--ink)}.ctl__btn:hover{background:var(--paper-sunken)}}.ctl__btn:active .ctl__ico,.ctl__more:active svg{transform:scale(.92)}.ctl__btn[aria-pressed=true]:not([aria-label=Sound]){background:var(--ember-soft);color:var(--ember-ink)}.ctl__btn[aria-pressed=false][aria-label=Sound]{color:var(--mute)}.ctl :is(button,a):focus-visible{outline:2px solid var(--ember);outline-offset:2px}.ctl__rule{background:var(--line);flex:none;width:1px;height:18px;margin:0 4px}.ctl__words{z-index:1;border-radius:var(--r-sm);background:var(--ink);color:var(--paper);box-shadow:var(--shadow-2);font:500 12.5px/1 var(--font-sans);letter-spacing:.005em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-ui) var(--ease-out), transform var(--t-ui) var(--ease-out);align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 11px);left:50%;transform:translate(-50%,-4px)}.ctl__tag{font:500 10px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;opacity:.6}.ctl__btn:nth-last-child(-n+2) .ctl__words{left:auto;right:-3px;transform:translateY(-4px)}@media (hover:hover){.ctl__btn:hover .ctl__words{opacity:1;transition-delay:.38s;transform:translate(-50%)}.ctl__btn:nth-last-child(-n+2):hover .ctl__words{transform:translate(0)}}.ctl__btn:focus-visible .ctl__words{opacity:1;transform:translate(-50%)}.ctl__btn:nth-last-child(-n+2):focus-visible .ctl__words{transform:translate(0)}.ctl__stop{appearance:none;border-radius:var(--r-pill);background:var(--ink);height:44px;color:var(--paper);box-shadow:var(--shadow-2);font:500 14px/1 var(--font-sans);letter-spacing:-.003em;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;animation:ctl-arrive var(--t-scene) var(--ease-out) both;transition:background-color var(--t-ui) var(--ease-out), transform var(--t-ui) var(--ease-out);border:0;align-items:center;gap:8px;margin:0;padding:0 18px 0 13px;display:inline-flex}.ctl__stop svg{color:var(--ember)}@media (hover:hover){.ctl__stop:hover{background:var(--ink-2)}}.ctl__stop:active{transform:scale(.97)}@keyframes ctl-arrive{0%{opacity:0;transform:translate(10px)}}.ctl__more{width:44px;height:44px;transition:color var(--t-ui) var(--ease-out);display:none}.ctl--menu .ctl__more{display:grid}.ctl--menu .ctl__more[aria-expanded=true]{color:var(--ink);background:var(--paper-raised)}.ctl--menu .ctl__cluster{border-radius:var(--r-lg);background:var(--paper-raised);backdrop-filter:none;min-width:236px;box-shadow:var(--shadow-3), 0 0 0 1px var(--line);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity var(--t-ui) var(--ease-out), transform var(--t-ui) var(--ease-out), visibility 0s linear var(--t-ui);flex-direction:column;align-items:stretch;gap:0;padding:6px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.97)}.ctl--menu .ctl__cluster.is-open{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ctl--menu .ctl__btn{border-radius:var(--r-md);width:auto;height:48px;color:var(--ink);grid-template-columns:22px 1fr;justify-items:start;gap:13px;padding:0 14px 0 12px}.ctl--menu .ctl__btn:before{display:none}.ctl--menu .ctl__words{width:100%;box-shadow:none;color:inherit;font:450 15px/1 var(--font-sans);opacity:1;background:0 0;justify-content:space-between;padding:0;transition:none;position:static;transform:none!important}.ctl--menu .ctl__tag{opacity:1;color:var(--mute)}.ctl--menu .ctl__btn[aria-pressed=true] .ctl__tag{color:inherit}.ctl--menu .ctl__rule{width:auto;height:1px;margin:6px 12px}.ctl__opening{padding:0 calc(22px + env(safe-area-inset-right,0px)) calc(18px + env(safe-area-inset-bottom,0px)) calc(22px + env(safe-area-inset-left,0px));color:var(--white-hot);mix-blend-mode:difference;opacity:0;transition:opacity .7s var(--ease-soft);justify-content:flex-end;align-items:center;gap:4px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.ctl__opening.is-in{opacity:1}.ctl__opening.is-plain{mix-blend-mode:normal;color:var(--ink)}.ctl__skip{appearance:none;border-radius:var(--r-pill);min-width:44px;min-height:44px;color:inherit;font:500 12.5px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;opacity:.6;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--t-ui) var(--ease-out);background:0 0;border:0;align-items:center;gap:10px;margin:0 0 0 auto;padding:0 12px 0 14px;display:inline-flex}.ctl__opening.is-in .ctl__skip{pointer-events:auto}.ctl__skip:hover,.ctl__skip:focus-visible{opacity:1}.ctl .ctl__skip:focus-visible{outline-offset:0;outline:1.5px solid}.ctl__kbd{font:500 10px/1 var(--font-mono);letter-spacing:.06em;opacity:.75;border-radius:5px;padding:4px 6px;display:none;box-shadow:inset 0 0 0 1px}.ctl__hint{font:400 13px/1 var(--font-sans);letter-spacing:.02em;opacity:.46;align-items:center;gap:9px;margin:0;display:inline-flex}.ctl__hint svg{flex:none}.ctl__hint-mouse{display:none}@media (hover:hover) and (pointer:fine){.ctl__kbd{display:inline-block}.ctl__hint-mouse{display:inline}.ctl__hint-touch{display:none}}@media (width<=640px){.ctl__opening{padding-inline:calc(14px + env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-right,0px));padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:0;top:0;bottom:auto}}@media (prefers-reduced-motion:reduce){.ctl__bar,.ctl__cluster,.ctl__words,.ctl__opening{transition-duration:1ms!important}.ctl__stop{animation:none}}