@layer imports, properties, theme, preflights, base, base, roles, roles, shortcuts, components, components, recipes, recipes, default, utilities, utilities, utilities, overrides, overrides;@layer base{.c-ring-active::before, .c-ring-live::before, .u-mixed-ring::before{--ring-gap-default:calc(var(--ring-ctx-gap, 2px) - var(--ring-ctx-in, 0) * var(--ring-w, 2px));position:absolute;z-index:var(--ring-z, -2);pointer-events:none;content:"";inset:var(--ring-inset, calc(0px - var(--ring-edge, 0px) - var(--ring-offset, var(--ring-gap-default)) - var(--ring-w, 2px)));border-radius:var(--ring-outer, calc(var(--ring-radius, var(--control-radius, 999px)) + var(--ring-offset, var(--ring-gap-default)) + var(--ring-w, 2px)));padding:var(--ring-w, 2px);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude;animation:u-ring-spin var(--ring-speed, 3s) steps(var(--ring-steps, 54)) infinite;background:conic-gradient(from var(--ring-angle), var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));background:conic-gradient(from var(--ring-angle) in oklch, var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));}@media (prefers-reduced-motion: reduce){.c-ring-active::before, .c-ring-live::before, .u-mixed-ring::before{animation:none;}}}@layer roles{:where(.u-auth-link){--control-fg-hover:var(--colors-fg-link-hover);}:where(.u-chip){--control-surface-hover:var(--colors-surface-chip-hover);--control-fg-hover:var(--colors-fg-chip-active);--control-line-hover:var(--colors-transparent);}:where(.u-action), :where(.u-button){--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-accent);}:where(.u-pagination){--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-fg-strong);--control-line-hover:var(--colors-line-pagination);}}@layer utilities{.c-var-avatar{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-line-strong);}.c-var-blank, [un-c-var~="blank"]{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-fg);--control-line-hover:var(--colors-line-strong);}.c-var-ghost, [un-c-var~="ghost"], [un-c-var~="menu"]{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-line-strong);}.c-var-outline, [un-c-var~="button"], [un-c-var~="outline"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-accent);}.c-var-primary, [un-c-var~="primary"]{--control-surface-hover:var(--colors-accent-hover);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-accent-hover);}.c-var-secondary{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-surface-hover);}[un-c-var~="add"]{--control-surface-hover:var(--colors-accent);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-transparent);--control-surface-active-hover:var(--colors-overlay);--control-fg-active-hover:var(--colors-fg-scrim);--control-line-active-hover:var(--colors-transparent);}[un-c-var~="bare"], [un-c-var~="search"], [un-c-var~="show-more"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-transparent);}[un-c-var~="chip"]{--control-surface-hover:var(--colors-surface-chip-hover);--control-fg-hover:var(--colors-fg-chip-active);--control-line-hover:var(--colors-transparent);}[un-c-var~="headprofile"]{--control-surface-hover:var(--colors-surface-2);--control-fg-hover:var(--colors-fg-strong);--control-line-hover:var(--colors-accent);}[un-c-var~="loadmore"]{--control-surface-hover:var(--colors-accent);--control-fg-hover:var(--colors-accent-fg);--control-line-hover:var(--colors-transparent);}[un-c-var~="milink"]{--control-surface-hover:var(--colors-surface);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-line);}[un-c-var~="noads"]{--control-surface-hover:var(--colors-surface-promo-sunk-hover);--control-fg-hover:var(--colors-fg-promo);--control-line-hover:var(--colors-transparent);}[un-c-var~="option"]{--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-transparent);}[un-c-var~="sidebar"]{--control-surface-hover:var(--colors-transparent);--control-fg-hover:var(--colors-fg-link);--control-line-hover:var(--colors-transparent);--control-surface-active-hover:var(--colors-transparent);--control-fg-active-hover:var(--colors-fg-link);--control-line-active-hover:var(--colors-transparent);}[un-c-active~="ring"]:is([aria-current="page"], [aria-pressed="true"], [aria-checked="true"], .u-active)::before{--ring-gap-default:calc(var(--ring-ctx-gap, 2px) - var(--ring-ctx-in, 0) * var(--ring-w, 2px));position:absolute;z-index:var(--ring-z, -2);pointer-events:none;content:"";inset:var(--ring-inset, calc(0px - var(--ring-edge, 0px) - var(--ring-offset, var(--ring-gap-default)) - var(--ring-w, 2px)));border-radius:var(--ring-outer, calc(var(--ring-radius, var(--control-radius, 999px)) + var(--ring-offset, var(--ring-gap-default)) + var(--ring-w, 2px)));padding:var(--ring-w, 2px);mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude;animation:u-ring-spin var(--ring-speed, 3s) steps(var(--ring-steps, 54)) infinite;background:conic-gradient(from var(--ring-angle), var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));background:conic-gradient(from var(--ring-angle) in oklch, var(--ring-from), var(--ring-via, var(--ring-from)) var(--ring-via-at, 0%), var(--ring-to) var(--ring-to-at, 50%), var(--ring-from));}@media (prefers-reduced-motion: reduce){[un-c-active~="ring"]:is([aria-current="page"], [aria-pressed="true"], [aria-checked="true"], .u-active)::before{animation:none;}}}@layer shortcuts{@media (hover: hover){.u-action.c-hover:not(:disabled, [aria-disabled="true"]):hover .u-icon{color:inherit;}}}@layer components{.u-card-menu-overlay{position:fixed;inset:0;z-index:1040;background-color:transparent;}.u-card-menu-box{position:fixed;z-index:1060;}.u-card-menu-list{min-width:164px;max-height:calc(var(--spacing) * 75);overflow-y:auto;overscroll-behavior:contain;}.u-card-menu-item{--control-h:calc(var(--spacing) * 9);--control-px:calc(var(--spacing) * 3);--control-gap:calc(var(--spacing) * 2);--control-radius:var(--card-radius-sm);--control-justify:flex-start;--control-border-w:0px;--control-surface:transparent;--control-fg:var(--colors-fg);--control-surface-hover:var(--colors-surface-hover);--control-fg-hover:var(--colors-accent);--focus-ring-offset:-2px;width:100%;padding-block:calc(var(--spacing) * 1.5);text-align:start;}}@layer components{.u-popover{position:absolute;top:calc(100% + 4px);z-index:1060;overflow:hidden;box-shadow:0 24px 64px rgb(0 0 0 / 28%);}}@layer components{@media (hover: hover){a.u-card-avatar:not([aria-disabled="true"]):hover{outline:2px solid var(--colors-accent);outline-offset:-2px;}}}@layer components{@media (hover: hover){.u-card:has(> .u-card-avatar-link:hover) .u-card-avatar[data-anchor]{outline:2px solid var(--colors-accent);outline-offset:-2px;}}}@layer components{.u-filter-toggle[aria-expanded="true"]{border-color:var(--control-line-active);background:var(--control-surface-active);color:var(--control-fg-active);}.u-filter-toggle[aria-expanded="true"] .u-icon{rotate:180deg;}}@layer components{.u-mixed-item:hover .u-mixed-img{scale:1.15;}}@layer components{.u-feedback-badge:hover{background-color:var(--control-surface-hover);color:var(--control-fg-hover);}}@layer components{.l-notices{--notices-w:calc(var(--spacing) * 85);--notices-dur:300ms;--notices-from:translateY(100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:0 var(--notices-edge, calc(var(--spacing) * 5)) var(--notices-edge, calc(var(--spacing) * 5));gap:var(--notices-gap, calc(var(--spacing) * 3));pointer-events:none;}.l-notices[data-edge='0']{--notices-edge:0px;}.l-notices[data-edge='2']{--notices-edge:calc(var(--spacing) * 2);}.l-notices[data-edge='3']{--notices-edge:calc(var(--spacing) * 3);}.l-notices[data-edge='4']{--notices-edge:calc(var(--spacing) * 4);}.l-notices[data-gap='1']{--notices-gap:var(--spacing);}.l-notices[data-gap='2']{--notices-gap:calc(var(--spacing) * 2);}.l-notices[data-gap='4']{--notices-gap:calc(var(--spacing) * 4);}.l-notices[data-width='auto']{--notices-w:auto;}.l-notices[data-width='wide']{--notices-w:calc(var(--spacing) * 120);}.l-notices[data-width='full']{--notices-w:100%;}.l-notices[data-from='top']{--notices-from:translateY(-100%);}.l-notices[data-from='end']{--notices-from:translateX(100%);}.l-notices[data-from='start']{--notices-from:translateX(-100%);}.l-notices[data-from='fade']{--notices-from:none;}.l-notices[data-speed='fast']{--notices-dur:180ms;}.l-notices[data-speed='slow']{--notices-dur:500ms;}.l-notices[data-place^='top-']{position:fixed;inset:0;z-index:1060;justify-content:flex-start;padding:var(--notices-edge, calc(var(--spacing) * 5));}.l-notices[data-place$='-start']{align-items:flex-start;}.l-notices[data-place$='-center']{align-items:center;}.l-notices:not(:has(> :not(.hidden, [hidden], template))){display:none;}@media (max-width: 374.9px){.l-notices[data-flush]{--notices-edge:calc(var(--spacing) * 3);align-items:stretch;}.l-notices[data-flush] > .l-notices-item{inline-size:100%;}}.u-notices-hidden{opacity:0;transform:var(--notices-from);}.u-notices-anim{transition:opacity var(--notices-dur, 300ms) cubic-bezier(0.4, 0, 0.2, 1), transform var(--notices-dur, 300ms) cubic-bezier(0.4, 0, 0.2, 1);}@media (prefers-reduced-motion: reduce){.u-notices-anim{transition:none;}}}@layer components{.l-notices-item{inline-size:var(--notices-w, auto);min-width:0;max-width:100%;pointer-events:auto;}}@layer components{.u-dialog-anim.u-dialog-frame{transition:opacity 180ms ease;}.u-dialog-anim .u-dialog{transition:transform 180ms ease;}.u-dialog-anim-from.u-dialog-frame{opacity:0;}.u-dialog-anim-from .u-dialog{transform:translateY(8px) scale(.98);}@media (prefers-reduced-motion: reduce){.u-dialog-anim.u-dialog-frame, .u-dialog-anim .u-dialog{transition:none;}}@media (max-width: 399.9px){.u-dialog-frame[data-fullscreen]{padding:0;}.u-dialog-frame[data-fullscreen] .u-dialog{height:100dvh;max-height:100dvh;border-width:0;border-radius:0;}}}@layer components{.u-notice-toast{--notice-icon-box:calc(var(--spacing) * 6);width:auto;}.u-notice-toast .u-notice-text{color:var(--colors-fg);}}@layer components{:root{--chat-widget-panel-width:340px;--chat-widget-panel-height:520px;}.chat-widget{--chat-widget-panel-max-height:max(0px, calc(100dvh - var(--l-dock-inset, 0px) - 120px));display:flex;justify-content:flex-end;margin:0 20px 20px;pointer-events:none;color:var(--colors-fg);font-size:0.8rem;line-height:1.5;}@media (max-width: 420.9px){.chat-widget{margin:0 12px 12px;}}.chat-widget > *{pointer-events:auto;}.chat-widget__launcher{position:relative;}.chat-widget-slide-enter-active, .chat-widget-slide-leave-active{transition:opacity 0.2s ease;}.chat-widget-slide-enter-from, .chat-widget-slide-leave-to{opacity:0;}}@layer components{.chat-widget__panel{width:var(--chat-widget-panel-width);height:var(--chat-widget-panel-height);max-height:var(--chat-widget-panel-max-height);max-width:calc(100vw - 40px);transform-origin:bottom right;overflow-x:hidden;overflow-y:auto;--icon-color:currentColor;--icon-stroke:1.5;}@media (max-width: 420.9px){.chat-widget__panel{width:100%;height:calc(100dvh - 120px);max-height:var(--chat-widget-panel-max-height);}}}@layer components{.emoji-picker-btn{position:relative;display:inline-flex;flex-shrink:0;}}@layer components{.emoji-picker-btn__popover{position:absolute;z-index:1300;right:0;}.emoji-picker-btn__popover.emoji-picker-btn__popover--top{top:auto;bottom:calc(100% + 8px);}.emoji-picker-btn__popover.emoji-picker-btn__popover--bottom{bottom:auto;top:calc(100% + 8px);}.emoji-picker-btn__popover--teleported{color:var(--colors-fg);font-size:0.8rem;line-height:1.5;}.emoji-picker-btn__popover emoji-picker{--background:var(--colors-surface);--category-font-color:var(--colors-fg);--outline-color:var(--colors-accent);color-scheme:dark;--border-color:var(--colors-line);--indicator-color:var(--colors-accent);--input-border-color:var(--colors-line);--input-font-color:var(--colors-fg);--input-placeholder-color:var(--colors-fg-muted);--button-active-background:var(--colors-surface-hover);--button-hover-background:var(--colors-surface-hover);height:360px;}[data-theme="light"] .emoji-picker-btn__popover emoji-picker{color-scheme:light;}}@layer components{.u-foot-rta:hover{color:var(--colors-accent);}}@layer components{.u-auth-sfw-icon{color:var(--colors-fg-muted);}.u-auth-sfw-alert{margin-inline-end:calc(var(--spacing) * 2);vertical-align:middle;color:var(--colors-accent);}.u-auth-sfw-logo{max-width:calc(var(--spacing) * 27);height:calc(var(--spacing) * 4);}.u-auth-sfw-logo-tall{height:calc(var(--spacing) * 7);}.u-auth-sfw-rta{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 4);opacity:0.5;}}@layer components{.u-sfw-page{display:flex;flex:1;align-items:center;justify-content:center;width:100%;min-width:0;padding:calc(var(--spacing) * 4);}@media (max-width: 399.9px){.u-sfw-page{padding:0;}.u-sfw-page > .u-sfw-dialog{border-width:0;}}}@layer components{.u-queue-dock{--queue-w:calc(var(--spacing) * 92);--queue-thumb-w:calc(var(--spacing) * 20);order:10;flex:none;align-self:flex-end;display:flex;flex-direction:column;width:var(--queue-w);max-width:calc(100vw - var(--spacing) * 4);max-height:min(70vh, calc(var(--spacing) * 140));margin:0 calc(var(--spacing) * 5) calc(var(--spacing) * 3);overflow:hidden;border-bottom-left-radius:var(--panel-radius);border-bottom-right-radius:var(--panel-radius);box-shadow:0 12px 40px rgb(0 0 0 / 0.35);pointer-events:auto;}.u-queue-dock[hidden]{display:none;}.u-queue-dock-head{display:flex;align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 3);border-bottom:1px solid var(--colors-line);}.u-queue-dock-heading{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:calc(var(--spacing) * 2);font-weight:700;text-align:start;color:var(--colors-fg-strong, var(--colors-fg));cursor:pointer;}.u-queue-dock-heading-icon{color:var(--colors-accent);}.u-queue-dock-count{font-weight:400;color:var(--colors-fg-muted);}.u-queue-dock-tools{display:flex;flex:none;align-items:center;gap:calc(var(--spacing) * 0.5);}.u-queue-dock-tool{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border-radius:999px;color:var(--colors-fg-muted);cursor:pointer;transition:background-color 120ms, color 120ms;}.u-queue-dock-tool:hover{background:var(--colors-surface-hover);color:var(--colors-fg);}.u-queue-dock-tool .u-icon, .u-queue-dock-tool svg{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5);}.u-queue-dock:not([data-expanded]) [data-queue-when="expanded"], .u-queue-dock[data-expanded] [data-queue-when="collapsed"]{display:none;}.u-queue-dock[data-expanded] .u-queue-dock-next{display:none;}.u-queue-thumb{position:relative;flex:none;width:var(--queue-thumb-w);aspect-ratio:16 / 9;overflow:hidden;border-radius:calc(var(--spacing) * 1.5);background:var(--colors-surface-sunk, var(--colors-surface-hover));}.u-queue-thumb img{display:block;width:100%;height:100%;object-fit:cover;}.u-queue-thumb img:not([src]){visibility:hidden;}.u-queue-thumb b{position:absolute;right:calc(var(--spacing) * 1);bottom:calc(var(--spacing) * 1);padding:0 calc(var(--spacing) * 1);border-radius:calc(var(--spacing) * 1);background:rgb(0 0 0 / 0.75);font-size:11px;font-weight:600;line-height:18px;color:#fff;}.u-queue-thumb b:empty{display:none;}.u-queue-dock-next{display:flex;align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);color:inherit;text-decoration:none;}.u-queue-dock-next[hidden]{display:none;}.u-queue-dock-next:hover{background:var(--colors-surface-hover);}.u-queue-dock-next-body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:calc(var(--spacing) * 0.5);}.u-queue-dock-next-label{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--colors-accent);}.u-queue-dock-next-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;font-weight:600;line-height:1.3;}.u-queue-dock-next-play{flex:none;color:var(--colors-fg-muted);}.u-queue-dock-list{display:none;flex:1 1 auto;min-height:0;margin:0;padding:calc(var(--spacing) * 1) 0;overflow-y:auto;overscroll-behavior:contain;list-style:none;}.u-queue-dock[data-expanded] .u-queue-dock-list{display:block;}.u-queue-item{display:flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2) calc(var(--spacing) * 1.5) calc(var(--spacing) * 1);transition:background-color 120ms, opacity 120ms;}.u-queue-item:hover{background:var(--colors-surface-hover);}.u-queue-item[data-played]{opacity:0.55;}.u-queue-item[data-current]{background:color-mix(in srgb, var(--colors-accent) 14%, transparent);opacity:1;}.u-queue-item[data-dragging]{opacity:0.4;}.u-queue-item[data-drop="before"]{box-shadow:inset 0 2px 0 var(--colors-accent);}.u-queue-item[data-drop="after"]{box-shadow:inset 0 -2px 0 var(--colors-accent);}.u-queue-item-handle{flex:none;width:calc(var(--spacing) * 4);font-size:12px;letter-spacing:-2px;text-align:center;color:var(--colors-fg-muted);cursor:grab;user-select:none;}.u-queue-item-index{flex:none;width:calc(var(--spacing) * 4);font-size:12px;text-align:center;color:var(--colors-fg-muted);}.u-queue-item[data-current] .u-queue-item-index{color:var(--colors-accent);}.u-queue-item-link{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:calc(var(--spacing) * 2.5);color:inherit;text-decoration:none;}.u-queue-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;font-weight:500;line-height:1.3;}.u-queue-item-remove{flex:none;opacity:0;}.u-queue-item:hover .u-queue-item-remove, .u-queue-item-remove:focus-visible{opacity:1;}.u-queue-dock-foot{display:flex;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);border-top:1px solid var(--colors-line);}.u-queue-dock-action{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:calc(var(--spacing) * 1.5);min-height:calc(var(--spacing) * 8);padding:0 calc(var(--spacing) * 2);border-radius:999px;background:var(--colors-surface-hover);font-size:12px;font-weight:600;cursor:pointer;transition:background-color 120ms, color 120ms;}.u-queue-dock-action:hover{background:var(--colors-accent);color:var(--colors-accent-fg);}.u-queue-dock-action .u-icon, .u-queue-dock-action svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}.u-queue-dock-hint{display:flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 2) calc(var(--spacing) * 3);border-top:1px solid var(--colors-line);font-size:12px;color:var(--colors-fg-muted);}.u-queue-dock-hint[hidden]{display:none;}.u-queue-dock-hint > span{flex:1 1 auto;}.u-queue-dock-hint-link{flex:none;font-weight:700;color:var(--colors-accent);}@media (max-width: 768px){.u-queue-dock{--queue-w:100%;--queue-thumb-w:calc(var(--spacing) * 16);max-width:none;max-height:60vh;margin:0 0 0;border-radius:var(--panel-radius) var(--panel-radius) 0 0;border-bottom:0;}.u-queue-item-handle{display:none;}.u-queue-item-remove{opacity:1;}}@media (max-width: 768px){.u-queue-dock:not([data-expanded]) .u-queue-dock-head{padding-block:calc(var(--spacing) * 1);}}}@layer components{.u-save-playlist-surface{width:min(420px, calc(100vw - var(--spacing) * 6));}.u-save-playlist-head{display:flex;flex-direction:column;gap:calc(var(--spacing) * 0.5);min-width:0;}.u-save-playlist-subtitle{overflow:hidden;font-size:12px;font-weight:400;color:var(--colors-fg-muted);text-overflow:ellipsis;white-space:nowrap;}.u-save-playlist-list{display:flex;flex-direction:column;max-height:min(50vh, 360px);margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;}.u-save-playlist-list[aria-busy="true"]::before{content:'';display:block;height:calc(var(--spacing) * 10);border-radius:calc(var(--spacing) * 2);background:var(--colors-surface-hover);opacity:0.6;}.u-save-playlist-row label{display:flex;align-items:center;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 1);border-radius:calc(var(--spacing) * 2);cursor:pointer;}.u-save-playlist-row label:hover{background:var(--colors-surface-hover);}.u-save-playlist-row input{width:18px;height:18px;accent-color:var(--colors-accent);}.u-save-playlist-row input[data-state="pending"]{opacity:0.5;}.u-save-playlist-row-body{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;}.u-save-playlist-row-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}.u-save-playlist-row-meta{font-size:12px;color:var(--colors-fg-muted);}.u-save-playlist-new{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 1);font-weight:600;color:var(--colors-accent);cursor:pointer;}.u-save-playlist-new[hidden], .u-save-playlist-form[hidden]{display:none;}.u-save-playlist-form{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 3);border-top:1px solid var(--colors-line);}.u-save-playlist-input{min-height:calc(var(--spacing) * 10);padding:0 calc(var(--spacing) * 3);border:1px solid var(--colors-line);border-radius:calc(var(--spacing) * 2);background:var(--colors-surface-sunk, transparent);color:var(--colors-fg);}.u-save-playlist-input:focus{border-color:var(--colors-accent);}.u-save-playlist-public{display:grid;grid-template-columns:auto 1fr;column-gap:calc(var(--spacing) * 2);align-items:center;cursor:pointer;}.u-save-playlist-public input{accent-color:var(--colors-accent);}.u-save-playlist-public small{grid-column:2;font-size:11px;color:var(--colors-fg-muted);}.u-save-playlist-submit{min-height:calc(var(--spacing) * 10);border-radius:999px;background:var(--colors-accent);font-weight:700;color:var(--colors-accent-fg);cursor:pointer;}}@layer components{.l-str-toasts{display:flex;justify-content:center;padding:0 calc(var(--spacing) * 3) calc(var(--spacing) * 2);pointer-events:none;}.l-str-toasts > .u-toasts{max-width:100%;pointer-events:auto;}}@layer components{.u-toast{display:inline-flex;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);pointer-events:auto;box-shadow:0 5px 25px rgb(0 0 0 / 25%);}.u-toast-close{flex:none;border-width:0;opacity:0.65;}.u-toast-close:hover{opacity:1;}}@layer components{.u-foot-link:hover{color:var(--foot-link-fg-hover, var(--foot-link-fg, var(--colors-accent)));}}@layer components{@media (hover: hover){.u-text-link:not([data-hover="off"], [aria-disabled="true"]):hover{color:var(--control-fg-hover, var(--colors-accent-hover));}}}@layer utilities{.l-head .l-head-search.l-head-cell:has(.u-field-box[data-open="true"]){z-index:4;}}@layer components{.u-profile-menu-avatar{--avatar-control-size:var(--control-h);display:block;grid-row:span 2;}.u-profile-popover{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);width:calc(var(--spacing) * 70);max-width:100vw;padding:calc(var(--spacing) * 3);}.u-profile-popover .u-menu-item{--control-justify:space-between;}.u-profile-popover .u-icon-mask[data-icon='user']{--icon-src:url(https://static.gayporn.com/_astro/user.19mPNv6k.svg);}.u-profile-popover .u-icon-mask[data-icon='users']{--icon-src:url(https://static.gayporn.com/_astro/users.AbtoQtgE.svg);}.u-profile-popover .u-icon-mask[data-icon='heart']{--icon-src:url(https://static.gayporn.com/_astro/heart.BqEOzV4W.svg);}.u-profile-popover .u-icon-mask[data-icon='star']{--icon-src:url(https://static.gayporn.com/_astro/star.IKhmOT4B.svg);}.u-profile-popover .u-icon-mask[data-icon='log-out']{--icon-src:url(https://static.gayporn.com/_astro/log-out.uESt7zZZ.svg);}.u-profile-popover .u-icon-mask[data-icon='log-in']{--icon-src:url(https://static.gayporn.com/_astro/log-in.dQUqMu6y.svg);}.u-profile-popover-identity{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:center;align-content:center;column-gap:calc(var(--spacing) * 2);padding-block-end:calc(var(--spacing) * 2);border-block-end:1px solid var(--colors-line);}.u-profile-popover-name, .u-profile-popover-email{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.u-profile-popover-name{color:var(--colors-fg);}.u-profile-popover-email{color:var(--colors-fg-muted);}}@layer components{.u-search-box[data-open]{z-index:1040;}}@layer components{.u-popover.u-search-suggestions{inset-inline:0;max-height:300px;overflow-y:auto;overscroll-behavior:contain;border-color:var(--colors-line);background-color:var(--colors-surface);color:var(--colors-fg);}.u-popover.u-search-suggestions[data-recent], .u-popover.u-search-suggestions[data-popular]{max-height:none;overflow-y:visible;}.u-search-suggestions .u-menu-item{width:100%;white-space:normal;}.u-search-suggestions .u-menu-item[data-active]{background:var(--control-surface-active);color:var(--control-fg-active);}.u-search-suggestions-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.u-search-suggestions-count{flex:none;margin-inline-start:auto;padding-inline-start:calc(var(--spacing) * 4);font-size:0.75em;color:var(--colors-fg-muted);font-variant-numeric:tabular-nums;}.u-search-suggestions .u-menu-item[data-active] .u-search-suggestions-count{color:inherit;opacity:0.8;}.u-search-suggestions-head{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--colors-line);background-color:var(--colors-surface);}.u-search-suggestions-label, .u-search-suggestions-empty{color:var(--colors-fg-muted);}.u-search-suggestions-label{text-transform:uppercase;}li.u-search-suggestions-label{padding-block:var(--spacing);}.u-search-suggestions > .u-loader{display:flex;margin:calc(var(--spacing) * 4) auto;}}@layer components{.l-rail-1 .l-rail-panel[data-open]{padding-inline-start:calc(var(--spacing) * 3.5);z-index:1003;width:255px;visibility:visible;border-inline-end:1px solid var(--colors-line-soft);box-shadow:0 10px 30px rgb(0 0 0 / 45%);}}@layer components{.u-filter-options-radio{max-height:none;overflow:visible;}.u-filter-options-radio .u-menu-item:has(> .u-filter-radio-input:checked){border-color:transparent;background-color:transparent;color:var(--colors-fg);}.u-filter-options-radio .u-menu-item:has(> .u-filter-radio-input:checked) .u-filter-radio{border:0.375rem solid var(--colors-surface);background-color:var(--colors-fg);box-shadow:0 0 0 2px var(--colors-accent);}}@layer components{.u-drawer[open]{visibility:visible;translate:0;}@starting-style{.u-drawer[open]{translate:-100%;}.u-drawer[open][data-side='end'], .u-drawer[open]:where(:dir(rtl)){translate:100%;}.u-drawer[open][data-side='end']:where(:dir(rtl)){translate:-100%;}}}