.page-module__GJIVBG__library{max-width:var(--max-width-content);padding:var(--spacing-xl) var(--container-padding) var(--spacing-6xl);gap:var(--spacing-xxl);flex-direction:column;margin:0 auto;display:flex}.page-module__GJIVBG__library__header{gap:var(--spacing-md);flex-direction:column;display:flex}.page-module__GJIVBG__library__title{font-size:var(--font-size-xxlarge);font-weight:var(--font-weight-bold);letter-spacing:-.02em;align-items:baseline;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-module__GJIVBG__library__count{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-text-muted)}.page-module__GJIVBG__library__subtitle{font-size:var(--font-size-body);color:var(--color-text-secondary)}.page-module__GJIVBG__library__navRow{align-items:center;gap:var(--spacing-lg);display:flex}.page-module__GJIVBG__library__navRow .page-module__GJIVBG__tabs{flex:auto;min-width:0}.page-module__GJIVBG__library__loading{text-align:center;padding:var(--spacing-4xl) 0;color:var(--color-text-muted)}.page-module__GJIVBG__library__empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--color-text-muted);align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.page-module__GJIVBG__library__retry{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary-main);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition-fast);border:none}.page-module__GJIVBG__library__retry:hover{background-color:var(--color-primary-light)}.page-module__GJIVBG__tabs{align-items:center;gap:var(--spacing-md);max-width:100%;display:flex}.page-module__GJIVBG__tabs__pillMask{background-color:var(--color-bg-floor);border-radius:var(--radius-lg);flex:none;min-width:0;display:flex}.page-module__GJIVBG__tabs__allPillMask{flex:none}.page-module__GJIVBG__tabs__pill{width:auto;min-width:0;min-height:38px;padding:0 clamp(var(--spacing-md), 1.4vw, var(--spacing-lg));border-radius:var(--radius-lg);border:var(--border-thin) solid var(--color-border);background-color:var(--color-bg-base);color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);font-family:var(--font-family-title);line-height:var(--line-height-small);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;gap:6px;display:flex}.page-module__GJIVBG__tabs__label{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.page-module__GJIVBG__tabs__pill svg{flex:none}.page-module__GJIVBG__tabs__pill:hover{background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.page-module__GJIVBG__tabs__pill--active{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-primary-main-rgb), .094), rgba(var(--color-primary-main-rgb), .094));border-color:rgba(var(--color-primary-main-rgb), .6);color:var(--color-primary-main)}.page-module__GJIVBG__tabs__pill--playing{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-status-playing-rgb), .094), rgba(var(--color-status-playing-rgb), .094));border-color:rgba(var(--color-status-playing-rgb), .6);color:var(--color-status-playing)}.page-module__GJIVBG__tabs__pill--queued{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-status-queued-rgb), .094), rgba(var(--color-status-queued-rgb), .094));border-color:rgba(var(--color-status-queued-rgb), .6);color:var(--color-status-queued)}.page-module__GJIVBG__tabs__pill--finished{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-status-completed-rgb), .094), rgba(var(--color-status-completed-rgb), .094));border-color:rgba(var(--color-status-completed-rgb), .6);color:var(--color-status-completed)}.page-module__GJIVBG__tabs__pill--dropped{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-status-dropped-rgb), .094), rgba(var(--color-status-dropped-rgb), .094));border-color:rgba(var(--color-status-dropped-rgb), .6);color:var(--color-status-dropped)}.page-module__GJIVBG__tabs__pill--backlog{background-color:var(--color-bg-base);background-image:linear-gradient(rgba(var(--color-status-backlog-rgb), .094), rgba(var(--color-status-backlog-rgb), .094));border-color:rgba(var(--color-status-backlog-rgb), .6);color:var(--color-status-backlog)}.page-module__GJIVBG__tabs__count{color:inherit}.page-module__GJIVBG__toolbar{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;flex-wrap:wrap;justify-content:space-between;display:flex}.page-module__GJIVBG__toolbar__search{flex:1;max-width:420px;position:relative}.page-module__GJIVBG__toolbar__right{align-items:center;gap:var(--spacing-sm);background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:calc(var(--radius-md) + 4px);transition:border-color var(--transition-fast);padding:4px;display:flex}.page-module__GJIVBG__toolbar__right:focus-within{border-color:color-mix(in srgb, var(--color-primary-main) 50%, var(--color-border))}.page-module__GJIVBG__toolbar__right>:where(button) :where(svg),.page-module__GJIVBG__toolbar__right>:where(div)>:where(button) :where(svg){box-sizing:border-box;width:16px;min-width:16px;height:16px;min-height:16px;color:var(--color-text-muted);flex-shrink:0}.page-module__GJIVBG__toolbar__right>:where(button:hover,button:focus-visible,button[data-active=true]) :where(svg),.page-module__GJIVBG__toolbar__right>:where(div)>:where(button:hover,button:focus-visible,button[data-active=true]) :where(svg){color:var(--color-primary-main)}.page-module__GJIVBG__toolbar__count{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.page-module__GJIVBG__library__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(155px,1fr));display:grid}.page-module__GJIVBG__card{color:var(--color-text-primary);background-color:var(--color-bg-base);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);transition:transform var(--transition-fast), filter var(--transition-fast), border-color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;text-decoration:none;display:flex}.page-module__GJIVBG__card:hover{border-color:var(--color-border-strong,var(--color-border));transform:translateY(-2px)}.page-module__GJIVBG__card:focus-visible{outline:2px solid var(--color-primary-main);outline-offset:3px;border-color:var(--color-primary-main)}.page-module__GJIVBG__card:active{filter:brightness(.92);transition-duration:80ms;transform:scale(.97)}.page-module__GJIVBG__card:hover .page-module__GJIVBG__card__cover-image{box-shadow:var(--shadow-large)}.page-module__GJIVBG__card__cover{aspect-ratio:3/4;border-radius:var(--radius-md);background-color:var(--color-bg-surface);width:100%;margin-bottom:var(--spacing-md);position:relative}.page-module__GJIVBG__card__cover-image{object-fit:cover;border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.page-module__GJIVBG__card__cover-placeholder{border-radius:var(--radius-md);border:var(--border-thin) solid var(--color-border-transparent);width:100%;height:100%;font-size:var(--font-size-xlarge);font-weight:var(--font-weight-bold);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.page-module__GJIVBG__card__status{border-radius:0 0 var(--radius-md) 0;font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:.02em;background-color:var(--color-bg-floor);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:4px;padding:2px 6px 6px;line-height:1;display:inline-flex;position:absolute;top:0;left:0}.page-module__GJIVBG__card__status--playing{color:var(--color-status-playing)}.page-module__GJIVBG__card__status--queued{color:var(--color-status-queued)}.page-module__GJIVBG__card__status--finished{color:var(--color-status-completed)}.page-module__GJIVBG__card__status--dropped{color:var(--color-status-dropped)}.page-module__GJIVBG__card__status--backlog{color:var(--color-status-backlog)}.page-module__GJIVBG__card__rating{--rating-color:var(--color-accent-yellow);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:.02em;background-color:color-mix(in srgb, var(--rating-color) 14%, var(--color-bg-floor));color:var(--rating-color);box-shadow:var(--shadow-medium);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;align-items:center;gap:4px;padding:3px 8px;line-height:1.3;display:inline-flex;position:absolute;bottom:0;right:0}.page-module__GJIVBG__card__rating[data-rating=none]{--rating-color:var(--color-text-muted)}.page-module__GJIVBG__card__rating[data-rating="1"]{--rating-color:var(--color-accent-pink)}.page-module__GJIVBG__card__rating[data-rating="2"]{--rating-color:color-mix(in srgb, var(--color-accent-pink) 67%, var(--color-accent-coral))}.page-module__GJIVBG__card__rating[data-rating="3"]{--rating-color:color-mix(in srgb, var(--color-accent-pink) 33%, var(--color-accent-coral))}.page-module__GJIVBG__card__rating[data-rating="4"]{--rating-color:var(--color-accent-coral)}.page-module__GJIVBG__card__rating[data-rating="5"]{--rating-color:color-mix(in srgb, var(--color-accent-coral) 67%, var(--color-accent-yellow))}.page-module__GJIVBG__card__rating[data-rating="6"]{--rating-color:color-mix(in srgb, var(--color-accent-coral) 33%, var(--color-accent-yellow))}.page-module__GJIVBG__card__rating[data-rating="7"]{--rating-color:var(--color-accent-yellow)}.page-module__GJIVBG__card__rating[data-rating="8"]{--rating-color:color-mix(in srgb, var(--color-accent-yellow) 67%, var(--color-accent-green))}.page-module__GJIVBG__card__rating[data-rating="9"]{--rating-color:color-mix(in srgb, var(--color-accent-yellow) 33%, var(--color-accent-green))}.page-module__GJIVBG__card__rating[data-rating="10"]{--rating-color:var(--color-accent-green)}.page-module__GJIVBG__card__name{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-small);text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--spacing-sm);overflow:hidden}.page-module__GJIVBG__card__meta{font-size:var(--font-size-tiny);color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.page-module__GJIVBG__card__genres{font-size:var(--font-size-tiny);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;overflow:hidden}.page-module__GJIVBG__hero{text-align:center;align-items:center;gap:var(--spacing-lg);padding:clamp(var(--spacing-xl), 6vw, var(--spacing-xxl)) var(--spacing-xl);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.page-module__GJIVBG__hero__art{width:220px;height:220px;margin-bottom:var(--spacing-md);position:relative}.page-module__GJIVBG__hero__card{aspect-ratio:3/4;background-color:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);transform-origin:50%;width:130px;transition:transform var(--transition-normal);position:absolute;top:50%;left:50%;box-shadow:0 12px 24px #0000002e}.page-module__GJIVBG__hero__card[data-depth="1"]{z-index:3;background-image:linear-gradient(160deg, rgba(var(--color-primary-main-rgb), .08), transparent 60%);border-color:rgba(var(--color-primary-main-rgb), .35);justify-content:center;align-items:center;display:flex;transform:translate(-50%,-50%)rotate(-2deg)}.page-module__GJIVBG__hero__card[data-depth="2"]{z-index:2;opacity:.7;transform:translate(-30%,-55%)rotate(8deg)}.page-module__GJIVBG__hero__card[data-depth="3"]{z-index:1;opacity:.45;transform:translate(-70%,-45%)rotate(-12deg)}.page-module__GJIVBG__hero__icon{width:56px;height:56px;color:var(--color-primary-main)}.page-module__GJIVBG__hero__title{font-family:var(--font-family-title);font-size:clamp(1.6rem,3vw + .6rem,2.2rem);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-text-primary);margin:0;line-height:1.15}.page-module__GJIVBG__hero__body{font-size:var(--font-size-body);color:var(--color-text-secondary);max-width:48ch;line-height:var(--line-height-body);margin:0}.page-module__GJIVBG__hero__actions{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.page-module__GJIVBG__hero__primary{padding:var(--spacing-md) var(--spacing-xxl);background-color:var(--color-primary-main);border:var(--border-thin) solid var(--color-primary-main);border-radius:var(--radius-pill);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast);text-decoration:none}.page-module__GJIVBG__hero__primary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px)}.page-module__GJIVBG__hero__primary:hover a{color:var(--color-text-inverse)}.page-module__GJIVBG__hero__secondary{padding:var(--spacing-md) var(--spacing-xxl);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);background:0 0}.page-module__GJIVBG__hero__secondary:hover{border-color:var(--color-primary-main);color:var(--color-primary-main);background-color:rgba(var(--color-primary-main-rgb), .06)}.page-module__GJIVBG__hero__guestNote{font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center;margin:0}.page-module__GJIVBG__hero__guestNoteLink{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.page-module__GJIVBG__hero__guestNoteLink:hover{color:var(--color-primary-main)}@media (prefers-reduced-motion:reduce){.page-module__GJIVBG__hero__card,.page-module__GJIVBG__hero__primary{transition:none}}@media (max-width:900px){.page-module__GJIVBG__tabs{gap:6px}.page-module__GJIVBG__tabs__pillMask{flex:1 1 0}.page-module__GJIVBG__tabs__pill{width:100%;padding:0 var(--spacing-md)}.page-module__GJIVBG__tabs__statusPill .page-module__GJIVBG__tabs__label,.page-module__GJIVBG__tabs__allPill .page-module__GJIVBG__tabs__count{display:none}.page-module__GJIVBG__library__grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:640px){.page-module__GJIVBG__library{padding:var(--spacing-xl) var(--container-padding) var(--spacing-5xl);gap:var(--spacing-lg)}.page-module__GJIVBG__toolbar{order:-1}.page-module__GJIVBG__library__title{font-size:var(--font-size-xlarge)}.page-module__GJIVBG__tabs{gap:var(--spacing-sm)}.page-module__GJIVBG__tabs__pillMask{flex:1 1 0}.page-module__GJIVBG__tabs__allPillMask{flex:.85 1 0}.page-module__GJIVBG__tabs__statusPillMask--expanded{flex:2 1 0}.page-module__GJIVBG__tabs__pill{width:100%;padding:0 var(--spacing-sm);gap:0}.page-module__GJIVBG__tabs__statusPill--expanded{gap:6px}.page-module__GJIVBG__tabs:not(.page-module__GJIVBG__tabs--allActive) .page-module__GJIVBG__tabs__statusPill--expanded .page-module__GJIVBG__tabs__label{display:block}.page-module__GJIVBG__toolbar{top:calc(var(--header-height) - 1px);z-index:var(--z-sticky);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);margin:calc(-1 * var(--spacing-lg)) calc(-1 * var(--spacing-lg)) 0;background-color:var(--color-bg-base);border-top:var(--border-hairline) solid var(--color-border);border-bottom:var(--border-hairline) solid var(--color-border);flex-flow:wrap;position:sticky}.page-module__GJIVBG__toolbar__search{max-width:none}.page-module__GJIVBG__toolbar__right{justify-content:flex-end;gap:var(--spacing-xs);background-color:#0000;border:none;flex-wrap:wrap;flex:none;padding:0}.page-module__GJIVBG__library__grid{gap:var(--spacing-lg) var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.page-module__GJIVBG__hero__art{width:180px;height:180px}.page-module__GJIVBG__hero__card{width:110px}.page-module__GJIVBG__hero__icon{width:44px;height:44px}.page-module__GJIVBG__hero__primary,.page-module__GJIVBG__hero__secondary{text-align:center;width:100%}}@media (max-width:380px){.page-module__GJIVBG__tabs{gap:3px}.page-module__GJIVBG__tabs__allPillMask{flex:.75 1 0}.page-module__GJIVBG__tabs__statusPillMask--expanded{flex:1.9 1 0}.page-module__GJIVBG__tabs__pill{min-height:36px;padding:0 3px}}