/* Scoped introduction UI, using the current shared DeskTheme tokens. */
.friend-sheet { background: var(--yd-reference-panel); color: var(--yd-ink); }
.friend-sheet [hidden] { display: none !important; }
.friend-sheet .playlist-share-header h2, .friend-sheet h3 { color: var(--yd-ink); font-family: var(--handwritten); }
.friend-sheet h3 { text-align: center; margin: 22px 0; }
.friend-sheet .friend-description { color: var(--yd-light-ink); font: 20px/1.4 var(--serif); }
.friend-sheet .friend-identity { margin: 28px 0; padding: 20px 0; border-block: 1px solid var(--yd-tool-border); }
.friend-sheet .people-name { color: var(--yd-ink); }
.friend-sheet .people-avatar { width: 64px; height: 64px; flex-basis: 64px; background: var(--yd-coral); color: var(--yd-avatar-ink); border: 0; font: 25px var(--serif); }
.friend-sheet .friend-portrait { flex-direction: column; margin: 28px 0 12px; text-align: center; }
.friend-sheet .friend-portrait .people-avatar { width: 96px; height: 96px; flex-basis: 96px; font-size: 35px; }
.friend-sheet .friend-primary { width: 100%; min-height: 52px; padding: 12px 20px; border: 0; border-radius: 30px; background: var(--yd-player-control-fill); color: var(--yd-player-control-ink); font: 600 20px var(--serif); cursor: pointer; }
.friend-sheet .friend-primary:disabled { cursor: default; }
.friend-sheet .friend-helper { color: var(--yd-light-ink); font: 17px/1.4 var(--serif); text-align: center; margin: 12px 0 26px; }
.friend-sheet .friend-secondary { display: block; text-align: center; min-height: 44px; padding: 12px 0; border: 0; background: transparent; color: var(--yd-ink); font: 17px var(--serif); cursor: pointer; }
.friend-sheet .friend-lookup label { color: var(--yd-ink); font: 20px var(--serif); }
.friend-sheet input { background: var(--yd-reference-search-fill); color: var(--yd-ink); border-color: var(--yd-tool-border); }
.friend-sheet input::placeholder { color: var(--yd-light-ink); opacity: 1; }
.friend-sheet .friend-status { color: var(--yd-light-ink); font: 16px/1.4 var(--serif); }