#narration.narr{--lv:0;z-index:50;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s var(--kit-ease-out), visibility 0s linear .45s;position:fixed;top:0;left:0}#narration.narr.is-shown{opacity:1;visibility:visible;transition:opacity .3s var(--kit-ease-out), visibility 0s linear 0s}#narration.narr.is-shown.is-blocked{opacity:0;visibility:hidden}.narr__plate{--kit-cut:9px;box-sizing:border-box;width:600px;max-width:calc(100vw - 32px);color:var(--kit-pearl-hi);transition:transform .5s var(--kit-ease-lock);padding:10px 18px 13px;position:relative;transform:translateY(10px)}#narration.is-shown .narr__plate{transform:none}.narr__plate:before{content:"";background:linear-gradient(90deg, transparent, var(--kit-lamp) 30%, var(--kit-lamp) 70%, transparent);height:1px;opacity:calc(.35 + var(--lv) * .65);position:absolute;top:0;left:12px;right:12px}.narr__head{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--kit-rivet);align-items:center;gap:9px;margin-bottom:6px;font-size:10px;font-weight:600;line-height:1;display:flex}.narr__led{background:var(--kit-lamp);width:7px;height:7px;box-shadow:0 0 calc(3px + var(--lv) * 9px) var(--kit-lamp);border-radius:50%;flex:none;position:relative}.narr__led:after{content:"";background:var(--kit-lamp-hot);opacity:var(--lv);border-radius:50%;position:absolute;inset:-1px}.narr__name{color:var(--kit-pearl-hi)}.narr__bars{align-items:flex-end;gap:2px;height:10px;margin-left:auto;display:inline-flex}.narr__bars i{background:var(--kit-lamp);transform-origin:50% 100%;width:2px;height:10px;transform:scaleY(calc(.18 + var(--lv) * var(--k,.8)));display:block}.narr__bars i:first-child{--k:.55}.narr__bars i:nth-child(2){--k:.82}.narr__bars i:nth-child(3){--k:.66}.narr__bars i:nth-child(4){--k:.4}.narr__text{font-family:var(--font-sans);letter-spacing:-.003em;color:var(--kit-pearl-hi);text-wrap:pretty;margin:0;font-size:15.5px;font-weight:450;line-height:1.45}#narration.is-tight .narr__text{--narr-lines:2;max-height:calc(var(--narr-lines) * 1.4em);line-height:1.4;position:relative;overflow:hidden}.narr__roll{transition:transform .3s var(--kit-ease-out);display:block}.narr__w{opacity:.14;transition:opacity .24s var(--kit-ease-out)}.narr__w.is-on{opacity:1}#narration.is-full .narr__w{opacity:1;transition:none}#narration.is-full .narr__roll{transition:none}.narr__probe{left:0;bottom:env(safe-area-inset-bottom,0px);pointer-events:none;visibility:hidden;width:0;height:0;position:fixed}#narration.is-tight.is-narrow .narr__plate{--kit-cut:7px;padding:8px 12px 10px}#narration.is-tight.is-narrow .narr__head{gap:7px;margin-bottom:5px;font-size:9px}#narration.is-tight.is-narrow .narr__text{font-size:13.5px}@media (min-height:520.02px){#narration.is-tight.is-narrow .narr__text{--narr-lines:3}}@media (max-width:559.98px) and (min-height:520.02px){#narration.is-tight .narr__text{--narr-lines:3}}@media (max-width:559.98px){.narr__plate{--kit-cut:7px;padding:8px 12px 10px}.narr__head{gap:7px;margin-bottom:5px;font-size:9px}.narr__text{font-size:13.5px;line-height:1.4}}@media (max-height:520px) and (min-aspect-ratio:1){.narr__plate{--kit-cut:7px;padding:7px 12px 9px}.narr__head{margin-bottom:4px;font-size:9px}.narr__text{font-size:13px;line-height:1.36}}@media (prefers-reduced-motion:reduce){.narr__plate{transform:none}.narr__w,.narr__roll{transition:none}}.menu__narr{border:1px solid var(--ui-lav-line);min-height:34px;color:var(--ui-lav-ink-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .2s var(--kit-ease-out), color .2s var(--kit-ease-out);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 12px;font-size:10px;font-weight:500;display:inline-flex}.menu__narr-led{background:var(--kit-steel-hi);border-radius:50%;flex:none;width:7px;height:7px;transition:background .15s,box-shadow .15s;box-shadow:inset 0 1px 1px #00000073}.menu__narr[aria-pressed=true] .menu__narr-led{background:var(--kit-lamp);box-shadow:0 0 7px var(--kit-lamp)}.menu__narr-state{min-width:3ch;color:var(--ui-violet);font-weight:600}.menu__narr[aria-pressed=false] .menu__narr-state{color:var(--ui-lav-ink-2)}@media (hover:hover){.menu__narr:hover{border-color:var(--ui-violet);color:var(--ui-violet)}}#menu .menu__narr:focus-visible{outline:2px solid var(--ui-violet);outline-offset:3px}@media (pointer:coarse){.menu__narr{min-height:44px}}