/* Public Watch shell: guest controls are separate from member navigation. */
.watch-more-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:32px;padding:5px;background:transparent;border:0;color:inherit;cursor:pointer;border-radius:4px;flex:none}
.watch-more-toggle svg{width:22px;height:22px;fill:currentColor}
.watch-more-toggle:hover,.topbar .profile-button:hover{background:#343438}
.watch-auth-links{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none;font:600 13px/1 Arial,sans-serif}
.watch-auth-links a{display:flex;align-items:center;justify-content:center;height:30px;padding:0 13px;border-radius:4px;text-decoration:none;white-space:nowrap}
.watch-login{background:#323237;color:#efeff1}.watch-login:hover{background:#44444b}
.watch-signup{background:#ffd000;color:#0e0e10}.watch-signup:hover{background:#ffe04d}
.topbar .watch-auth-links:not([hidden])~.profile-button{margin-left:0}
.watch-popover{position:fixed;top:calc(var(--header) + 5px);z-index:1300;width:220px;padding:8px;border-radius:6px;background:#18181b;color:#efeff1;box-shadow:0 4px 18px #0008;font:14px/1.4 Arial,sans-serif}
.watch-guest-menu{right:10px}.watch-more-menu{left:208px}
.watch-menu-heading{margin:8px 9px 12px;color:#adadb8;font-size:12px;font-weight:700;letter-spacing:.05em}
.watch-popover>a,.watch-popover>button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:inherit;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.watch-popover>a:hover,.watch-popover>button:hover{background:#323237}
.watch-popover svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.watch-menu-divider{height:1px;margin:8px 4px;background:#ffffff22}
.watch-theme-switch{margin-left:auto;width:32px;height:18px;display:block;border:2px solid #ffd000;border-radius:20px;position:relative}
.watch-theme-switch:after{content:"";position:absolute;top:2px;left:16px;width:10px;height:10px;border-radius:50%;background:#ffd000;transition:left .15s}
[aria-checked=false] .watch-theme-switch{border-color:#676773}
[aria-checked=false] .watch-theme-switch:after{left:2px;background:#676773}
.watch-join-strip{position:fixed;inset:auto 0 0;z-index:850;min-height:58px;background:#ffd000;color:#111;display:flex;align-items:center;gap:14px;padding:9px 22px;box-sizing:border-box}
.watch-join-strip img{width:40px;height:40px;object-fit:contain}
.watch-join-strip p{display:flex;gap:16px;align-items:baseline;margin:0;font:16px/1.35 Arial,sans-serif}
.watch-join-strip strong{font-size:19px}.watch-join-strip a{margin-left:auto;padding:9px 16px;border-radius:4px;background:#fff;color:#141417;font:700 13px/1 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.watch-join-strip a:hover{background:#efeff1}
.watch-more-toggle:focus-visible,.watch-popover :focus-visible,.watch-auth-links a:focus-visible,.watch-join-strip a:focus-visible{outline:2px solid #a970ff;outline-offset:3px}
body[data-watch-auth=guest] #main{padding-bottom:90px}
body[data-watch-auth=guest] .sidebar{bottom:58px}
body.xfg-profile-active .watch-join-strip{display:none}
@media(min-width:761px){
 body[data-watch-auth=guest] .top-tabs [data-mode=following],
 body[data-watch-auth=loading] .top-tabs [data-mode=following],
 body[data-watch-auth=guest] [data-watch-member],
 body[data-watch-auth=loading] [data-watch-member]{display:none!important}
 .topbar{gap:18px}
 .topbar>.search{left:50%;width:clamp(240px,30vw,400px)}
 body[data-watch-auth=member] .watch-more-menu{left:310px}
}
@media(min-width:761px) and (max-width:1000px){
 .topbar{gap:10px;padding-inline:12px}
 .topbar>.search{left:50%;width:25vw;min-width:190px}
 .topbar .brand-wordmark{width:115px}
 .watch-auth-links a{padding-inline:10px}
 .watch-more-menu{left:180px}
 body[data-watch-auth=member] .topbar>.search{left:58%;width:24vw}
}
@media(max-width:760px){
 .watch-more-toggle,.watch-auth-links{display:none!important}
 .watch-join-strip{bottom:calc(56px + env(safe-area-inset-bottom));min-height:48px;padding:8px 12px;gap:8px}
 .watch-join-strip img{width:28px;height:28px}
 .watch-join-strip strong{font-size:13px}.watch-join-strip p>span{display:none}
 .watch-join-strip a{padding:8px 12px;font-size:12px}
 body[data-watch-auth=guest] #main{padding-bottom:calc(128px + env(safe-area-inset-bottom))}
}
body[data-watch-theme=light]{color-scheme:light;--bg:#f7f7f8;--panel:#fff;--rail:#efeff1;--line:#d2d2d7;--text:#18181b;--muted:#53535f;background:#f7f7f8;color:#18181b}
body[data-watch-theme=light] .topbar,body[data-watch-theme=light] .watch-popover{background:#fff;color:#18181b}
body[data-watch-theme=light] .topbar{box-shadow:0 1px 2px #0002}
body[data-watch-theme=light] .sidebar{background:#efeff1;color:#18181b}
body[data-watch-theme=light] #main{background:#f7f7f8;color:#18181b}
body[data-watch-theme=light] .topbar .brand-wordmark{filter:brightness(0)}
body[data-watch-theme=light] .top-tabs button,body[data-watch-theme=light] .profile-button,body[data-watch-theme=light] .sidebar .side-heading h2,body[data-watch-theme=light] .sidebar .creator strong,body[data-watch-theme=light] .sidebar .side-home,body[data-watch-theme=light] .sidebar-top{color:#18181b}
body[data-watch-theme=light] .search,body[data-watch-theme=light] .directory-search{background:#fff;border-color:#898995;color:#18181b}
body[data-watch-theme=light] .search input,body[data-watch-theme=light] .directory-search input{color:#18181b}
body[data-watch-theme=light] .watch-login,body[data-watch-theme=light] .watch-more-toggle:hover,body[data-watch-theme=light] .profile-button:hover,body[data-watch-theme=light] .watch-popover>a:hover,body[data-watch-theme=light] .watch-popover>button:hover{background:#e8e8ec;color:#18181b}
body[data-watch-theme=light] .watch-menu-divider{background:#0002}
body[data-watch-theme=light] .watch-menu-heading,body[data-watch-theme=light] .sidebar-hint,body[data-watch-theme=light] .following-note,body[data-watch-theme=light] .result-count,body[data-watch-theme=light] .clips-empty,body[data-watch-theme=light] .sidebar .creator small{color:#53535f}
body[data-watch-theme=light] .filters button,body[data-watch-theme=light] .directory-sort select,body[data-watch-theme=light] .row-expand button{background:#e8e8ec;color:#18181b}
body[data-watch-theme=light] .filters button.selected{background:#ffd000;color:#111}
body[data-watch-theme=light] .channel-card h3,body[data-watch-theme=light] .game-card h3,body[data-watch-theme=light] .section-heading h2{color:#18181b}
body[data-watch-theme=light] .directory-tabs,body[data-watch-theme=light] .following-tabs,body[data-watch-theme=light] .category-tabs{border-color:#d2d2d7}
body[data-watch-theme=light] .directory-tabs button,body[data-watch-theme=light] .following-tabs button,body[data-watch-theme=light] .category-tabs button{color:#53535f}
body[data-watch-theme=light] .mobile-nav,body[data-watch-theme=light] .mobile-feed-tabs{background:#fff;color:#18181b}
body[data-watch-theme=light] .side-home:hover,body[data-watch-theme=light] .creator:hover{background:#dedee3}

@media(min-width:761px){body[data-watch-auth=unknown] .top-tabs [data-mode=following],body[data-watch-auth=unknown] [data-watch-member]{display:none!important}}
body{--watch-guest-bar-height:0px}body[data-watch-auth=guest]{--watch-guest-bar-height:58px}
@media(max-width:760px){body[data-watch-auth=guest]{--watch-guest-bar-height:48px}}

/* Append after watch-guest.css. Match the real Watch classes; artwork/player
   layers remain dark while navigation, metadata and account panels turn light. */
body[data-watch-theme=light]{--watch-light-link:#755900;--watch-light-hover:#e4e4e9}
body[data-watch-theme=light] :is(.sidebar,.mobile-nav){border-color:var(--line)}
body[data-watch-theme=light] :is(.side-creator,.side-category,.sidebar-bottom strong,.platform-names,.card-title,.recent-title,.game-card strong,.directory-grid .game-card strong,.activity-copy strong,.mobile-nav>button,.mobile-nav>a,.mobile-feed-tabs button){color:var(--text)}
body[data-watch-theme=light] :is(.side-creator small,.sidebar-bottom,.game-card small,.directory-grid .game-card small,.card-info p,.card-info small,.recent-creator,.recent-provider,.section-heading>span,.eyebrow,.empty-feature p,.activity-copy>span,.activity-copy small,.activity-open){color:var(--muted)}
body[data-watch-theme=light] :is(.side-creator:hover,.side-category:hover,.side-native:hover,.activity-item:hover,.icon-button:hover){background:var(--watch-light-hover)}
body[data-watch-theme=light] :is(.sidebar .side-home.active,.sidebar .side-home[aria-current=page],.side-category[aria-pressed=true],.side-native small,.top-tabs button.active,.directory-tabs button[aria-selected=true],.following-tabs button[aria-selected=true],.category-tabs button[aria-selected=true],.mobile-feed-tabs button[aria-selected=true],.mobile-nav>.active,.mobile-nav>[aria-pressed=true],.mobile-nav>[aria-current=page],.text-button){color:var(--watch-light-link)}
body[data-watch-theme=light] :is(.card-title:hover,.game-card:hover strong,.directory-grid .game-card:hover strong,.activity-item:hover .activity-copy strong,.activity-item:hover .activity-open){color:var(--watch-light-link)}
body[data-watch-theme=light] :is(.search svg,.directory-search svg,.search input::placeholder,.directory-search input::placeholder){color:var(--muted);opacity:1}
body[data-watch-theme=light] .search kbd{color:var(--muted);border-color:#a6a6b0}
body[data-watch-theme=light].mobile-search-open .topbar>.search{background:#fff}
body[data-watch-theme=light] :is(.search:focus-within,.directory-search:focus-within){border-color:var(--watch-light-link);box-shadow:0 0 0 1px var(--watch-light-link)}
body[data-watch-theme=light] .filter-divider{background:var(--line)}
body[data-watch-theme=light] .filters button{border-color:#b5b5c0}
body[data-watch-theme=light] .filters button:hover{background:var(--watch-light-hover)}
body[data-watch-theme=light] .filters button.selected{background:var(--yellow);color:#18181b;border-color:var(--yellow)}
body[data-watch-theme=light] :is(.feature-face,.feature-details){background:#fff;color:var(--text)}
body[data-watch-theme=light] .feature-face{box-shadow:0 3px 12px #0002}
body[data-watch-theme=light] .feature-identity h2{color:var(--watch-light-link)}
body[data-watch-theme=light] :is(.feature-identity p,.feature-details>p){color:var(--muted)}
body[data-watch-theme=light] :is(.feature-details>h3,.feature-details .provider){color:var(--text)}
body[data-watch-theme=light] .spotlight-section{background:#f7f7f8}
body[data-watch-theme=light] :is(.follow-button,.secondary-button){border-color:#a5a5af;color:var(--text)}
body[data-watch-theme=light] :is(.follow-button:hover,.secondary-button:hover){background:var(--watch-light-hover)}
body[data-watch-theme=light] .follow-button.is-following{color:var(--watch-light-link);border-color:var(--watch-light-link)}
body[data-watch-theme=light] .quick-follow{color:var(--muted)}
body[data-watch-theme=light] .quick-follow[aria-pressed=true]{color:var(--watch-light-link)}
body[data-watch-theme=light] :is(.directory-empty,.category-empty,.empty-state,.clips-empty,.feed-notice,.mobile-clips-empty,#clips-empty){background:#efeff1;border-color:var(--line);color:var(--muted)}
body[data-watch-theme=light] :is(.directory-empty h2,.directory-empty h3,.empty-state h3,.mobile-clips-empty h2){color:var(--text)}
body[data-watch-theme=light] .empty-state p{color:var(--muted)}
body[data-watch-theme=light] .activity-list .activity-item{border-color:var(--line)}
body[data-watch-theme=light] .activity-view .directory-empty{background:none;border:0}

/* Profile/settings surfaces are contained in the existing profile component. */
body[data-watch-theme=light] :is(.xwp-profile,.xwp-settings,.xwp-settings-header,.xwp-tabs){background:var(--bg);color:var(--text)}
body[data-watch-theme=light] :is(.xwp-feature-copy,.xwp-picture-card,.xwp-profile-form,.xwp-avatar-picker,.xwp-filter-sheet){background:#fff;color:var(--text);border-color:var(--line)}
body[data-watch-theme=light] :is(.xwp-identity p,.xwp-empty p,.xwp-about p,.xwp-channel-row small,.xwp-clip-caption>small,.xwp-private-note,.xwp-settings-row small,.xwp-settings-footer p,.xwp-connections-intro small,.xwp-connection-heading p,.xwp-sharing-state,.xwp-connection-help,.xwp-edit-description,.xwp-picture-card p,.xwp-feature-eyebrow,.xwp-feature-copy p,.xwp-filter-label,.xwp-filter-note){color:var(--muted)}
body[data-watch-theme=light] :is(.xwp-channel-row,.xwp-settings-group,.xwp-desktop-settings-tabs,.xwp-connections-intro,.xwp-connection,.xwp-connection-notice,.xwp-edit-field,.xwp-avatar-choice,.xwp-filter-note){border-color:var(--line)}
body[data-watch-theme=light] :is(.xwp-secondary,.xwp-edit-save){background:#e8e8ec;color:var(--text);border-color:var(--line)}
body[data-watch-theme=light] .xwp-secondary:hover{background:var(--watch-light-hover)}
body[data-watch-theme=light] .xwp-profile :is(.xwp-settings-row:hover,button.xwp-settings-row:hover){background:var(--watch-light-hover)}
body[data-watch-theme=light] .xwp-avatar{background:#e8e8ec;color:var(--muted);border-color:var(--bg)}
body[data-watch-theme=light] .xwp-edit-field :is(input,textarea){background:#fff;color:var(--text);border-color:#898995}
body[data-watch-theme=light] .xwp-avatar-choice:has(input:checked){background:#fff5c2;border-color:var(--watch-light-link)}
body[data-watch-theme=light] :is(.xwp-tab[aria-selected=true],.xwp-settings-tab[aria-current=page],.xwp-filter-choice>svg){color:var(--watch-light-link)}
body[data-watch-theme=light] .xwp-settings-tab[aria-current=page]{border-bottom-color:var(--watch-light-link)}
body[data-watch-theme=light] .xwp-profile :is(.xwp-text-button,.xwp-text-link){color:var(--watch-light-link)!important}
body[data-watch-theme=light] .xwp-sheet-handle{background:#7d7d88}
body[data-watch-theme=light] .xwp-profile .xwp-primary{background:var(--yellow);color:#18181b}

/* The new channel shell follows the theme; embedded video and notices do not. */
body[data-watch-theme=light] .watch-channel-viewer{background:var(--bg);color:var(--text)}
body[data-watch-theme=light] :is(.wcv-toolbar,.wcv-details){background:#efeff1;border-color:var(--line)}
body[data-watch-theme=light] :is(.wcv-toolbar button,.wcv-creator,.wcv-title,.wcv-mini-caption){color:var(--text)}
body[data-watch-theme=light] :is(.wcv-provider,.wcv-details p){color:var(--muted)}
body[data-watch-theme=light] .wcv-category{color:var(--watch-light-link)}
body[data-watch-theme=light] .wcv-toolbar button:hover{background:var(--watch-light-hover)}
body[data-watch-theme=light].watch-channel-mini #watch-channel-viewer{border-color:var(--line);box-shadow:0 5px 24px #0003}
body[data-watch-theme=light] :is(.wcv-stage,.wcv-notice){background:#000;color:#fff}
body[data-watch-theme=light] .wcv-notice p{color:#adadb8}

/* Do not recolor photographs, artwork, embeds or their overlaid controls. */
body[data-watch-theme=light] :is(.feature-media,.deck-neighbor,.deck-caption,.clip-card,.image-provider,.feature-art-label,.mobile-clip-card,.mobile-clip-meta,.mobile-clip-actions,.xwp-feature-media,.xwp-feature-play,.xwp-clip,.xwp-duration,.xwp-banner,.xwp-gear,.xwp-edit-link){color:#fff}
body[data-watch-theme=light] .xwp-clip .xwp-clip-caption>small{color:#dedee4}
body[data-watch-theme=light] :is(.card-image,.recent-image,.feature-media,.mobile-media-wrap,.mobile-clip-card,.xwp-feature-media,.xwp-clip-media){background:#0e0e10}

@media(max-width:760px){
 body[data-watch-theme=light] .card-info p{color:var(--text)}
 body[data-watch-theme=light] .card-info .quick-follow{background:var(--yellow);color:#18181b}
 body[data-watch-theme=light] .card-info .quick-follow[aria-pressed=true]{background:#e8e8ec;color:var(--text)}
 body[data-watch-theme=light] .following-channel-list .card-info .quick-follow{background:none;color:var(--watch-light-link)}
 body[data-watch-theme=light] .mobile-nav-create>svg{background:#e8e8ec}
 body[data-watch-theme=light] #mobile-followed-row .side-creator{background:#e8e8ec}
 body[data-watch-theme=light][data-watch-view=home][data-home-tab=clips] #mobile-game-filters{background:var(--bg)}
 body[data-watch-theme=light] #mobile-game-filters>button{background:#e8e8ec;color:var(--text)}
 body[data-watch-theme=light] #mobile-game-filters>button:is(.active,[aria-pressed=true]){background:var(--yellow);color:#18181b}
}

/* Signed-in menu stays anchored to the desktop avatar. */
.watch-member-menu{right:10px;width:220px;max-height:calc(100dvh - var(--header) - 20px);overflow-y:auto;overscroll-behavior:contain;background:#323239;padding:6px;border-radius:4px}
.watch-member-identity{display:flex;align-items:center;gap:8px;padding:5px 3px 7px;min-height:42px}
.watch-member-identity strong{font:600 13px/1.3 Arial,sans-serif;overflow-wrap:anywhere;min-width:0}
#watch-member-avatar{display:grid;place-items:center;width:30px;height:30px;flex:none;overflow:hidden;border-radius:50%;background:transparent;color:#fff}
#watch-member-avatar>img{width:100%;height:100%;object-fit:cover}
#watch-member-avatar>svg{width:22px;height:22px}
.watch-member-menu>:is(a,button){min-height:30px;padding:6px 5px;gap:7px;font-size:13px;line-height:18px}
.watch-member-menu>:is(a,button)>svg{width:16px;height:16px;stroke-width:1.5;stroke-linejoin:miter;stroke-linecap:butt}
.watch-member-menu>:is(a,button):hover{background:#494950}
.watch-member-menu .watch-menu-divider{margin:5px 2px;background:#ffffff18}
.watch-member-menu .watch-theme-switch{width:30px;height:16px;flex:none}
.watch-member-menu .watch-theme-switch:after{top:1px;left:15px;width:10px;height:10px}
.watch-member-menu [aria-checked=false] .watch-theme-switch:after{left:1px}
body[data-watch-theme=light] .watch-member-menu{background:#fff;color:#18181b}
body[data-watch-theme=light] .watch-member-menu>:is(a,button):hover{background:#e8e8ec}
body[data-watch-theme=light] .watch-member-menu .watch-menu-divider{background:#0002}
#watch-member-status{margin:8px 10px;font-size:12px;color:#ffb8b8;line-height:1.5}
#watch-member-status a{display:block;color:inherit;text-decoration:underline}
.watch-member-menu button:disabled{opacity:.6;cursor:wait}
body[data-watch-theme=light] #watch-member-status{color:#9b1c1c}


/* Keep guest navigation glyphs plain; only member avatars use a circle. */
@media(min-width:761px){
 body:is([data-watch-auth=guest],[data-watch-auth=loading],[data-watch-auth=unknown]) .topbar .profile-button{border:0;border-radius:4px;width:30px;height:30px;background:transparent}
 body:is([data-watch-auth=guest],[data-watch-auth=loading],[data-watch-auth=unknown]) .topbar .profile-button svg{width:20px;height:20px}
 body:is([data-watch-auth=guest],[data-watch-auth=loading],[data-watch-auth=unknown]) .topbar .profile-button:hover{background:#343438}
 body[data-watch-theme=light]:is([data-watch-auth=guest],[data-watch-auth=loading],[data-watch-auth=unknown]) .topbar .profile-button:hover{background:#e8e8ec}
}

/* Reference header: one search field with its action on the right. */
.topbar>.search{padding:0;gap:0;overflow:hidden}
.topbar>.search>input{height:100%;padding:0 10px}
.watch-search-submit{width:34px;height:100%;display:grid;place-items:center;flex:none;background:#2f2f35;border-radius:0 4px 4px 0}
.watch-search-submit:hover{background:#44444b}
.watch-search-submit svg{width:20px;height:20px;color:#efeff1}
@media(min-width:761px){
 .topbar>.search{width:clamp(190px,27vw,350px);max-width:350px;border-radius:4px}
 .topbar .profile-button{border:0}
 body[data-watch-auth=member] .topbar .profile-button{background:#594700;color:#fff}
 body[data-watch-auth=member] .topbar .profile-button>svg{width:22px;height:22px}
 #channels{border-bottom:0}
}
body[data-watch-theme=light] .watch-search-submit{background:#e8e8ec}
body[data-watch-theme=light] .watch-search-submit svg{color:#18181b}
@media(min-width:761px) and (max-width:1000px){.topbar>.search{width:23vw;left:56%}}

/* Only the fallback silhouette gets the reference purple disc; chosen artwork stays unchanged. */
@media(min-width:761px){
 body[data-watch-auth=member] .topbar .profile-button[data-watch-avatar-kind=fallback]{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#542078,#35134e);color:#fff}
 body[data-watch-auth=member] .topbar .profile-button[data-watch-avatar-kind=image]{background:transparent}
 .topbar .profile-button[data-watch-avatar-kind=fallback]>.watch-avatar-fallback{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
}
#watch-member-avatar[data-watch-avatar-kind=fallback]{background:radial-gradient(circle at 40% 35%,#542078,#35134e);color:#fff}
#watch-member-avatar[data-watch-avatar-kind=image]{background:transparent}
#watch-member-avatar>.watch-avatar-fallback{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

/* Member avatar: reserve a real hit target instead of shrinking the image with button padding. */
@media(min-width:761px){
 body[data-watch-auth=member] .topbar{padding-right:16px}
 body[data-watch-auth=member] .topbar .profile-button,
 body[data-watch-auth=member] .topbar .profile-button[data-watch-avatar-kind]{position:relative;display:grid;place-items:center;box-sizing:border-box;flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;margin-left:auto;margin-right:0;padding:0;border:0;border-radius:5px;overflow:visible;background:transparent;line-height:1}
 body[data-watch-auth=member] .topbar .profile-button:hover{background:#303036}
 body[data-watch-auth=member] .topbar .profile-button>img{display:block;position:relative;width:30px;height:30px;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;border:0;border-radius:50%;background:transparent}
 body[data-watch-auth=member] .topbar .profile-button[data-watch-avatar-kind=fallback]::before{content:'';position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#542078,#35134e);pointer-events:none}
 body[data-watch-auth=member] .topbar .profile-button[data-watch-avatar-kind=fallback]>.watch-avatar-fallback{position:relative;width:22px;height:22px;margin:0;padding:0;color:#fff;fill:none;stroke:currentColor;stroke-width:2.1}
 body[data-watch-theme=light][data-watch-auth=member] .topbar .profile-button:hover{background:#e8e8ec}
}
/* Functional XFG destinations retain the compact reference menu proportions. */
.watch-member-menu{top:calc(var(--header) - 8px);right:8px;width:200px;max-width:calc(100vw - 16px);padding:8px;border-radius:4px;background:#323239;box-shadow:0 4px 16px #0006}
.watch-member-identity{min-height:56px;gap:10px;padding:4px 8px 8px}
.watch-member-identity strong{font:700 14px/1.4 Arial,sans-serif;overflow-wrap:anywhere}
#watch-member-avatar{width:40px;height:40px;flex:0 0 40px;margin:0;padding:0}
#watch-member-avatar>img{width:40px;height:40px;max-width:none;max-height:none;object-fit:contain;object-position:center;background:transparent}
#watch-member-avatar>.watch-avatar-fallback{width:28px;height:28px}
.watch-member-menu>:is(a,button){min-height:32px;padding:6px 8px;gap:8px;font:400 14px/20px Arial,sans-serif;border-radius:4px}
.watch-member-menu>:is(a,button)>svg{width:20px;height:20px;flex:0 0 20px;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.watch-member-menu .watch-menu-divider{height:1px;margin:8px 4px;background:#ffffff21}
.watch-member-menu .watch-theme-switch{width:32px;height:18px;flex:0 0 32px}
.watch-member-menu .watch-theme-switch:after{top:2px;left:16px;width:10px;height:10px}
.watch-member-menu [aria-checked=false] .watch-theme-switch:after{left:2px}
.watch-member-menu :focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}

@media(min-width:761px){.watch-member-menu{right:16px}}