@layer components{.menu__list{display:flex;list-style:none;margin:0;padding:0;gap:.75rem}.menu__link{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:.75rem;font-size:var(--text-sm);font-weight:500;color:var(--c-accent-muted);text-decoration:none;border-radius:var(--radius);transition:color .15s,background .15s}.menu__link:hover{color:var(--c-paper);background:#ffffff0f}.menu__link--active{color:var(--c-paper);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.menu__link:focus-visible{outline:3px solid var(--c-accent-muted,#c7d2fe);outline-offset:2px;border-radius:var(--radius)}.menu__link[aria-disabled=true]{opacity:.45;cursor:default}.logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}}@layer components{.logo:focus-visible{outline:3px solid var(--c-accent-muted,#c7d2fe);outline-offset:3px;border-radius:var(--radius,6px)}.logo__img{display:block;height:44px;width:auto}.logo__dot{fill:#f4a78b;transition:fill .25s ease}.logo:not(.logo--playing):hover .logo__dot{fill:white;transition:fill .15s ease}@keyframes braille-f{0%{fill:#f4a78b;opacity:1}3%{fill:white;opacity:1}17%{fill:white;opacity:1}21%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-r{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}20%{fill:#f4a78b;opacity:.15}23%{fill:white;opacity:1}36%{fill:white;opacity:1}40%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-e{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}38%{fill:#f4a78b;opacity:.15}41%{fill:white;opacity:1}53%{fill:white;opacity:1}57%{fill:#f4a78b;opacity:.15}66%{fill:#f4a78b;opacity:.15}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}@keyframes braille-i{0%{fill:#f4a78b;opacity:1}2%{fill:#f4a78b;opacity:.15}55%{fill:#f4a78b;opacity:.15}58%{fill:white;opacity:1}68%{fill:white;opacity:1}71%{fill:#f4a78b;opacity:.15}95%{fill:#f4a78b;opacity:1}to{fill:#f4a78b;opacity:1}}.logo--playing .logo__dot--f{animation:braille-f 4s ease-in-out 1 forwards}.logo--playing .logo__dot--r{animation:braille-r 4s ease-in-out 1 forwards}.logo--playing .logo__dot--e{animation:braille-e 4s ease-in-out 1 forwards}.logo--playing .logo__dot--i{animation:braille-i 4s ease-in-out 1 forwards}@media (prefers-reduced-motion:reduce){.logo--playing .logo__dot--e,.logo--playing .logo__dot--f,.logo--playing .logo__dot--i,.logo--playing .logo__dot--r,.logo__dot{animation:none!important}}}