@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakhFaNum-Regular.woff2) format("woff2"),url(/fonts/YekanBakhFaNum-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakhFaNum-SemiBold.woff2) format("woff2"),url(/fonts/YekanBakhFaNum-SemiBold.woff) format("woff");font-weight:500 600;font-display:swap}@font-face{font-family:Yekan Bakh FaNum;src:url(/fonts/YekanBakhFaNum-Bold.woff2) format("woff2"),url(/fonts/YekanBakhFaNum-Bold.woff) format("woff");font-weight:700;font-display:swap}:root{color-scheme:dark;--yb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--yb-ease-out:cubic-bezier(0.16,1,0.3,1);--yb-safe-top:env(safe-area-inset-top,0px);--yb-safe-bottom:env(safe-area-inset-bottom,0px)}:root:lang(fa){--yb-font:"Yekan Bakh FaNum",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.shell{--yb-top-inset:calc(var(--yb-safe-top) + var(--yb-space-16));--yb-bottom-inset:calc(var(--yb-safe-bottom) + var(--yb-space-24))}.shell:has(.tab-bar){--yb-bottom-inset:calc(max(var(--yb-safe-bottom), var(--yb-dock-gap)) + var(--yb-tab-bar-height) + var(--yb-dock-gap) + var(--yb-space-24))}.shell:has(.tab-bar):has(.mini-player){--yb-bottom-inset:calc(max(var(--yb-safe-bottom), var(--yb-dock-gap)) + var(--yb-tab-bar-height) + var(--yb-dock-gap) + var(--yb-mini-player-height) + var(--yb-mini-player-gap) + var(--yb-space-24))}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--yb-text-primary)}html{background:var(--yb-background)}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--yb-gradient-canvas);background-repeat:no-repeat;pointer-events:none}body{min-height:100vh;font-family:var(--yb-font);font-size:var(--yb-type-body);line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;padding:0;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--yb-primary);outline-offset:2px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--yb-primary)}.icon{display:block;flex:none}.icon[data-icon=heart-fill] path{stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.toggle-label{display:inline-grid;justify-items:center;white-space:nowrap}.toggle-label>*{grid-area:1/1}.toggle-label__idle{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--yb-text-secondary)}.error{color:var(--yb-danger)}.spinner{width:16px;height:16px;border:2px solid var(--yb-glass-border);border-top-color:var(--yb-text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.glass-surface{background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-lg)}.button.button--ghost,.chip,.glass-button,.mini-player,.play-button,.tab-bar{background:var(--yb-glass);border:1px solid var(--yb-glass-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);color:var(--yb-text-primary)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.button.button--ghost,.chip,.glass-button,.play-button{background:var(--yb-surface-elevated)}.mini-player,.tab-bar{background:var(--yb-tab-bar-surface)}}.glass-button{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--yb-icon-button-size);height:var(--yb-icon-button-size);border-radius:50%;transition:background .18s ease,transform .18s ease}.glass-button:hover{background:var(--yb-glass-strong)}.glass-button:active{transform:scale(.94)}.glass-button__badge{position:absolute;top:-5px;inset-inline-end:3px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--yb-danger);color:var(--yb-on-primary);font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-bold);line-height:1}.play-button{display:inline-grid;place-items:center;flex:none;border-radius:50%;transition:background .18s ease,transform .18s ease}.play-button--sm{width:var(--yb-play-button-sm);height:var(--yb-play-button-sm)}.play-button--lg{width:var(--yb-play-button-lg);height:var(--yb-play-button-lg)}.play-button:hover:not(:disabled){background:var(--yb-glass-strong)}.play-button:active:not(:disabled){transform:scale(.94)}.play-button--playing,.play-button--playing:hover:not(:disabled){background:var(--yb-playing-glass-tint);color:var(--yb-on-primary)}.play-button--playing:active:not(:disabled){background:var(--yb-playing-glass-tint-pressed)}.chip{display:inline-flex;align-items:center;flex:none;height:var(--yb-chip-height);padding:0 var(--yb-space-18);border-radius:var(--yb-radius-pill);font-size:var(--yb-type-body-small);white-space:nowrap;transition:background .18s ease,transform .18s ease}.chip:hover{background:var(--yb-glass-strong)}.chip:active{transform:scale(.97)}.chip:focus-visible{outline-color:var(--yb-text-primary)}.chip--active,.chip--active:hover{background:var(--yb-chip-selected);border-color:var(--yb-chip-selected-border);color:var(--yb-on-primary);font-weight:var(--yb-weight-medium)}.chip--custom{gap:var(--yb-space-6);border-style:dashed;border-color:color-mix(in srgb,var(--yb-primary) 55%,var(--yb-text-primary));color:color-mix(in srgb,var(--yb-primary) 35%,var(--yb-text-primary));font-weight:var(--yb-weight-medium)}.chip--custom:hover:not(:disabled){border-style:solid}.chip--removable{gap:var(--yb-space-8);-webkit-padding-end:var(--yb-space-6);padding-inline-end:var(--yb-space-6)}.chip__remove{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.22);transition:background .18s ease}.chip__remove .icon path{stroke-width:3}.chip--removable:hover:not(:disabled) .chip__remove{background:rgba(255,255,255,.36)}.chip--static{cursor:default}.chip-strip,.row-scroll{display:flex;gap:var(--yb-space-8);overflow-x:auto;margin-inline:calc(-1 * var(--yb-space-16));padding:2px var(--yb-space-16);scrollbar-width:none}.chip-strip::-webkit-scrollbar,.row-scroll::-webkit-scrollbar{display:none}.chip-strip{padding-block:4px;margin-top:-2px;margin-bottom:calc(var(--yb-space-8) - 2px)}.row-scroll{gap:var(--yb-space-12)}.chips{display:flex;flex-wrap:wrap;gap:var(--yb-space-8);margin-bottom:var(--yb-space-16)}.chips--flush{margin-bottom:0}.chips--tabs{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--yb-space-16));margin-bottom:var(--yb-space-24);padding:2px var(--yb-space-16);scrollbar-width:none}.chips--tabs::-webkit-scrollbar{display:none}.button{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:6px;height:var(--yb-button-height-md);padding:0 var(--yb-space-14);background:var(--yb-primary);color:var(--yb-text-inverse);border-radius:var(--yb-radius-md);font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);white-space:nowrap;transition:background .18s ease,transform .18s ease}.button:hover:not(:disabled){background:var(--yb-primary-pressed)}.button:active:not(:disabled){transform:scale(.97)}.button:disabled:not(.button--ghost){opacity:1;background:var(--yb-glass);box-shadow:inset 0 0 0 1px var(--yb-glass-border);color:var(--yb-text-tertiary)}.button.button--ghost:hover:not(:disabled){background:var(--yb-glass-strong)}.button--ghost.is-active,.button.button--ghost.is-active:hover:not(:disabled){background:var(--yb-playing-glass-tint);border-color:rgba(255,255,255,.28);color:var(--yb-on-primary)}.button--ghost.is-active .icon--like{color:var(--yb-like)}.button--ghost.is-active:disabled{opacity:1;cursor:default}.button--small{height:var(--yb-button-height-sm);padding:0 var(--yb-space-14);font-size:var(--yb-type-caption)}.button--large{height:var(--yb-button-height-lg);font-size:var(--yb-type-subtitle)}.button--block{display:flex;width:100%;margin-top:20px}.button--danger{background:var(--yb-danger)}.button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--yb-danger) 85%,black)}.text-button{color:color-mix(in srgb,var(--yb-primary) 45%,var(--yb-text-primary));font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium)}.text-button:hover{text-decoration:underline}.text-button--danger{color:var(--yb-danger)}.icon-button{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:var(--yb-text-tertiary);transition:background .18s ease,color .18s ease}.icon-button:hover{background:var(--yb-glass);color:var(--yb-text-primary)}.shell{min-height:100vh}.shell__content{padding-top:var(--yb-top-inset);padding-bottom:var(--yb-bottom-inset)}.page{max-width:var(--yb-column-width);margin:0 auto;padding-inline:var(--yb-space-16)}.tab-dock{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:var(--yb-dock-gap) var(--yb-space-16) max(var(--yb-safe-bottom),var(--yb-dock-gap));pointer-events:none}.tab-bar{pointer-events:auto;position:relative;display:flex;align-items:center;max-width:440px;height:var(--yb-tab-bar-height);margin:0 auto;padding:0 6px;border-color:rgba(255,255,255,.08);border-radius:calc(var(--yb-tab-bar-height) / 2);box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 -1px 1px rgba(255,255,255,.06),inset 0 0 20px rgba(255,255,255,.05),0 12px 32px color-mix(in srgb,var(--yb-shadow) 45%,transparent)}.tab-bar[data-refracting]{backdrop-filter:blur(8px) saturate(180%) var(--yb-glass-lens);-webkit-backdrop-filter:blur(8px) saturate(180%) var(--yb-glass-lens)}.tab-bar:before{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.6),rgba(255,255,255,.12) 22%,rgba(255,255,255,.04) 50%,rgba(255,255,255,.12) 78%,rgba(255,255,255,.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.tab-bar__track{position:relative;display:flex;flex:1 1;height:100%}.tab-bar__indicator{position:absolute;inset-block:5px;inset-inline-start:0;width:calc(100% / var(--tab-count));translate:calc(var(--tab-index) * 100% * var(--tab-travel, 1));transition:translate .32s var(--yb-ease-out);pointer-events:none}.tab-bar__indicator:before{content:"";display:block;height:100%;margin-inline:8px;border-radius:999px;background:color-mix(in srgb,var(--yb-text-primary) 9%,transparent)}.tab-bar__tab{position:relative;display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--yb-tab-bar-inactive);transition:color .18s ease}.tab-bar__tab:hover{color:var(--yb-text-primary)}.tab-bar__tab--active{color:var(--yb-tab-bar-active)}.tab-bar__tab--active .tab-bar__label{font-weight:var(--yb-weight-bold)}.tab-bar__label{font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);line-height:1.2}.mini-player{pointer-events:auto;position:relative;max-width:440px;height:var(--yb-mini-player-height);margin:0 auto var(--yb-mini-player-gap);border-radius:calc(var(--yb-mini-player-height) / 2);animation:mini-player-enter .36s var(--yb-ease-out)}@keyframes mini-player-enter{0%{opacity:0;transform:translateY(16px) scale(.94)}}.mini-player__song{display:flex;flex:1 1;align-items:center;gap:var(--yb-space-10);min-width:0;color:inherit}.mini-player__art{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--yb-media-background)}.mini-player__art--empty{display:grid;place-items:center;color:var(--yb-icon-muted);background:var(--yb-glass)}.mini-player__control:disabled{opacity:.35}.undo-pill{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--yb-space-12);max-width:440px;height:var(--yb-mini-player-height);margin:0 auto var(--yb-mini-player-gap);padding-inline:var(--yb-space-18) var(--yb-space-12);border-radius:calc(var(--yb-mini-player-height) / 2);background:var(--yb-surface-elevated);border:1px solid var(--yb-glass-border);color:var(--yb-text-secondary);font-size:var(--yb-type-body-small);animation:mini-player-enter .24s var(--yb-ease-out)}.undo-pill__action{padding:var(--yb-space-6) var(--yb-space-10);border-radius:var(--yb-radius-pill);color:var(--yb-primary);font-weight:var(--yb-weight-bold)}.mini-player__body{display:flex;align-items:center;height:100%;padding-inline:9px 8px}.mini-player__control{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:var(--yb-text-primary)}.mini-player__control--muted{color:var(--yb-icon-muted)}.mini-player__play-glyph{margin-left:2px}.mini-player__meta{flex:1 1;min-width:0;padding:0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--yb-type-body-small);font-weight:600}.mini-player__artist{color:var(--yb-text-secondary);font-weight:var(--yb-weight-regular)}.mini-player__seek{direction:ltr;position:absolute;left:calc(var(--yb-mini-player-height) / 2);right:calc(var(--yb-mini-player-height) / 2);bottom:0;height:9px;display:flex;align-items:flex-end;cursor:pointer;touch-action:none}.mini-player__seek:focus-visible{outline-offset:0}.mini-player__track{width:100%;height:2px;border-radius:1px;background:var(--yb-player-track);overflow:hidden}.mini-player__fill{height:100%;background:var(--yb-player-bar-progress);transform-origin:left;transition:transform .25s linear}.mini-player__seek.is-scrubbing .mini-player__fill{transition:none}.mini-player__knob{position:absolute;bottom:-2.5px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--yb-player-bar-progress);opacity:0;transition:opacity .12s ease;pointer-events:none}.mini-player__seek.is-scrubbing .mini-player__knob,.mini-player__seek:focus-visible .mini-player__knob,.mini-player__seek:hover .mini-player__knob{opacity:1}.wordmark{display:block;max-width:100%;height:auto}.screen-header__wordmark{margin:0;line-height:0}.page__header,.screen-header{display:flex;align-items:center;justify-content:space-between;gap:var(--yb-space-12);margin-bottom:var(--yb-space-16)}.screen-header__actions{display:flex;gap:var(--yb-space-8)}.page__header h1,.screen-title{margin:0 0 var(--yb-space-16);font-size:var(--yb-type-heading1);font-weight:var(--yb-weight-bold);letter-spacing:var(--yb-tracking-heading1);line-height:1.2}.page__header h1{margin:0}.screen-title--large{margin-bottom:18px;font-size:var(--yb-type-heading1)}.top-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:44px;margin:0 -10px var(--yb-space-12)}.top-header__back{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--yb-text-primary)}.top-header__back:hover{background:var(--yb-glass)}.top-header__back:active{opacity:.6}.top-header__title{margin:0;text-align:center;font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-bold)}.top-header__right{display:flex;justify-content:flex-end}.section{margin-top:28px}.section__title{margin:0 0 14px;font-size:var(--yb-type-heading3);font-weight:var(--yb-weight-bold)}.section__title--tight{margin-bottom:4px}.section__reason{margin:0 0 14px;font-size:var(--yb-type-body-small);line-height:19px;color:var(--yb-text-tertiary)}.overline{margin:20px 0 6px;font-weight:var(--yb-weight-medium);line-height:14px;letter-spacing:.8px;text-transform:uppercase}.footnote,.overline{font-size:var(--yb-type-caption-small);color:var(--yb-text-tertiary)}.footnote{margin:8px 0 0;text-align:center}.notice{margin-top:var(--yb-space-12);padding:var(--yb-space-8) var(--yb-space-12);background:var(--yb-primary-subtle);border-radius:var(--yb-radius-md);font-size:var(--yb-type-caption);color:var(--yb-warning)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:32px 24px;border-radius:20px;text-align:center}.empty-state__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:50%;background:var(--yb-primary-subtle)}.empty-state__title{margin:0;font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-medium)}.empty-state__hint{margin:6px 0 0;font-size:var(--yb-type-body-small);line-height:19px;color:var(--yb-text-tertiary)}.empty-state>.button{align-self:center;margin-top:var(--yb-space-16)}.notice-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--yb-space-12);min-height:40vh;padding:0 32px;text-align:center;color:var(--yb-text-secondary)}.notice-empty p{margin:0}.search{display:flex;align-items:center;gap:10px;height:46px;margin-bottom:var(--yb-space-16);padding:0 14px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:12px;color:var(--yb-text-tertiary);transition:border-color .18s ease}.search:focus-within{border-color:var(--yb-primary)}.search input{flex:1 1;min-width:0;height:100%;background:none;border:none;outline:none;color:var(--yb-text-primary);font:inherit;font-size:var(--yb-type-row-title)}.search input::placeholder{color:var(--yb-text-tertiary)}.track-list{display:flex;flex-direction:column;gap:4px;margin-inline:-8px}.track-row{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border-radius:16px;transition:background .18s ease}.track-row:hover{background:var(--yb-surface-alt)}.track-row--current,.track-row--current:hover{background:var(--yb-primary-subtle)}.track-row__cover{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:12px;background:var(--yb-glass);color:var(--yb-icon-muted);object-fit:cover}.track-row__meta{display:flex;flex-direction:column;flex:1 1;min-width:0}.track-row__artist,.track-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row__title{font-size:var(--yb-type-row-title);font-weight:600}.track-row__artist{margin-top:2px;font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.track-row__artist a:hover,.track-row__title:hover{text-decoration:underline}.track-row__duration{flex:none;font-size:var(--yb-type-caption);color:var(--yb-text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-row__like{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:var(--yb-text-tertiary);transition:color .18s ease,transform .18s ease}.track-row__like:hover{color:var(--yb-text-primary)}.track-row__like:active{transform:scale(.9)}.track-row__like.is-active{color:var(--yb-like)}.pending-track,.playlist-track,.queue-item{display:flex;align-items:center;gap:var(--yb-space-4)}.pending-track>:first-child,.playlist-track>:first-child,.queue-item>:first-child{flex:1 1;min-width:0}.pending-track__votes{display:flex;align-items:center;gap:var(--yb-space-8);font-size:var(--yb-type-body)}.list-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--yb-space-8)}.artist-card,.listening-card,.playlist-card{display:flex;flex-direction:column;flex:none;width:124px;text-align:start}.listening-card__cover,.playlist-card__cover{display:grid;place-items:center;width:124px;height:124px;margin-bottom:8px;border-radius:16px;background:var(--yb-glass);color:var(--yb-icon-muted);object-fit:cover}.artist-card__name,.listening-card__title,.playlist-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium)}.listening-card__artist,.playlist-card__meta{margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--yb-type-caption-small);color:var(--yb-text-secondary)}.artist-card{align-items:center;width:108px}.artist-card__avatar{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--yb-glass);color:var(--yb-icon-muted)}.artist-card__name{display:flex;align-items:center;max-width:100%;margin-top:8px}.card-list{display:flex;flex-direction:column;gap:12px;margin-top:var(--yb-space-8)}.list-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--yb-radius-lg);transition:background .18s ease}.list-card:hover{background:var(--yb-glass-strong)}.list-card__cover{flex:none;width:48px;height:48px;border-radius:10px;background:var(--yb-surface-alt);object-fit:cover}.list-card__text{display:flex;flex-direction:column;min-width:0}.list-card__title{margin-bottom:4px;font-size:var(--yb-type-row-title);font-weight:600}.list-card__meta{font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.avatar{display:grid;place-items:center;flex:none;background:var(--yb-surface-alt);object-fit:cover}.avatar--empty{color:var(--yb-icon-muted)}.avatar-button{flex:none;padding:0;border:0;background:none;cursor:zoom-in}.avatar-button:active{opacity:.8}.avatar-preview{max-width:none;max-height:none;padding:0;border:0;background:none;overflow:visible;cursor:zoom-out}.avatar-preview[open]{animation:avatar-preview-in .22s cubic-bezier(.2,.9,.3,1.2)}.avatar-preview::-webkit-backdrop{background:var(--yb-overlay);animation:comments-scrim-in .22s ease}.avatar-preview::backdrop{background:var(--yb-overlay);animation:comments-scrim-in .22s ease}.avatar-preview__image{display:block;width:min(300px,calc(100vw - 96px));aspect-ratio:1;border-radius:29.4%;background:var(--yb-surface-alt);object-fit:cover}@keyframes avatar-preview-in{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.avatar-preview::-webkit-backdrop{animation:none}.avatar-preview::backdrop,.avatar-preview[open]{animation:none}}.moment-list{display:flex;flex-direction:column;gap:14px}.moment{padding:14px}.moment--link{cursor:pointer}@media (hover:hover){.moment--link:hover .moment__track-title{text-decoration:underline}}.moment__header{margin-bottom:12px}.moment__author,.moment__header{display:flex;align-items:center;gap:10px}.moment__author{flex:1 1;min-width:0}.moment__byline{display:flex;flex-direction:column;min-width:0}.moment__name{display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium)}.moment__time{margin-top:1px;font-size:var(--yb-type-caption);color:var(--yb-text-tertiary)}.moment__rights{display:inline-flex;align-items:center;flex:none;gap:4px;padding:4px 8px;border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-pill);background:var(--yb-surface-alt);font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);color:var(--yb-text-tertiary)}.moment__rights--warning{color:var(--yb-warning)}.moment__caption{margin:0 0 12px;font-size:var(--yb-type-heading5);line-height:22px;overflow-wrap:anywhere;white-space:pre-line}.moment__caption--large{font-size:var(--yb-type-heading4);line-height:28px}.moment__caption--folded{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden}.moment__fold{display:block;margin:-8px 0 12px;padding:0;font-size:var(--yb-type-body-small)}.moment__fold,.moment__mood{font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.moment__mood{display:inline-flex;align-items:center;gap:5px;margin-bottom:12px;padding:5px 10px;border-radius:var(--yb-radius-pill);background:var(--yb-primary-subtle);font-size:var(--yb-type-caption)}.photo-carousel{position:relative;margin-bottom:12px;border-radius:14px;overflow:hidden}.photo-carousel__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.photo-carousel__row::-webkit-scrollbar{display:none}.photo-carousel__photo{flex:0 0 100%;width:100%;aspect-ratio:1;scroll-snap-align:start;background:var(--yb-media-background);object-fit:cover}.photo-carousel__counter{position:absolute;top:10px;inset-inline-end:10px;padding:3px 8px;border-radius:var(--yb-radius-pill);background:var(--yb-overlay);font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);color:var(--yb-text-primary)}.photo-carousel__dots{position:absolute;inset-inline:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}.photo-carousel__dot{width:6px;height:6px;border-radius:50%;background:var(--yb-text-tertiary)}.photo-carousel__dot.is-active{background:var(--yb-text-primary)}.photo-carousel__step{position:absolute;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:var(--yb-overlay);font-size:20px;line-height:30px;color:var(--yb-text-primary)}.photo-carousel__step--back{inset-inline-start:8px}.photo-carousel__step--forward{inset-inline-end:8px}[dir=rtl] .photo-carousel__step{transform:scaleX(-1)}@media (hover:none){.photo-carousel__step{display:none}}.field .post-form__words{min-height:0;resize:none;font-size:var(--yb-type-heading5);line-height:24px}.post-form__photos{display:flex;flex-wrap:wrap;gap:10px}.post-form__add,.post-form__photo{position:relative;width:88px;height:88px;border-radius:12px;overflow:hidden}.post-form__photo img{display:block;width:100%;height:100%;background:var(--yb-media-background);object-fit:cover}.post-form__photo--uploading img{opacity:.45}.post-form__remove{position:absolute;top:4px;inset-inline-end:4px;width:22px;height:22px;border-radius:50%;background:var(--yb-overlay);color:var(--yb-text-primary)}.post-form__add,.post-form__remove{display:flex;align-items:center;justify-content:center}.post-form__add{flex-direction:column;gap:4px;border:1px dashed var(--yb-glass-border);background:var(--yb-surface-alt);font-size:var(--yb-type-caption-small);color:var(--yb-text-secondary)}.moment__track{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:var(--yb-post-glass-tint);cursor:pointer;transition:opacity .12s ease}.moment__track:active{opacity:.6}.moment__track--current{background:var(--yb-primary-subtle)}.moment__track-link{display:flex;flex:1 1;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.moment__cover{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:12px;background:var(--yb-media-background);object-fit:cover}.moment__cover--empty{background:var(--yb-surface-alt);color:var(--yb-icon-muted)}.moment__track-meta{display:flex;flex-direction:column;flex:1 1;min-width:0}.moment__track-artist,.moment__track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moment__track-title{font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium)}.moment__track-artist{margin-top:2px;font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.moment__audio{width:100%;margin-top:12px}.moment__footer{display:flex;align-items:center;gap:16px;margin-top:14px}.moment__action{display:inline-flex;align-items:center;gap:6px;font-size:var(--yb-type-caption);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary);transition:opacity .12s ease}.moment__action .icon{color:var(--yb-icon-muted)}.moment__action:active{opacity:.6}.moment__count{min-width:3ch;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:start}.moment__action--liked,.moment__action--liked .icon{color:var(--yb-like)}.moment__figure{display:inline-flex;align-items:center;gap:6px;font-size:var(--yb-type-caption);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.moment__figure .icon{color:var(--yb-icon-muted)}.moment__action--save{-webkit-margin-start:auto;margin-inline-start:auto}.moment__action--saved .icon{color:var(--yb-primary)}.profile__chrome{display:flex;align-items:center;gap:12px;margin-bottom:12px}.profile__handle{display:flex;align-items:center;flex:1 1;min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-bold)}.profile__header{display:flex;align-items:center;gap:16px}.profile__stats{display:flex;flex:1 1;justify-content:space-around}.profile__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.profile__stat-value{font-size:var(--yb-type-heading3);font-weight:var(--yb-weight-bold)}.profile__stat-label{font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.profile__stat--link{border-radius:var(--yb-radius-md);padding:2px 8px;margin:-2px -8px}.profile__stat--link:hover{background:var(--yb-glass)}.profile__name{margin:14px 0 0;font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-bold)}.profile__bio{margin:4px 0 0;color:var(--yb-text-secondary)}.profile__website{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-top:4px;color:var(--yb-primary);font-size:var(--yb-type-body-small);text-decoration:none}.profile__website bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile__website .icon{flex-shrink:0}.profile__actions{display:flex;gap:8px;margin-top:16px}.profile__action{display:flex;align-items:center;justify-content:center;flex:1 1;gap:8px;padding:10px 12px;border-radius:var(--yb-radius-lg);font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);transition:background .18s ease}.profile__action:hover{background:var(--yb-glass-strong)}.profile__follow{flex:1 1}.profile__tabs{margin-top:24px}.profile__empty{margin-top:14px;padding:16px;border-radius:var(--yb-radius-lg)}.profile__empty p{margin:0}.profile__empty .muted{margin-top:4px;font-size:var(--yb-type-caption)}.profile__moments{margin-top:14px}.moment-placeholder{height:190px;border-radius:20px;animation:pulse 1.4s ease-in-out infinite}.follow-list{margin-top:16px}.follow-list__rows{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.follow-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--yb-radius-lg);background:var(--yb-glass)}.follow-row--placeholder{height:64px;animation:pulse 1.4s ease-in-out infinite}.follow-row__person{display:flex;align-items:center;flex:1 1;gap:12px;min-width:0}.follow-row__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.follow-row__name{display:flex;align-items:center;gap:4px;overflow:hidden;font-weight:var(--yb-weight-medium);white-space:nowrap}.follow-row__handle,.follow-row__name bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-row__handle{font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.follow-row__action{flex:none;align-self:center;min-width:96px}.follow-list__more{display:flex;margin:16px auto 0}@keyframes pulse{50%{opacity:.55}}.notification-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.notification-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--yb-radius-lg);background:var(--yb-glass)}.notification-row--unread{background:var(--yb-glass-strong)}.notification-row__meta{display:flex;flex-direction:column;flex:1 1;gap:2px;min-width:0}.notification-row__time{font-size:var(--yb-type-caption-small);color:var(--yb-text-tertiary)}.notification-row__actions{display:flex;flex:none;gap:8px}.notification-row__dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--yb-primary)}.settings-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:14px;border-radius:var(--yb-radius-lg);transition:background .18s ease}.settings-row:hover{background:var(--yb-glass-strong)}.settings-row--identity{margin-top:8px;padding:12px}.settings-row__meta{display:flex;flex-direction:column;flex:1 1;gap:2px;min-width:0}.settings-row__title--strong{font-weight:var(--yb-weight-bold)}.settings-row__subtitle{font-size:var(--yb-type-caption-small);color:var(--yb-text-secondary)}.settings-row__chevron{color:var(--yb-text-tertiary)}.reservation-list-section{margin-top:var(--yb-space-32)}.reservation-list,.reservation-refusals{margin:0;padding:0;list-style:none}.reservation-refusals{display:flex;flex-direction:column;gap:var(--yb-space-4);margin-top:var(--yb-space-8);overflow-wrap:anywhere}.reservation-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;border-radius:var(--yb-radius-lg)}.reservation-row .settings-row__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-status{flex-shrink:0}.reservation-status--claimed{color:var(--yb-success)}.reservation-status--taken{color:var(--yb-warning)}.report-list{gap:var(--yb-space-12);margin:var(--yb-space-16) 0 0;padding:0;list-style:none}.report-card,.report-list{display:flex;flex-direction:column}.report-card{gap:var(--yb-space-8);padding:var(--yb-space-16);border-radius:var(--yb-radius-lg);overflow-wrap:anywhere}.report-card__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yb-space-8)}.report-card__reason{color:var(--yb-warning)}.report-card__time{-webkit-margin-start:auto;margin-inline-start:auto;font-size:var(--yb-type-caption-small);color:var(--yb-text-tertiary)}.report-card__label{margin:0;-webkit-padding-start:var(--yb-space-12);padding-inline-start:var(--yb-space-12);-webkit-border-start:3px solid var(--yb-glass-border);border-inline-start:3px solid var(--yb-glass-border);color:var(--yb-text-primary)}.report-card__view{align-self:flex-start;font-size:var(--yb-type-body-small);color:var(--yb-primary)}.report-card__detail{margin:0;font-size:var(--yb-type-body-small)}.report-card__owner{display:flex;flex-direction:column;gap:var(--yb-space-8);padding-top:var(--yb-space-8);border-top:1px solid var(--yb-glass-border)}.report-card__person{display:flex;flex-wrap:wrap;align-items:center;gap:var(--yb-space-8)}.report-standing--warned{color:var(--yb-warning)}.report-standing--banned{color:var(--yb-danger)}.report-card__warn{--form-gap:var(--yb-space-12)}.report-history{display:flex;flex-direction:column;gap:var(--yb-space-8);margin:0;padding:var(--yb-space-8) 0 0;list-style:none;font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.report-history__detail{margin:var(--yb-space-4) 0 0;color:var(--yb-text-primary)}.staff-row{align-items:flex-start}.staff-row__roles{display:flex;flex-wrap:wrap;gap:var(--yb-space-8);margin-top:var(--yb-space-8)}.staff-role{display:inline-flex;align-items:center;gap:var(--yb-space-4)}.staff-role__name--super_admin{color:var(--yb-accent)}.staff-role__name--admin{color:var(--yb-success)}.sign-out{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:14px 0;color:var(--yb-danger);font-weight:var(--yb-weight-medium)}.language-intro{margin:8px 0 16px;font-size:var(--yb-type-body-small)}.language-row{width:100%;text-align:start}.language-row--selected{background:var(--yb-glass-strong)}.language-row__tick{flex:none;color:var(--yb-primary)}.privacy-banner{padding:14px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-lg)}.privacy-banner--on{background:var(--yb-primary-subtle);border-color:var(--yb-primary)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:var(--yb-radius-lg);cursor:pointer}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;border-radius:13px;background:var(--yb-glass-strong);cursor:pointer;transition:background .2s ease}.switch:before{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:var(--yb-white);transition:transform .2s var(--yb-ease-out)}.switch:checked{background:var(--yb-primary)}.switch:checked:before{transform:translateX(var(--switch-travel,18px))}.hero--center{display:flex;flex-direction:column;align-items:center;text-align:center}.hero__cover{display:grid;place-items:center;width:200px;height:200px;margin:4px auto 20px;border-radius:12px;background:var(--yb-surface-alt);color:var(--yb-icon-muted);object-fit:cover;box-shadow:0 16px 40px color-mix(in srgb,var(--yb-shadow) 50%,transparent)}.hero__cover--small{width:160px;height:160px}.hero__avatar{display:grid;place-items:center;width:96px;height:96px;margin-bottom:16px;border-radius:50%;background:var(--yb-surface-alt);color:var(--yb-icon-muted);object-fit:cover}.hero__title{display:flex;align-items:center;margin:0;font-size:var(--yb-type-heading2);font-weight:var(--yb-weight-bold);letter-spacing:var(--yb-tracking-heading2);line-height:1.25}.hero--center .hero__title{justify-content:center}.editable-title{display:flex;align-items:center;gap:var(--yb-space-8);min-width:0}.editable-title--editing{flex-direction:column;align-items:stretch;width:100%}.editable-title--editing input{font-size:var(--yb-type-heading4);font-weight:var(--yb-weight-bold)}.hero__title--large{font-size:var(--yb-type-heading2)}.hero__subtitle{display:block;margin:4px 0 0;font-size:var(--yb-type-body);color:var(--yb-text-secondary)}a.hero__subtitle:hover{text-decoration:underline}.hero__meta{margin:4px 0 0;font-size:var(--yb-type-caption);color:var(--yb-text-tertiary)}.hero__bio{margin:12px 0 0}.hero__bio,.text-block{color:var(--yb-text-secondary)}.text-block{margin:0;white-space:pre-line;overflow-wrap:anywhere;font-size:var(--yb-type-body);line-height:1.9}.lyrics-meta,.text-block--lyrics{text-align:center}.lyrics-meta{margin:var(--yb-space-12) 0 0;font-size:var(--yb-type-body-small);color:var(--yb-text-tertiary)}.lyrics-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--yb-space-8);margin-top:var(--yb-space-12)}.lyrics-actions .lyrics-meta{margin:0}.lyrics-actions--start{justify-content:flex-start}.lyrics-editor{margin-top:var(--yb-space-16)}.lyrics-diff{display:flex;flex-direction:column;padding:var(--yb-space-8) 0;border-radius:var(--yb-radius-md);background:var(--yb-surface-alt);font-size:var(--yb-type-body-small);line-height:1.7;overflow-wrap:anywhere}.lyrics-diff__line{display:block;padding:0 var(--yb-space-12);-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;white-space:pre-wrap;color:var(--yb-text-secondary);text-decoration:none}.lyrics-diff__line--added{border-inline-start-color:var(--yb-success);background:color-mix(in srgb,var(--yb-success) 14%,transparent);color:var(--yb-text-primary)}.lyrics-diff__line--removed{border-inline-start-color:var(--yb-danger);background:color-mix(in srgb,var(--yb-danger) 12%,transparent);text-decoration:line-through}.lyrics-diff__gap{padding:0 var(--yb-space-12);color:var(--yb-text-tertiary)}.lyrics-history{display:flex;flex-direction:column;gap:var(--yb-space-12);margin:var(--yb-space-16) 0 0;padding:0;list-style:none}.lyrics-history__entry{display:flex;flex-direction:column;gap:var(--yb-space-8);padding:var(--yb-space-16);border-radius:var(--yb-radius-lg)}.toggle-row__text{display:flex;flex-direction:column;gap:var(--yb-space-4)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{padding:4px 10px;border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-pill);background:var(--yb-surface-alt);font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.tag--mood{background:var(--yb-accent-subtle)}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 var(--yb-space-12)}.hero--center .action-row{justify-content:center}.collab-invite{display:flex;gap:8px;margin-top:16px}.activity-list,.collaborator-list,.comment-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.collaborator-list li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px}.collaborator-list li>:first-child{flex:1 1}.activity-list li{font-size:var(--yb-type-body-small)}.comment-form{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-block:4px;padding-inline:16px 4px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-pill);transition:border-color .18s ease}.comment-form:focus-within{border-color:var(--yb-primary)}.comment-form input{flex:1 1;min-width:0;height:38px;background:none;border:none;outline:none;color:var(--yb-text-primary);font:inherit}.comment-form__send{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--yb-primary);color:var(--yb-on-primary)}[dir=rtl] .comment-form__send svg{transform:scaleX(-1)}.comment{display:flex;align-items:flex-start;gap:var(--yb-space-12);padding:12px 14px;border-radius:var(--yb-radius-lg)}.comment__body{flex:1 1;min-width:0}.comment__body p{margin:0 0 4px;overflow-wrap:anywhere}.comment__meta{font-size:var(--yb-type-caption);color:var(--yb-text-tertiary)}.comment__like-column{display:flex;flex:none;flex-direction:column;align-items:center;width:32px;margin-top:-6px}.comment__likes{margin-top:-4px;font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);line-height:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--yb-text-tertiary)}.comment__likes.is-active{color:var(--yb-like)}.comment__like{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;color:var(--yb-text-tertiary);transition:background .18s ease,color .18s ease,transform .18s ease}.comment__like:hover{background:var(--yb-glass);color:var(--yb-text-primary)}.comment__like:active{transform:scale(.9)}.comment__like.is-active{color:var(--yb-like)}.comment__report{font-size:inherit;color:inherit;transition:color .12s ease}.comment__report:hover{color:var(--yb-text-primary)}html:has(.comments-sheet[open]){overflow:hidden}.comments-sheet{position:fixed;inset-inline:0;top:max(var(--visible-top,0px),min(28%,calc(var(--visible-bottom, 100%) - 240px)));bottom:calc(100% - var(--visible-bottom, 100%));width:min(100%,600px);max-width:none;height:auto;max-height:none;margin:0 auto;padding:0;overflow:hidden;border:1px solid var(--yb-glass-border);border-bottom:none;border-radius:22px 22px 0 0;background:var(--yb-glass);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 -8px 24px color-mix(in srgb,var(--yb-shadow) 45%,transparent);color:var(--yb-text-primary);transform:translateY(var(--sheet-drag,0));transition:transform .2s var(--yb-ease-out);animation:comments-sheet-in .32s var(--yb-ease-out)}.comments-sheet[data-dragging]{transition:none}.comments-sheet.is-closing{animation:comments-sheet-out .24s cubic-bezier(.65,0,.35,1) forwards}.comments-sheet::-webkit-backdrop{background:var(--yb-overlay-scrim);opacity:calc(1 - var(--sheet-drag-progress, 0));animation:comments-scrim-in .22s ease}.comments-sheet::backdrop{background:var(--yb-overlay-scrim);opacity:calc(1 - var(--sheet-drag-progress, 0));animation:comments-scrim-in .22s ease}.comments-sheet.is-closing::-webkit-backdrop{animation:comments-scrim-out .2s ease forwards}.comments-sheet.is-closing::backdrop{animation:comments-scrim-out .2s ease forwards}@keyframes comments-sheet-in{0%{transform:translateY(100%)}}@keyframes comments-sheet-out{to{transform:translateY(100%)}}@keyframes comments-scrim-in{0%{opacity:0}}@keyframes comments-scrim-out{to{opacity:0}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.comments-sheet{background:var(--yb-surface)}}.comments-sheet__pane{display:flex;flex-direction:column;height:100%}.comments-sheet__header{display:flex;flex:none;flex-direction:column;align-items:center;gap:var(--yb-space-6);padding:var(--yb-space-10) var(--yb-space-16);border-bottom:1px solid var(--yb-border);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.comments-sheet[data-dragging] .comments-sheet__header{cursor:-webkit-grabbing;cursor:grabbing}.comments-sheet__handle{width:36px;height:4px;border-radius:var(--yb-radius-md);background:var(--yb-border-strong)}.comments-sheet__title-row{position:relative;display:flex;justify-content:center;width:100%}.comments-sheet__title{display:flex;align-items:center;gap:var(--yb-space-6);margin:0;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium)}.comments-sheet__count{color:var(--yb-text-tertiary)}.comments-sheet__close{position:absolute;inset-inline-end:calc(-1 * var(--yb-space-6));top:50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--yb-icon-muted);transform:translateY(-50%);transition:background .18s ease,color .18s ease}.comments-sheet__close:hover{background:var(--yb-glass);color:var(--yb-text-primary)}.comments-sheet__scroll{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-block:var(--yb-space-4) var(--yb-space-14);overflow-y:auto;overscroll-behavior:contain}.thread{margin:0;padding:0;list-style:none}.thread__comment{display:flex;align-items:flex-start;gap:var(--yb-space-14);margin-top:var(--yb-space-14);padding-inline:var(--yb-space-14)}.thread__comment--reply{gap:var(--yb-space-10);-webkit-padding-start:calc(var(--yb-space-14) * 2 + 36px);padding-inline-start:calc(var(--yb-space-14) * 2 + 36px)}.thread__comment--pending{opacity:.5}.thread__body{flex:1 1;min-width:0}.thread__byline{display:flex;align-items:center;gap:5px;margin:0 0 2px;font-size:var(--yb-type-caption)}.thread__author{min-width:0;overflow:hidden;font-weight:var(--yb-weight-bold);text-overflow:ellipsis;white-space:nowrap}a.thread__author:hover{text-decoration:underline}.thread__avatar{display:flex;flex:none}.thread__byline .verified-badge{-webkit-margin-start:-1px;margin-inline-start:-1px}.thread__time{flex:none;font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.thread__text{margin:0;font-size:var(--yb-type-body);line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}.thread__actions{display:flex;align-items:center;gap:var(--yb-space-12);margin-top:var(--yb-space-4);font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.thread__reply{font-size:inherit;font-weight:inherit;transition:opacity .12s ease,color .12s ease}.thread__reply:hover{color:var(--yb-text-primary)}.thread__reply:active{opacity:.6}.thread__like{display:flex;flex:none;flex-direction:column;align-items:center;width:28px;-webkit-margin-before:-5px;margin-block-start:-5px;-webkit-margin-end:-7px;margin-inline-end:-7px}.thread__likes{margin-top:-5px;font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);line-height:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--yb-text-secondary)}.thread__likes.is-liked{color:var(--yb-like)}.thread__heart{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:var(--yb-icon-muted);transition:opacity .12s ease,color .12s ease}.thread__heart:hover{color:var(--yb-text-primary)}.thread__heart:active{opacity:.6}.thread__heart.is-active{color:var(--yb-like)}.thread__heart.is-popping .icon{animation:thread-heart-pop .32s var(--yb-ease-out)}@keyframes thread-heart-pop{40%{transform:scale(1.28)}}.thread-skeleton__row{display:flex;gap:var(--yb-space-14);height:64px;padding:var(--yb-space-14) var(--yb-space-14) 0}.thread-skeleton__avatar{flex:none;width:36px;height:36px;border-radius:11px}.thread-skeleton__lines{display:flex;flex:1 1;flex-direction:column;gap:var(--yb-space-8);padding-top:2px}.thread-skeleton__line{display:block;height:12px;border-radius:6px}.thread-skeleton__line--name{width:32%;height:10px;border-radius:5px}.thread-skeleton__avatar,.thread-skeleton__line{background:linear-gradient(90deg,var(--yb-surface-alt) 25%,var(--yb-glass) 50%,var(--yb-surface-alt) 75%);background-size:200% 100%;animation:thread-shimmer 1.4s linear infinite}@keyframes thread-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.thread-notice{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:var(--yb-space-6);padding:var(--yb-space-24) var(--yb-space-24) var(--yb-space-32);text-align:center}.thread-notice__badge{display:grid;place-items:center;width:52px;height:52px;margin-bottom:var(--yb-space-6);border-radius:50%;background:var(--yb-glass);color:var(--yb-icon-muted)}.thread-notice__title{margin:0;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium)}.thread-notice__hint{margin:0;font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.thread-notice .button{margin-top:var(--yb-space-8)}.comment-composer{flex:none;padding:var(--yb-space-10) var(--yb-space-14) calc(var(--yb-space-10) + var(--yb-safe-bottom));border-top:1px solid var(--yb-border)}.comment-composer__error{margin:0 2px var(--yb-space-8);font-size:var(--yb-type-caption);color:var(--yb-danger)}.comment-composer__reply{display:flex;align-items:center;justify-content:space-between;gap:var(--yb-space-10);padding:0 2px var(--yb-space-8);font-size:var(--yb-type-tiny);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.comment-composer__reply-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-composer__reply b{font-weight:var(--yb-weight-bold);color:var(--yb-primary)}.comment-composer__reply button{display:grid;place-items:center;width:24px;height:24px;margin:-5px;color:var(--yb-text-tertiary)}.comment-composer__row{display:flex;align-items:flex-end;gap:var(--yb-space-10)}.comment-composer__input{flex:1 1;min-width:0;min-height:38px;max-height:120px;padding:9px var(--yb-space-16);border:1px solid var(--yb-glass-border);border-radius:19px;outline:none;background:var(--yb-glass);color:var(--yb-text-primary);font:inherit;font-size:var(--yb-type-body);line-height:18px;resize:none;transition:border-color .18s ease}.comment-composer__input::placeholder{color:var(--yb-text-tertiary)}.comment-composer__input:focus{border-color:var(--yb-primary)}@media (pointer:coarse){.comment-composer__input{font-size:16px}}.comment-composer__send{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--yb-primary);color:var(--yb-on-primary);transition:opacity .12s ease,transform .12s ease}.comment-composer__send:disabled{opacity:.35;cursor:default}.comment-composer__send:not(:disabled):active{opacity:.85;transform:scale(.94)}@media (prefers-reduced-motion:reduce){.comments-sheet.is-closing::-webkit-backdrop,.comments-sheet::-webkit-backdrop{animation:none}.comments-sheet,.comments-sheet.is-closing,.comments-sheet.is-closing::backdrop,.comments-sheet::backdrop,.thread-skeleton__avatar,.thread-skeleton__line,.thread__heart.is-popping .icon{animation:none}.comments-sheet{transition:none}}.player-page{position:fixed;inset:0;z-index:40;overflow-y:auto;background-color:var(--yb-player-background);background-image:var(--yb-gradient-player)}.player-page__column{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2.2vh,22px);width:min(520px,100%);height:100vh;height:100dvh;min-height:560px;margin:0 auto;padding:calc(var(--yb-safe-top) + 16px) 20px max(var(--yb-safe-bottom),20px)}.player-page__column>*{flex:none;width:100%}.player-page__header{display:flex;align-items:center;justify-content:space-between}.player-page__heading{font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-medium)}.player-page__header-spacer{width:46px}.player-page__uploader{direction:ltr;display:inline-flex;align-items:center;gap:var(--yb-space-8);min-width:0;margin:0 var(--yb-space-12)}.player-page__uploader>:not(.player-page__uploader-name){flex:none}.player-page__uploader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-page__uploader:hover .player-page__uploader-name{text-decoration:underline}.player-page__column>.player-page__cover{flex:1 1 auto;width:auto;height:auto;min-height:120px;max-height:min(440px,calc(100vw - 40px));aspect-ratio:1;display:grid;place-items:center;border-radius:26px;background:var(--yb-media-background);color:var(--yb-icon-muted);object-fit:cover;box-shadow:0 16px 40px color-mix(in srgb,var(--yb-shadow) 50%,transparent)}.player-page__artist{font-size:var(--yb-type-body);color:var(--yb-text-secondary)}a.player-page__artist:hover{text-decoration:underline}.player-page__title{display:-webkit-box;margin:2px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(20px,3vh,26px);font-weight:var(--yb-weight-bold);letter-spacing:var(--yb-tracking-heading1);line-height:1.2}.player-page__preview-note{margin:10px 0 0;font-size:var(--yb-type-caption);color:var(--yb-warning)}.player-page__controls{display:flex;align-items:center;justify-content:space-between}.player-page__secondary,.player-page__skip{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--yb-icon-muted);transition:color .18s ease,transform .18s ease}.player-page__skip{color:var(--yb-text-primary)}.player-page__secondary:active,.player-page__skip:active{transform:scale(.9)}.player-page__secondary.is-active{color:var(--yb-primary)}.player-page__actions{display:flex;justify-content:space-between;margin-top:auto}.player-page__action{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:52px;font-size:var(--yb-type-caption-small);white-space:nowrap;color:var(--yb-text-secondary)}.player-page__action[aria-pressed=true]{color:var(--yb-text-primary)}.player-page__action .icon{color:var(--yb-icon-muted)}.player-page__action--liked .icon{color:var(--yb-like)}.player-page__action--saved .icon{color:var(--yb-primary)}.player-page__queue{padding:16px;border-radius:var(--yb-radius-lg)}.player-page__queue-title{margin:0 0 8px;font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-medium)}.player-page__queue-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.player-page__queue-head .player-page__queue-title{margin:0}.player-page__queue-row{display:flex;align-items:center;gap:8px}.player-page__queue-play{flex:1 1;min-width:0;padding:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;color:var(--yb-text-secondary)}.player-page__queue-play:hover{color:var(--yb-text-primary)}.player-page__queue-clear{margin-top:8px}.player-page__column>.player-page__nothing{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:var(--yb-space-16)}.player-page__nothing .button{align-self:center}.player-page__scrubber{display:flex;align-items:center;gap:var(--yb-space-12);width:100%;font-size:var(--yb-type-caption);color:var(--yb-text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.player-page__scrubber input{flex:1 1}.player-page__seek{width:100%}.player-page__times{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--yb-type-caption);color:var(--yb-text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.aurora{position:fixed;inset:0;overflow:hidden;pointer-events:none}.aurora__drop{top:0;left:0}.aurora__drop,.aurora__drop-body{position:absolute;will-change:transform}.aurora__drop-body{inset:0;border-radius:50%;background:radial-gradient(circle closest-side,color-mix(in srgb,var(--drop-color) var(--drop-alpha),transparent) 0,color-mix(in srgb,var(--drop-color) var(--drop-mid-alpha),transparent) 55%,transparent 100%)}@media (prefers-reduced-motion:reduce){.follow-row--placeholder,.mini-player,.moment-placeholder{animation:none}.tab-bar__indicator{transition:none}}.waveform__lane{position:relative;height:22px;width:100%}.waveform__pin{position:absolute;bottom:0;margin-left:-10px;padding:0;width:20px;height:20px;border-radius:999px;overflow:hidden;border:1px solid var(--yb-waveform-played);opacity:.7;transition:opacity .12s ease}.waveform__pin.is-active,.waveform__pin:focus-visible,.waveform__pin:hover{opacity:1}.waveform__pill{position:absolute;inset-block:0;width:max-content;max-width:100%;display:flex;align-items:center;gap:7px;margin:0;padding-block:0;padding-inline:1px 10px;border:1px solid var(--yb-glass-border);border-radius:11px;background:var(--yb-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);font-size:var(--yb-type-caption);color:var(--yb-text-secondary);pointer-events:none}.waveform__pill-face{display:flex;flex-shrink:0;border-radius:999px;overflow:hidden}.waveform__pill b{flex-shrink:0;color:var(--yb-text-primary)}.waveform__pill-body{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.waveform{direction:ltr;--waveform-upper:71.875%;position:relative;display:flex;align-items:stretch;gap:1px;width:100%;height:clamp(40px,8vh,64px);cursor:pointer;touch-action:none}.waveform:focus-visible{outline:2px solid var(--yb-primary);outline-offset:4px;border-radius:2px}.waveform__bar{display:flex;flex:1 1;min-width:1px;flex-direction:column;justify-content:center}.waveform__peak{margin-top:auto}.waveform__peak,.waveform__reflection{background:var(--yb-waveform);border-radius:1px}.waveform__reflection{margin-top:2px;margin-bottom:auto;opacity:.4}.waveform__bar.is-played .waveform__peak,.waveform__bar.is-played .waveform__reflection,.waveform__playhead{background:var(--yb-waveform-played)}.waveform__playhead{position:absolute;top:0;width:2px;height:var(--waveform-upper);margin-left:-1px;pointer-events:none}.auth-page{display:flex;flex-direction:column;max-width:420px;min-height:calc(100dvh - var(--yb-top-inset) - var(--yb-bottom-inset));margin:0 auto;padding:0 var(--yb-space-14) var(--yb-space-32)}.auth-page:before{content:"";flex:1 1}.auth-page:after{content:"";flex:2 1}.auth-page__logo{display:block;width:44%;max-width:176px;height:auto;margin:0 auto var(--yb-space-40)}.auth-page__title{margin:0 0 var(--yb-space-8);font-size:var(--yb-type-heading2);font-weight:var(--yb-weight-bold);line-height:1.35;text-align:center}.auth-page__subtitle{margin:0 0 var(--yb-space-32);font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium);line-height:22px;color:var(--yb-text-secondary);text-align:center;text-wrap:balance}.auth-page__phone{display:inline-block;margin-top:var(--yb-space-4);font-weight:var(--yb-weight-bold);letter-spacing:.5px;color:var(--yb-text-primary)}.auth-form{display:flex;flex-direction:column}.auth-field{height:var(--yb-auth-field-height);padding:0 var(--yb-space-16);background:var(--yb-glass);border:1.5px solid var(--yb-glass-border);border-radius:var(--yb-radius-md);outline:none;color:var(--yb-text-primary);font:inherit;font-size:var(--yb-type-heading5);transition:border-color .18s ease,background .18s ease}.auth-field:focus,.auth-field:focus-within,.otp__cell--active{border-color:var(--yb-primary);background:var(--yb-primary-subtle)}.auth-phone{display:flex;align-items:center;gap:var(--yb-space-12);margin-bottom:var(--yb-space-16);padding:0 var(--yb-space-16);cursor:text}.auth-phone__input,.auth-phone__prefix{font-size:var(--yb-type-heading4);font-weight:var(--yb-weight-regular);line-height:normal;letter-spacing:1px}.auth-phone__prefix{flex:none;font-weight:var(--yb-weight-bold)}.auth-phone__divider{flex:none;width:1px;height:22px;background:var(--yb-glass-border)}.auth-phone__input{flex:1 1;min-width:0;height:100%;padding:0;background:none;border:none;outline:none;color:var(--yb-text-primary);font-family:inherit;text-align:left}.auth-phone__input::placeholder{font:inherit;letter-spacing:inherit;color:var(--yb-text-tertiary)}.auth-page__error{margin:calc(-1 * var(--yb-space-6)) 0 var(--yb-space-10);font-size:var(--yb-type-caption);color:var(--yb-danger)}.auth-page__error--center{margin-top:calc(-1 * var(--yb-space-8));margin-bottom:var(--yb-space-4);text-align:center}.auth-button{display:grid;place-items:center;height:var(--yb-auth-field-height);margin-bottom:var(--yb-space-20);border-radius:var(--yb-radius-md);background:var(--yb-primary);color:var(--yb-on-primary);font-size:var(--yb-type-heading5);font-weight:var(--yb-weight-bold)}.auth-button:disabled{opacity:.5;cursor:default}.spinner--on-primary{border-top-color:var(--yb-on-primary)}.auth-page__note{margin:0;font-size:var(--yb-type-caption);line-height:18px;color:var(--yb-text-tertiary);text-align:center;text-wrap:balance}.auth-page__dev-hint{align-self:center;margin:calc(-1 * var(--yb-space-16)) 0 var(--yb-space-20);padding:var(--yb-space-4) var(--yb-space-12);border-radius:var(--yb-radius-md);background:var(--yb-glass);text-align:center;font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.otp{position:relative;display:flex;justify-content:center;gap:var(--yb-space-10);margin-bottom:var(--yb-space-20)}.otp__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:none;font-size:16px;caret-color:transparent;cursor:text}.otp__cell{display:grid;flex:1 1;place-items:center;min-width:0;max-width:60px;height:64px;padding:0;font-size:var(--yb-type-heading2);font-weight:var(--yb-weight-bold)}.otp__cursor{width:2px;height:26px;background:var(--yb-text-primary);animation:otp-cursor 1s steps(1) infinite}@keyframes otp-cursor{50%{opacity:0}}.auth-page__resend{align-self:center;padding:var(--yb-space-8) var(--yb-space-12);font-size:var(--yb-type-body);color:var(--yb-text-secondary)}.auth-page__resend:disabled{opacity:1;cursor:default}.auth-page__accent{font-weight:var(--yb-weight-bold);color:var(--yb-primary)}.auth-page__back{display:inline-flex;align-self:center;align-items:center;gap:var(--yb-space-4);margin-top:var(--yb-space-4);padding:var(--yb-space-8) var(--yb-space-12);font-size:var(--yb-type-body);color:var(--yb-text-secondary)}.onboarding{display:flex;flex-direction:column;max-width:420px;height:calc(100dvh - var(--yb-top-inset) - var(--yb-bottom-inset));margin:0 auto;padding:0 var(--yb-space-14)}.onboarding--centre{align-items:center;justify-content:center}.onboarding__message{margin:0;font-size:var(--yb-type-body);color:var(--yb-text-secondary);text-align:center}.onboarding__scroll{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none}.onboarding__scroll::-webkit-scrollbar{display:none}.onboarding__scroll>*{flex:none}.onboarding__scroll:after,.onboarding__scroll:before{content:"";flex:1 1}.onboarding__logo{display:block;width:44%;max-width:176px;height:auto;margin:var(--yb-space-10) auto var(--yb-space-40)}.onboarding__dots{display:flex;justify-content:center;gap:var(--yb-space-6);margin:var(--yb-space-10) 0 var(--yb-space-20)}.onboarding__dot{width:6px;height:6px;border-radius:4px;background:var(--yb-border);transition:width .18s ease,background .18s ease}.onboarding__dot--current{width:22px;background:var(--yb-primary)}.onboarding__subtitle{margin:0 0 var(--yb-space-16);font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium);line-height:22px;color:var(--yb-text-secondary);text-align:center;text-wrap:balance}.onboarding__options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--yb-space-8);margin-top:var(--yb-space-8);padding-bottom:var(--yb-space-4)}.onboarding__footer{display:flex;flex:none;flex-direction:column;gap:var(--yb-space-4);padding-top:var(--yb-space-10);padding-bottom:var(--yb-space-8)}.onboarding__counter,.onboarding__error{margin:0 0 var(--yb-space-6);font-size:var(--yb-type-caption);line-height:18px;color:var(--yb-text-tertiary);text-align:center;text-wrap:balance}.onboarding__error{color:var(--yb-danger)}.onboarding__continue{margin-bottom:0}.onboarding__skip{align-self:stretch;padding:var(--yb-space-10);font-size:var(--yb-type-body);color:var(--yb-text-secondary)}.onboarding__skip:disabled{opacity:.5;cursor:default}.form{--form-gap:var(--yb-space-20);display:flex;flex-direction:column;gap:var(--form-gap)}.form--sectioned{--form-gap:var(--yb-space-32)}.form__section{display:flex;flex-direction:column;gap:var(--yb-space-20);min-width:0;margin:0;padding:0;border:0}.form__section-title{margin-bottom:var(--yb-space-12);padding:0;font-size:var(--yb-type-heading6);font-weight:var(--yb-weight-bold);color:var(--yb-text-primary)}.form>.button+:is(.form__hint,.form__status),.form>.form__actions+:is(.form__hint,.form__status){margin-top:calc(var(--yb-space-8) - var(--form-gap))}.form__count{align-self:flex-end;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.form__hint,.form__status{margin:0;font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.form__hint--danger{color:var(--yb-danger)}.form__hint--success{color:var(--yb-success)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.field--check{flex-direction:row;align-items:flex-start;gap:var(--yb-space-8)}.field__label{font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium);color:var(--yb-text-primary)}.field__label+.chips{margin-top:var(--yb-space-4)}.rights-warning{margin:0;padding:var(--yb-space-14) var(--yb-space-16);border:1px solid var(--yb-glass-border);-webkit-border-start:3px solid var(--yb-warning);border-inline-start:3px solid var(--yb-warning);border-radius:var(--yb-radius-lg);background:var(--yb-glass);font-size:var(--yb-type-body-small);line-height:1.6;color:var(--yb-text-primary)}.field--inline{flex-direction:row;align-items:center;gap:var(--yb-space-8);margin-top:var(--yb-space-8)}.field--narrow{max-width:100px}.field-row{display:flex;gap:var(--yb-space-12)}.field-row--center{align-items:center}.field-row>input{flex:1 1;min-width:0}.collab-invite input,.field :where(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea){padding:12px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:12px;outline:none;color:var(--yb-text-primary);font:inherit;font-size:var(--yb-type-body);transition:border-color .18s ease}.collab-invite input{flex:1 1;min-width:0}.collab-invite input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yb-primary)}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--yb-text-tertiary)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-padding-end:36px;padding-inline-end:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23F7F4FB' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px}[dir=rtl] .field select{background-position:left 14px center}.field .chip--select{height:var(--yb-chip-height);padding-block:0;-webkit-padding-start:var(--yb-space-18);padding-inline-start:var(--yb-space-18);border-radius:var(--yb-radius-pill);border-color:var(--yb-glass-border);background-color:var(--yb-glass);font-size:var(--yb-type-body-small);cursor:pointer;field-sizing:content}.field .chip--select.chip--active{background-color:var(--yb-chip-selected);border-color:var(--yb-chip-selected-border);color:var(--yb-on-primary);font-weight:var(--yb-weight-medium)}.field select option{background:var(--yb-surface);color:var(--yb-text-primary)}.field input[type=checkbox]{width:auto;margin-top:2px}.input-affix{display:flex;align-items:center;gap:var(--yb-space-8);padding:0 12px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:12px;color:var(--yb-text-tertiary)}.input-affix:focus-within{border-color:var(--yb-primary)}.field .input-affix input:not([type=checkbox]){flex:1 1;min-width:0;padding:12px 0;background:none;border:none;border-radius:0}.input-affix__mark{flex:none;font-size:var(--yb-type-body)}.field input[type=date]{padding-block:11px}[dir=rtl] .field input[type=date]::-webkit-datetime-edit{text-align:right}[dir=rtl] .field input[type=date]::-webkit-calendar-picker-indicator{margin-left:var(--yb-space-8)}.picture-picker{display:flex;align-items:center;gap:var(--yb-space-16)}.picture-picker__button{position:relative;flex:none;padding:0;border-radius:12px}.picture-picker__image{display:grid;place-items:center;width:96px;height:96px;border-radius:12px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);object-fit:cover;font-size:var(--yb-type-display);color:var(--yb-text-tertiary)}.picture-picker--round .picture-picker__button,.picture-picker--round .picture-picker__image{border-radius:28px}.picture-picker__busy{position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:var(--yb-overlay);font-size:var(--yb-type-caption);color:var(--yb-text-primary)}.picture-picker__text{display:flex;flex-direction:column;gap:var(--yb-space-4);min-width:0}.picture-picker__label{margin:0;color:var(--yb-text-primary)}.picture-picker__actions{display:flex;flex-wrap:wrap;gap:var(--yb-space-8);margin-top:var(--yb-space-4)}.picture-picker--stacked{flex-direction:column;gap:var(--yb-space-12);text-align:center}.picture-picker--stacked .picture-picker__text{align-items:center;max-width:340px}.picture-picker--stacked .picture-picker__actions{justify-content:center}.picture-picker__button:hover:not(:disabled) .picture-picker__image{border-color:var(--yb-border-strong)}.picture-picker__badge{position:absolute;inset-inline-end:-6px;bottom:-4px;display:grid;place-items:center;width:30px;height:30px;border:2.5px solid var(--yb-background);border-radius:var(--yb-radius-md);background:var(--yb-primary);color:var(--yb-on-primary)}.form__title{margin:0;font-size:var(--yb-type-heading4);font-weight:600;color:var(--yb-text-primary)}.form__actions{flex-wrap:wrap}.form__actions,.upload-checking{display:flex;gap:var(--yb-space-8)}.dropzone,.upload-checking{align-items:center}.dropzone{display:flex;gap:var(--yb-space-12);padding:var(--yb-space-16);border:1px dashed var(--yb-glass-border);border-radius:20px;background:var(--yb-glass);color:var(--yb-text-primary);cursor:pointer;transition:border-color .18s ease,background .18s ease}.dropzone--over,.dropzone:not([aria-disabled=true]):hover{border-color:var(--yb-primary);background:var(--yb-glass-strong)}.dropzone:has(input:focus-visible){outline:2px solid var(--yb-primary);outline-offset:2px}.dropzone--filled{border-style:solid}.dropzone:not(.dropzone--filled) .upload-file__title{white-space:normal}.dropzone[aria-disabled=true]{cursor:default}.dropzone__action{flex:none;-webkit-margin-start:auto;margin-inline-start:auto;padding:6px 12px;border-radius:var(--yb-radius-pill);background:var(--yb-glass-strong);font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);color:var(--yb-text-primary)}.upload-file{display:flex;align-items:center;gap:var(--yb-space-12);padding:var(--yb-space-16)}.upload-file__icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--yb-glass-strong);color:var(--yb-text-primary)}.upload-file__text{display:flex;flex-direction:column;gap:2px;min-width:0}.upload-file__title{overflow:hidden;font-size:var(--yb-type-row-title);font-weight:var(--yb-weight-medium);color:var(--yb-text-primary);text-overflow:ellipsis;white-space:nowrap}.upload-file__meta{font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.upload-file__remove{display:grid;place-items:center;flex:none;width:32px;height:32px;-webkit-margin-start:auto;margin-inline-start:auto;border-radius:50%;background:var(--yb-glass-strong);color:var(--yb-text-primary)}.upload-file__remove:disabled{opacity:.5}.upload-progress{display:flex;flex-direction:column;gap:var(--yb-space-8)}.upload-progress__track{direction:ltr;height:6px;overflow:hidden;border-radius:3px;background:var(--yb-glass)}.upload-progress__fill{height:100%;border-radius:inherit;background:var(--yb-primary);transition:width .2s linear}.upload-progress__fill--indeterminate{width:35%;animation:upload-sweep 1.4s var(--yb-ease-out) infinite}@keyframes upload-sweep{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.upload-progress__fill--indeterminate{width:100%;opacity:.5;animation:none}}.cropper{width:min(420px,calc(100vw - 2 * var(--yb-space-16)));max-width:none;padding:var(--yb-space-16);border:1px solid var(--yb-border);border-radius:24px;background:var(--yb-surface);color:var(--yb-text-primary);box-shadow:0 24px 60px color-mix(in srgb,var(--yb-shadow) 60%,transparent)}.cropper::-webkit-backdrop{background:var(--yb-overlay)}.cropper::backdrop{background:var(--yb-overlay)}.cropper__title{margin:0 0 var(--yb-space-4);font-size:var(--yb-type-heading4);font-weight:var(--yb-weight-bold)}.cropper__hint{margin:0 0 var(--yb-space-12);font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.cropper__box{direction:ltr;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--yb-radius-md);background:var(--yb-background);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper__box:active{cursor:-webkit-grabbing;cursor:grabbing}.cropper__box:focus-visible{outline:2px solid var(--yb-primary);outline-offset:3px}.cropper__image{position:absolute;top:0;left:0;max-width:none;pointer-events:none}.cropper__box--circle:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100vmax rgba(10,7,15,.55);pointer-events:none}.cropper__zoom{display:flex;align-items:center;gap:var(--yb-space-8);margin-top:var(--yb-space-12);font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.cropper__zoom input{flex:1 1}.cropper__actions{justify-content:flex-end;margin-top:var(--yb-space-16)}.cropper__actions,.date-field{display:flex;gap:var(--yb-space-8)}.date-field{flex:1 1;min-width:0;align-items:center;justify-content:space-between;padding:12px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:12px;color:var(--yb-text-primary);font:inherit;font-size:var(--yb-type-body);text-align:start;cursor:pointer;transition:border-color .18s ease}.date-field:hover{border-color:var(--yb-primary)}.date-field .icon,.date-field--empty{color:var(--yb-text-tertiary)}.more-menu{position:relative;flex:none}.more-menu__list{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:30;min-width:200px;margin:0;padding:6px;list-style:none;border:1px solid var(--yb-border);border-radius:var(--yb-radius-lg);background:var(--yb-surface-elevated);box-shadow:0 16px 40px color-mix(in srgb,var(--yb-shadow) 55%,transparent)}.more-menu__item{display:block;width:100%;padding:10px 12px;border-radius:var(--yb-radius-md);text-align:start;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);white-space:nowrap}.more-menu__item:focus-visible,.more-menu__item:hover{background:var(--yb-glass)}.more-menu__item--danger{color:var(--yb-danger)}.report-dialog{width:min(440px,calc(100vw - 2 * var(--yb-space-16)));max-width:none;max-height:calc(100dvh - 2 * var(--yb-space-16));padding:0;border:1px solid var(--yb-border);border-radius:24px;background:var(--yb-surface);color:var(--yb-text-primary);box-shadow:0 24px 60px color-mix(in srgb,var(--yb-shadow) 60%,transparent)}.report-dialog::-webkit-backdrop{background:var(--yb-overlay)}.report-dialog::backdrop{background:var(--yb-overlay)}.report-dialog__pane{padding:var(--yb-space-16) var(--yb-space-20) var(--yb-space-20)}.report-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--yb-space-8);margin-bottom:var(--yb-space-12)}.report-dialog__title{margin:0;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary)}.report-dialog__prompt{margin:0;font-size:var(--yb-type-subtitle);font-weight:var(--yb-weight-bold)}.report-dialog__hint{margin:var(--yb-space-4) 0 var(--yb-space-12);font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.report-dialog__reasons{margin:0;padding:0;list-style:none}.report-dialog__reason{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 8px;border-top:1px solid var(--yb-border);text-align:start;transition:background .12s ease}.report-dialog__reason:hover{background:var(--yb-glass)}.report-dialog__reason-label{font-size:var(--yb-type-body);font-weight:var(--yb-weight-medium)}.report-dialog__reason-hint{font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.report-dialog__count{align-self:flex-end;font-size:var(--yb-type-tiny);color:var(--yb-text-tertiary)}.report-dialog__error{margin:var(--yb-space-8) 0 0;font-size:var(--yb-type-body-small)}.report-dialog__sent{margin:var(--yb-space-8) 0 0;font-size:var(--yb-type-body);line-height:1.6}.report-dialog__actions{display:flex;gap:var(--yb-space-8);margin-top:var(--yb-space-16)}.report-dialog__actions .button{flex:1 1}.date-sheet{width:min(400px,calc(100vw - 2 * var(--yb-space-16)));max-width:none;padding:0;border:1px solid var(--yb-border);border-radius:24px;background:var(--yb-surface);color:var(--yb-text-primary);box-shadow:0 24px 60px color-mix(in srgb,var(--yb-shadow) 60%,transparent)}.date-sheet::-webkit-backdrop{background:var(--yb-overlay)}.date-sheet::backdrop{background:var(--yb-overlay)}.date-sheet__pane{padding:var(--yb-space-16)}.date-sheet__title{margin:0;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium);color:var(--yb-text-secondary);text-align:center}.date-sheet__value{margin:var(--yb-space-4) 0 var(--yb-space-16);font-size:var(--yb-type-heading4);font-weight:var(--yb-weight-bold);color:color-mix(in srgb,var(--yb-primary) 45%,var(--yb-text-primary));text-align:center}.date-sheet__actions,.date-sheet__wheels{display:flex;gap:var(--yb-space-8)}.date-sheet__actions{margin-top:var(--yb-space-16)}.date-sheet__actions .button,.wheel{flex:1 1}.wheel{display:flex;flex-direction:column;gap:var(--yb-space-8);min-width:0}.wheel--wide{flex:1.35 1}.wheel__label{font-size:var(--yb-type-caption);color:var(--yb-text-tertiary);text-align:center}.wheel__window{position:relative;height:220px}.wheel__band{position:absolute;inset-inline:0;top:88px;height:44px;border-radius:12px;background:var(--yb-glass);border:1px solid var(--yb-glass-border);pointer-events:none}.wheel__list{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding-block:88px;perspective:600px;border-radius:12px;outline-offset:-2px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}@media (pointer:fine){.wheel__list{cursor:-webkit-grab;cursor:grab}}.wheel__list.is-dragging{scroll-snap-type:none;cursor:-webkit-grabbing;cursor:grabbing}.wheel__list::-webkit-scrollbar{display:none}.wheel__item{display:flex;align-items:center;justify-content:center;height:44px;padding-inline:var(--yb-space-4);scroll-snap-align:center;font-size:var(--yb-type-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--yb-text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wheel__item.is-selected{color:var(--yb-text-primary);font-weight:var(--yb-weight-medium)}.genre-picker{display:flex;flex-direction:column;gap:var(--yb-space-8)}.genre-picker .chips{margin-bottom:0}.genre-picker__options{max-height:240px;overflow-y:auto;padding:2px}.genre-picker__options .chip{backdrop-filter:none;-webkit-backdrop-filter:none}.genre-picker__options .chip:not(.chip--active){background:var(--yb-surface-elevated)}.genre-picker__options .chip:not(.chip--active):hover:not(:disabled){background:linear-gradient(var(--yb-glass),var(--yb-glass)) var(--yb-surface-elevated)}.taste__headline{margin:0 0 var(--yb-space-16);font-size:var(--yb-type-heading2);font-weight:var(--yb-weight-bold)}.taste__scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--yb-space-12);gap:var(--yb-space-12);margin-bottom:var(--yb-space-24)}.taste__learning,.taste__score,.taste__value{background:var(--yb-glass);border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-lg)}.taste__score{display:flex;flex-direction:column;padding:var(--yb-space-12)}.taste__score-value{font-size:var(--yb-type-heading2);font-weight:var(--yb-weight-bold)}.taste__score-label{font-size:var(--yb-type-caption-small);letter-spacing:.8px;text-transform:uppercase;color:var(--yb-text-tertiary)}.taste__score-explanation{margin-top:var(--yb-space-4);font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.taste__group{margin-bottom:var(--yb-space-24)}.taste__group-title{margin:0 0 var(--yb-space-8);font-size:var(--yb-type-caption-small);font-weight:var(--yb-weight-medium);letter-spacing:.8px;text-transform:uppercase;color:var(--yb-text-tertiary)}.taste__values{display:flex;flex-direction:column;gap:var(--yb-space-8);margin:0;padding:0;list-style:none}.taste__value{padding:var(--yb-space-12)}.taste__value-head{display:flex;justify-content:space-between;margin-bottom:var(--yb-space-4)}.taste__bar,.taste__progress{height:6px;overflow:hidden;border-radius:var(--yb-radius-pill);background:var(--yb-glass-strong)}.taste__bar-fill,.taste__progress-fill{height:100%;background:var(--yb-primary)}.taste__evidence{margin:var(--yb-space-8) 0 0;font-size:var(--yb-type-body-small);color:var(--yb-text-secondary)}.taste__details summary{margin-top:var(--yb-space-8);font-size:var(--yb-type-caption);color:var(--yb-text-tertiary);cursor:pointer}.taste__counts{display:flex;flex-wrap:wrap;gap:var(--yb-space-12);margin:var(--yb-space-8) 0 0;font-size:var(--yb-type-caption)}.taste__counts dt{color:var(--yb-text-tertiary)}.taste__counts dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.taste__learning{padding:var(--yb-space-24)}.taste__footer{font-size:var(--yb-type-caption)}.verified-badge{width:1em;height:1em;flex:none;-webkit-margin-start:4px;margin-inline-start:4px;vertical-align:-.125em;color:var(--yb-accent)}.badge{display:inline-block;padding:1px 6px;border-radius:var(--yb-radius-pill);font-size:var(--yb-type-tiny);text-transform:uppercase;letter-spacing:.04em;background:var(--yb-surface-alt);color:var(--yb-text-secondary)}[dir=rtl]{--switch-travel:-18px;--tab-travel:-1}[dir=rtl] .player-page__controls,[dir=rtl] .player-page__times,[dir=rtl] .track-row__duration{direction:ltr}[dir=rtl] .auth-page__back-icon,[dir=rtl] .settings-row__chevron,[dir=rtl] .top-header__back svg{transform:scaleX(-1)}.placeholder-list{display:flex;flex-direction:column;gap:4px}.placeholder-row{display:flex;align-items:center;gap:12px;padding:8px}.placeholder-row__lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.placeholder{display:block;flex:none;background:linear-gradient(90deg,var(--yb-glass) 25%,var(--yb-glass-strong) 50%,var(--yb-glass) 75%);background-size:200% 100%;animation:placeholder-shimmer 1.4s ease-in-out infinite}.placeholder--cover{width:56px;height:56px;border-radius:12px}.placeholder--circle{width:44px;height:44px;border-radius:50%}.placeholder--avatar{width:40px;height:40px;border-radius:12px}.placeholder--line{width:62%;height:12px;border-radius:6px}.placeholder--short{width:38%}.placeholder--tiny{width:18%;height:10px}.placeholder--inset{width:100%;height:72px;border-radius:14px}.placeholder-moment{display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:20px}.placeholder-moment .placeholder-row{padding:0}.placeholder--picture{width:96px;height:96px;border-radius:12px}.picture-picker--round .placeholder--picture{border-radius:28px}.placeholder--button{width:112px;height:var(--yb-button-height-sm);border-radius:var(--yb-radius-md)}.placeholder--title{height:16px;margin-bottom:var(--yb-space-12)}.placeholder--input{width:100%;height:48px;border-radius:12px}@keyframes placeholder-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.placeholder{animation:none}}.load-more{display:grid;place-items:center;min-height:48px}.listening-card__play{position:relative;display:block;padding:0;text-align:start}.listening-card__cover--empty{display:grid;place-items:center;color:var(--yb-icon-muted)}.listening-card__face{position:absolute;inset-inline-end:-4px;bottom:12px;border:2px solid var(--yb-background);box-sizing:content-box}a.listening-card__title{color:var(--yb-text-primary)}a.listening-card__title:hover{text-decoration:underline}.landing{display:flex;flex-direction:column;align-items:flex-start;gap:var(--yb-space-12);margin-top:var(--yb-space-24);padding:var(--yb-space-24);border-radius:24px}.landing__title{margin:0;font-size:var(--yb-type-heading1);font-weight:var(--yb-weight-bold);letter-spacing:var(--yb-tracking-heading1)}.landing__body{margin:0;max-width:52ch;font-size:var(--yb-type-subtitle);line-height:1.5;color:var(--yb-text-secondary)}.landing__cta{margin-top:var(--yb-space-4)}.chart{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.chart__row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:16px;color:inherit}.chart__row:hover{background:var(--yb-glass)}.chart__rank{width:2ch;text-align:center;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-bold);color:var(--yb-text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart__cover{flex:none;width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--yb-glass)}.chart__cover--empty{display:grid;place-items:center;color:var(--yb-icon-muted)}.chart__meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.chart__artist,.chart__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart__title{font-size:var(--yb-type-row-title);font-weight:var(--yb-weight-medium)}.chart__artist,.chart__plays{font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.notification-row__link{display:flex;flex:1 1;align-items:center;gap:12px;min-width:0;color:inherit}a.notification-row__link:hover .notification-row__name{text-decoration:underline}.notification-row__name{font-weight:var(--yb-weight-bold)}.notification-row__icon{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yb-primary-subtle)}.filter-row{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.filter-pill{padding:6px 12px;border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-pill);font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.filter-pill.is-active,.filter-pill:hover{color:var(--yb-text-primary)}.filter-pill.is-active{border-color:var(--yb-primary);background:var(--yb-primary-subtle);font-weight:var(--yb-weight-medium)}.section--first{margin-top:8px}.list-card__cover--round{border-radius:50%}.album-track__progress{display:flex;align-items:center;gap:8px;padding:0 8px 8px calc(56px + 20px)}.album-track__left{flex:none;font-size:var(--yb-type-caption-small);color:var(--yb-text-tertiary)}.progress-line{direction:ltr;display:block;flex:1 1;height:3px;border-radius:2px;background:var(--yb-player-track);overflow:hidden}.progress-line__fill{display:block;height:100%;border-radius:2px;background:var(--yb-primary)}.inline-create{display:flex;gap:8px;margin-bottom:12px}.inline-create input{flex:1 1;min-width:0;padding:10px 12px;border:1px solid var(--yb-glass-border);border-radius:var(--yb-radius-md);background:var(--yb-glass);color:var(--yb-text-primary);font:inherit;transition:border-color .18s ease}.inline-create input::placeholder{color:var(--yb-text-tertiary)}.inline-create input:focus{outline:none;border-color:var(--yb-primary)}.form-error,.form-status{margin:4px 0 12px;font-size:var(--yb-type-caption)}.form-error{color:var(--yb-danger)}.form-status{color:var(--yb-success)}.chip-group__label{margin:0 0 6px;font-size:var(--yb-type-overline);letter-spacing:var(--yb-tracking-overline);text-transform:uppercase;color:var(--yb-text-tertiary)}img.artist-card__avatar{object-fit:cover}.taste-match{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:14px;border-radius:var(--yb-radius-lg)}.taste-match__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-bold)}.taste-match__score{color:var(--yb-accent)}.taste-match__meter .progress-line__fill{background:var(--yb-accent)}.taste-match__text{margin:0;font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.follow-suggestions{display:flex;flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none}.follow-suggestions__row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--yb-radius-lg)}.follow-suggestions__name{display:flex;flex:1 1;align-items:center;gap:4px;min-width:0;font-weight:var(--yb-weight-medium)}.follow-suggestions__row>.button{align-self:center}.comment__author{display:flex;flex:none;align-items:flex-start;gap:8px;color:inherit}.comment__author-name{display:flex;align-items:center;gap:3px;margin-top:6px;font-size:var(--yb-type-caption);font-weight:var(--yb-weight-medium)}.clip-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--yb-radius-lg)}.clip-card__track{display:flex;align-items:center;gap:12px}.clip-card__cover{flex:none;width:52px;height:52px;border-radius:10px;object-fit:cover;background:var(--yb-media-background)}.clip-card__cover--empty{display:grid;place-items:center;color:var(--yb-icon-muted)}.clip-card__meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.clip-card__meta .overline{margin:0}.clip-card__title{font-weight:var(--yb-weight-medium)}.clip-card__artist{font-size:var(--yb-type-caption);color:var(--yb-text-secondary)}.clip-card__head{display:flex;align-items:center;justify-content:space-between;font-size:var(--yb-type-body-small);font-weight:var(--yb-weight-medium)}.clip-card__range{color:var(--yb-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clip-card__slider{width:100%;accent-color:var(--yb-primary)}.clip-card__foot{display:flex;align-items:center;gap:12px}.clip-card__foot .form__hint{flex:1 1;margin:0}.not-found{flex-direction:column;justify-content:center;min-height:calc(100vh - var(--yb-top-inset) - var(--yb-bottom-inset));min-height:calc(100dvh - var(--yb-top-inset) - var(--yb-bottom-inset));text-align:center}.not-found,.not-found__code{display:flex;align-items:center}.not-found__code{gap:.05em;margin-bottom:var(--yb-space-24);font-size:clamp(104px,30vw,176px);font-weight:var(--yb-weight-bold);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.not-found__digit{padding:.08em .02em;background:linear-gradient(180deg,var(--yb-text-primary) 20%,color-mix(in srgb,var(--yb-text-primary) 38%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}:lang(fa) .not-found__digit{translate:0 .1em}.not-found__record{display:grid;place-items:center;flex:none;width:.8em;height:.8em;border:1px solid var(--yb-glass-border);border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,rgba(255,255,255,.2) 28deg,transparent 56deg,transparent 180deg,rgba(255,255,255,.2) 208deg,transparent 236deg),repeating-radial-gradient(circle,transparent 0 3px,rgba(255,255,255,.08) 3px 4px),color-mix(in srgb,var(--yb-background) 70%,black);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 .1em .3em color-mix(in srgb,var(--yb-shadow) 45%,transparent),0 0 .55em color-mix(in srgb,var(--yb-primary) 45%,transparent)}.not-found__label{position:relative;width:38%;height:38%;border-radius:50%;background:var(--yb-primary);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);animation:not-found-spin 4s linear infinite}.not-found__label:before{content:"";position:absolute;inset:41%;border-radius:50%;background:var(--yb-background)}.not-found__label:after{content:"";position:absolute;top:16%;left:35%;width:30%;height:7%;border-radius:var(--yb-radius-pill);background:rgba(255,255,255,.72)}@keyframes not-found-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.not-found__label{animation:none}}.not-found__title{margin:0;font-size:var(--yb-type-heading1);font-weight:var(--yb-weight-bold);letter-spacing:var(--yb-tracking-heading1);line-height:1.2;text-wrap:balance}.not-found__hint{max-width:44ch;margin:var(--yb-space-8) 0 0;font-size:var(--yb-type-subtitle);line-height:1.5;color:var(--yb-text-secondary);text-wrap:balance}.not-found__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--yb-space-12);margin-top:var(--yb-space-24)}@media (min-width:1024px){.shell:has(.tab-bar) .shell__content{-webkit-padding-start:var(--yb-sidebar-width);padding-inline-start:var(--yb-sidebar-width)}.shell:has(.tab-bar){--yb-bottom-inset:calc(var(--yb-safe-bottom) + var(--yb-space-24))}.shell:has(.tab-bar):has(.mini-player){--yb-bottom-inset:calc(var(--yb-safe-bottom) + var(--yb-mini-player-height) + var(--yb-space-16) * 2 + var(--yb-space-24))}.page{padding-inline:var(--yb-space-32)}.onboarding__scroll{max-width:640px}.tab-dock{inset-block:0;inset-inline:0;padding:0}.tab-dock .tab-bar{position:fixed;inset-block:0;inset-inline-start:0;flex-direction:column;align-items:stretch;justify-content:flex-start;width:var(--yb-sidebar-width);max-width:none;height:auto;margin:0;padding:calc(var(--yb-safe-top) + 72px) 12px 24px;border-width:0;border-inline-end-width:1px;border-radius:0;box-shadow:none}.tab-dock .tab-bar:before{display:none}.hero--media{display:flex;align-items:flex-end;gap:var(--yb-space-24)}.hero--media .hero__cover{flex:none;margin:4px 0 0}.hero__body{flex:1 1;min-width:0}.tab-dock .tab-bar,.tab-dock .tab-bar[data-refracting]{background:color-mix(in srgb,var(--yb-background) 55%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.tab-dock .tab-bar__track{flex-direction:column;flex:none;gap:4px;height:auto}.tab-dock .tab-bar__indicator{display:none}.tab-dock .tab-bar__tab{flex:none;flex-direction:row;justify-content:flex-start;gap:14px;height:48px;padding-inline:16px;border-radius:var(--yb-radius-pill)}.tab-dock .tab-bar__tab:hover{background:color-mix(in srgb,var(--yb-text-primary) 5%,transparent)}.tab-dock .tab-bar__tab--active{background:color-mix(in srgb,var(--yb-text-primary) 9%,transparent)}.tab-dock .tab-bar__label{font-size:var(--yb-type-body)}.tab-dock .mini-player,.tab-dock .undo-pill{position:fixed;bottom:calc(var(--yb-safe-bottom) + var(--yb-space-16));inset-inline:calc(var(--yb-sidebar-width) + var(--yb-space-32)) var(--yb-space-32);max-width:calc(var(--yb-column-width) - var(--yb-space-32) * 2);margin-inline:auto;margin-block:0}}.notification-list__heading{margin:var(--yb-space-8) 0;list-style:none;font-size:var(--yb-type-body);font-weight:var(--yb-weight-bold)}.notification-row__quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:2px;color:var(--yb-text-secondary);overflow-wrap:anywhere}.notification-empty-filter{margin:var(--yb-space-16) 0 0;text-align:center;color:var(--yb-text-secondary)}