/* Linktree interaction reference: linktr.ee/stanleytucci, 2026-10-21.
   Surface transitions: 75ms. Topbar press: .95 / 300ms ease-out.
   Social hover: 1.075 / 150ms. Bybre retains its own glass and colours.
   Deliberately never transition geometry or replace positioning transforms. */
:root{--state-fast:75ms;--state-ease:cubic-bezier(0,0,.2,1);--glass-press-scale:.95;--circle-hover:rgb(255 255 255 / 16.3%);--circle-pressed:rgb(255 255 255 / 22%);--glass-transition:background-color 75ms ease-out,border-color 75ms ease-out,box-shadow 75ms ease-out,scale 300ms cubic-bezier(0,0,.2,1)}
:is(#bybre-profile,#panel,.property-dialog,#listing-viewer) :is(button,a[href],summary):not(.swipe-intro){transition:background-color var(--state-fast) var(--state-ease),color var(--state-fast) var(--state-ease),opacity var(--state-fast) var(--state-ease),box-shadow var(--state-fast) var(--state-ease),filter var(--state-fast) var(--state-ease),scale 300ms var(--state-ease)}
/* The whole profile tile owns its surface. Its label and thumbnail do not shrink separately. */
#bybre-profile .links>.glass{transition:var(--glass-transition);scale:1}
#bybre-profile .links .main-link:active:where(:not(:disabled,[aria-disabled="true"])){transform:none}
#bybre-profile .links>.glass:has(.main-link:active:where(:not(:disabled,[aria-disabled="true"])),.featured-link:active:where(:not(:disabled,[aria-disabled="true"]))){background-color:var(--circle-pressed);scale:1}
#bybre-profile .links>.glass:has(.main-link:focus-visible,.featured-link:focus-visible){box-shadow:var(--circle-shadow),inset 0 0 0 2px var(--icon-ink)}
#bybre-profile .links :is(.main-link,.featured-link):focus-visible{outline:none;box-shadow:none}
/* Pause the attention animation during interaction so hover/focus targets stay still. */
#bybre-profile .portfolio:has(:focus-visible),#bybre-profile .portfolio:has(:active:where(:not(:disabled,[aria-disabled="true"]))){animation:none}
:is(#bybre-profile .topbar .icon-button,#listing-viewer .viewer-close,#listing-viewer .listing-share,#listing-viewer .sound-toggle,#listing-viewer .video-toggle,#listing-viewer .listing-actions button,#listing-viewer .listing-actions a,#listing-viewer .viewer-navigation button){transition:var(--glass-transition)}
:is(#bybre-profile .topbar .icon-button,#listing-viewer .viewer-close,#listing-viewer .listing-share,#listing-viewer .sound-toggle,#listing-viewer .video-toggle,#listing-viewer .listing-actions button,#listing-viewer .listing-actions a,#listing-viewer .viewer-navigation button):not(:disabled):not([aria-disabled=true]):active:where(:not(:disabled,[aria-disabled="true"])){scale:.95;background-color:var(--circle-pressed)}
/* Unframed controls retain their shape. Close buttons never gain a permanent circle. */
#bybre-profile .identity .followers{border-radius:4px}
#bybre-profile :is(.followers,.more){background-color:transparent}
#panel :is(.close,.share-scroll),.property-dialog .property-close{transition:background-color 75ms ease-out,opacity 75ms ease-out,scale 300ms var(--state-ease)}
#panel :is(.close,.share-scroll):active:where(:not(:disabled,[aria-disabled="true"])),.property-dialog .property-close:active:where(:not(:disabled,[aria-disabled="true"])){scale:.95}
#panel .close:active:where(:not(:disabled,[aria-disabled="true"])),.property-dialog .property-close:active:where(:not(:disabled,[aria-disabled="true"])){background:transparent;opacity:.65}
#bybre-profile :is(.followers,.verified-badge,.more):active:where(:not(:disabled,[aria-disabled="true"])){background-color:rgb(255 255 255 / 28%);opacity:1}
#bybre-profile .links .more:active:where(:not(:disabled,[aria-disabled="true"])){scale:.95}
#bybre-profile .verified-badge:active:where(:not(:disabled,[aria-disabled="true"])){background-color:rgb(255 255 255 / 32%)}
/* Menus: neutral surface response, filled primary actions and outlined alternatives. */
:is(#panel.profile-sheet,#panel.share-sheet,#panel.brand-sheet,#panel) :is(.action,.join-primary,.claim-button),.property-dialog .property-contact{--action-rest:#000;--action-ink:#fff;background-color:var(--action-rest);color:var(--action-ink)}
#panel.brand-sheet .claim-button{--action-rest:#254f1a;--action-ink:#d2e823}
:is(#panel.profile-sheet,#panel.share-sheet,#panel.brand-sheet,#panel) :is(.action.secondary,.join-secondary,.outline,.discovery-chip,.explore-card){--action-rest:#fff;--action-ink:#000;background-color:var(--action-rest);color:var(--action-ink)}
#panel .signup-outline{--action-rest:transparent;--action-ink:#254f1a}
:is(#panel.profile-sheet,#panel.share-sheet,#panel.brand-sheet,#panel) :is(.action,.join-primary,.join-secondary,.claim-button,.outline,.signup-outline,.discovery-chip,.explore-card):not(:disabled):active:where(:not(:disabled,[aria-disabled="true"])),.property-dialog .property-contact:active:where(:not(:disabled,[aria-disabled="true"])){background-color:color-mix(in srgb,var(--action-rest) 86%,var(--action-ink) 14%)}
#panel :is(.menu-row,.share-report,summary,.detail-list a):active:where(:not(:disabled,[aria-disabled="true"])){background-color:#e8e8e5}
#panel .share-carousel .share-scroll:active:where(:not(:disabled,[aria-disabled="true"])){background:#e8e8e5}
#panel .share-option{opacity:1}
#panel .share-option:active:where(:not(:disabled,[aria-disabled="true"])){filter:brightness(.86);scale:.95}
#panel .share-link-preview:active:where(:not(:disabled,[aria-disabled="true"])){filter:brightness(.86)}
#bybre-profile .socials a{transition:transform 150ms cubic-bezier(.4,0,.2,1),opacity 75ms ease-out}
#bybre-profile .socials a:active:where(:not(:disabled,[aria-disabled="true"])){transform:scale(.95)}
#bybre-profile :is(footer button,.agency a):active:where(:not(:disabled,[aria-disabled="true"])),#panel :is(.verified-learn,.brand-links>button:not(.signup-outline)):active:where(:not(:disabled,[aria-disabled="true"])){opacity:.6}
/* All hover selectors also require mouse input. Pointer Events disable hover before
   touch/pen activation, including on hybrid laptops; native :active:where(:not(:disabled,[aria-disabled="true"])) handles release/cancel. */
@media(hover:hover) and (pointer:fine){
 #bybre-profile .portfolio:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){animation:none}
 #bybre-profile .links>.glass:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:var(--circle-hover)}
 #bybre-profile :is(.followers,.verified-badge,.more):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:rgb(255 255 255 / 20%)}
 #bybre-profile .links .more:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){opacity:1}
 #bybre-profile :is(.followers,.more):active:where(:not(:disabled,[aria-disabled="true"])){background-color:rgb(255 255 255 / 28%);opacity:1}
 #bybre-profile .verified-badge:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:rgb(255 255 255 / 26%)}
 #bybre-profile .verified-badge:active:where(:not(:disabled,[aria-disabled="true"])){background-color:rgb(255 255 255 / 32%)}
 #bybre-profile .socials a:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){transform:scale(1.075)}
 #bybre-profile .socials a:active:where(:not(:disabled,[aria-disabled="true"])){transform:scale(.95)}
 :is(#panel.profile-sheet,#panel.share-sheet,#panel.brand-sheet,#panel) :is(.action,.join-primary,.join-secondary,.claim-button,.outline,.signup-outline,.discovery-chip,.explore-card):not(:disabled):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *),.property-dialog .property-contact:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:color-mix(in srgb,var(--action-rest) 93%,var(--action-ink) 7%)}
 :is(#panel.profile-sheet,#panel.share-sheet,#panel.brand-sheet,#panel) :is(.action,.join-primary,.join-secondary,.claim-button,.outline,.signup-outline,.discovery-chip,.explore-card):not(:disabled):active:where(:not(:disabled,[aria-disabled="true"])),.property-dialog .property-contact:active:where(:not(:disabled,[aria-disabled="true"])){background-color:color-mix(in srgb,var(--action-rest) 86%,var(--action-ink) 14%)}
 #panel :is(.menu-row,.share-report,summary,.detail-list a):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:#f3f3f1}
 #panel :is(.menu-row,.share-report,summary,.detail-list a):active:where(:not(:disabled,[aria-disabled="true"])){background-color:#e8e8e5}
 #panel .share-option:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){filter:brightness(.93);opacity:1}
 #panel .share-option:active:where(:not(:disabled,[aria-disabled="true"])){filter:brightness(.86)}
 #panel .share-link-preview:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){filter:brightness(.93)}
 #panel .share-link-preview:active:where(:not(:disabled,[aria-disabled="true"])){filter:brightness(.86)}
 #panel .share-carousel .share-scroll:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background:#f3f3f1}
 #panel .share-carousel .share-scroll:active:where(:not(:disabled,[aria-disabled="true"])){background:#e8e8e5}
 #panel :is(.verified-learn,.brand-links>button:not(.signup-outline)):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){opacity:.75}
 #panel :is(.verified-learn,.brand-links>button:not(.signup-outline)):active:where(:not(:disabled,[aria-disabled="true"])){opacity:.6}
 #panel .close:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *),.property-dialog .property-close:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background:transparent;opacity:.65}
 #bybre-profile :is(footer button,.agency a):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *),#panel :is(.verified-learn,.brand-links>button:not(.signup-outline)):hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){text-decoration:underline;text-underline-offset:3px}
}
/* Visible keyboard focus is a state of the actual clickable element, including
   inner links of glass cards and controls whose circular clip hides outer outlines. */
:is(#bybre-profile,#panel,.property-dialog,#listing-viewer) :is(button,a[href],summary):focus-visible:not(.swipe-intro,.main-link,.featured-link,.icon-button,.listing-glass,.more,.share-option,.share-scroll,.close,.property-close){outline:2px solid var(--focus-ink,currentColor);outline-offset:2px}
:is(#bybre-profile .topbar .icon-button,#bybre-profile .more,#listing-viewer button.listing-glass,#listing-viewer a.listing-glass,#listing-viewer .viewer-navigation button,#panel .share-option,#panel .share-scroll,#panel .close,.property-dialog .property-close):focus-visible:not(:disabled){outline:none;box-shadow:inset 0 0 0 2px currentColor}
#bybre-profile .links :is(.main-link,.featured-link):focus-visible{outline:none;box-shadow:none}
#panel,.property-dialog{--focus-ink:#000}
#panel.brand-sheet{--focus-ink:#254f1a}
/* Native disabled buttons retain their semantics and do not animate or react. */
:is(#bybre-profile,#panel,.property-dialog,#listing-viewer) :is(button,a[href]):is(:disabled,[aria-disabled=true]){opacity:.4;cursor:default;scale:1;filter:none;transition:none}
#listing-viewer .viewer-navigation button:disabled{opacity:1;background-color:var(--circle-fill);scale:1}
#listing-viewer .viewer-navigation button:disabled:before{opacity:.3}
#listing-viewer .listing-counter:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *){background-color:var(--circle-fill)}
@media(prefers-reduced-motion:reduce){
 :is(#bybre-profile,#panel,.property-dialog,#listing-viewer) :is(button,a[href],summary),#bybre-profile .links>.glass{transition:none!important;scale:1!important}
 #bybre-profile .socials a:hover:where(:not(:disabled,[aria-disabled="true"])):where(html:not([data-input="touch"]) *),#bybre-profile .socials a:active:where(:not(:disabled,[aria-disabled="true"])){transform:none}
}