.brand-lockup{align-items:center;gap:var(--space-3);min-width:0;min-height:44px;color:var(--ink);font:400 21px / 1.02 var(--font-display);letter-spacing:-.02em;border-radius:var(--radius-md);text-decoration:none;display:inline-flex}.brand-lockup .brand-mark{width:42px;height:42px;color:var(--play-accent);background:var(--play-accent-tint);box-shadow:inset 0 0 0 1px var(--play-accent-edge), var(--shadow-rest);transition:box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.brand-lockup .brand-mark svg{transition:transform var(--dur-slow) var(--ease-spring)}.brand-lockup .brand-name{min-width:0}@media (hover:hover){.brand-lockup:hover .brand-mark{box-shadow:inset 0 0 0 1px var(--play-accent), var(--shadow-rest)}.brand-lockup:hover .brand-mark svg{transform:rotate(-24deg)}}.brand-lockup-compact{gap:10px;font-size:17px}.brand-lockup-compact .brand-mark{width:36px;height:36px}.appearance-switch{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--ink) 5%, transparent);box-shadow:inset 0 0 0 1px var(--play-hairline);gap:2px;padding:3px;display:flex}.appearance-switch button{border-radius:var(--radius-pill);min-width:40px;height:38px;color:var(--rail-muted,var(--muted));font:500 14px / 1 var(--font-ui);cursor:pointer;transition:flex-grow var(--dur-base) var(--ease-out), background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out);background:0 0;border:0;flex:0 0 40px;justify-content:center;align-items:center;gap:0;padding:0 11px;display:inline-flex}.appearance-switch button svg{flex:none}.appearance-switch button span{opacity:0;white-space:nowrap;max-width:0;transition:max-width var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out), margin var(--dur-base) var(--ease-out);overflow:hidden}.appearance-switch button[aria-pressed=true]{color:var(--ink);background:var(--play-panel);box-shadow:0 0 0 1px var(--play-edge), var(--shadow-rest);flex-grow:1}.appearance-switch button[aria-pressed=true] svg{color:var(--play-accent)}.appearance-switch button[aria-pressed=true] span{opacity:1;max-width:7em;margin-left:7px}@media (hover:hover){.appearance-switch button[aria-pressed=false]:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}}.appearance-switch button:active{transform:scale(.95)}.appearance-switch button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}@media (prefers-reduced-motion:reduce){.brand-lockup .brand-mark svg,.appearance-switch button{transform:none!important}.appearance-switch button,.appearance-switch button span{transition-property:color,background-color,box-shadow,opacity}}.reduced-motion .brand-lockup .brand-mark svg,.reduced-motion .appearance-switch button{transform:none!important}.reduced-motion .appearance-switch button,.reduced-motion .appearance-switch button span{transition-property:color,background-color,box-shadow,opacity}