.library__h1,.library__skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.library__skip:focus{position:fixed;top:12px;left:12px;z-index:60;width:auto;height:auto;margin:0;padding:10px 14px;clip-path:none;border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-ink)}.library-page .home-nav{position:fixed;inset:0 0 auto;z-index:40;text-shadow:0 1px 14px rgb(5 15 22 / .45)}.library,.library__stage{position:relative}.library__canvas,.library__pager,.library__card{display:none}@media(scripting:enabled){.library:not([data-scene=off]) .library__stage{height:100svh;overflow:hidden;background:var(--ui-night)}.library:not([data-scene]) .library__semantic{display:none;animation:library-unhold 0s 8s forwards}}@keyframes library-unhold{to{display:block}}.library[data-scene=live] .library__canvas{display:block;width:100%;height:100%;touch-action:pan-y;animation:library-fade .6s cubic-bezier(0,0,.2,1)}.library[data-scene=live] .library__stage:before,.library[data-scene=live] .library__stage:after{content:"";position:absolute;pointer-events:none}.library[data-scene=live] .library__stage:before{inset:0 0 auto;height:150px;background:linear-gradient(180deg,rgb(5 15 22 / .42),transparent)}.library[data-scene=live] .library__stage:after{inset:0 auto 0 0;width:min(360px,40vw);background:linear-gradient(90deg,rgb(5 15 22 / .34),transparent)}.library[data-scene=live] .library__semantic{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes library-fade{0%{opacity:0}}.library__rail{position:relative;z-index:2;width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto;padding:110px 0 0}.library__rail ul{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0;padding:0;list-style:none}.library__rail a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--ui-muted);font:500 15px / 1.2 var(--sans);text-decoration:none;transition:color .16s ease}.library__rail a:hover,.library__rail a[aria-current=true]{color:var(--ui-ink)}.library__rail a[aria-current=true]{color:var(--ui-pink)}.library[data-scene=live] .library__rail{position:absolute;top:50%;left:max(var(--site-gutter),calc((100% - var(--site-width)) / 2));width:auto;margin:0;padding:0;translate:0 -46%;animation:library-fade .9s 1.6s cubic-bezier(0,0,.2,1) both}.library[data-scene=live] .library__rail ul{flex-direction:column;gap:2px;border-left:1px solid rgb(244 247 251 / .26)}.library[data-scene=live] .library__rail a{min-height:42px;padding-left:26px;color:#f4f7fbd6;font-size:16px;text-shadow:0 1px 12px rgb(5 15 22 / .5)}.library[data-scene=live] .library__rail a:hover{color:var(--ui-ink)}.library[data-scene=live] .library__rail a[aria-current=true]{color:var(--ui-pink)}.library[data-scene=live] .library__rail a[aria-current=true]:before{content:"";position:absolute;left:-1.5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--ui-pink);box-shadow:0 0 6px var(--ui-pink),0 0 14px #f657acb3}.library[data-scene=live] .library__rail a[aria-current=true]:after{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--ui-pink);box-shadow:0 0 8px var(--ui-pink)}.library__rail a:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:2px;border-radius:4px}@media(max-width:760px){.library[data-scene=live] .library__rail{top:74px;right:0;left:0;translate:none}.library[data-scene=live] .library__rail ul{flex-direction:row;flex-wrap:nowrap;gap:20px;padding:0 var(--site-gutter);border-left:0;overflow-x:auto;scrollbar-width:none}.library[data-scene=live] .library__rail li{flex:0 0 auto}.library[data-scene=live] .library__rail li:last-child{padding-right:var(--site-gutter)}.library[data-scene=live] .library__rail a{padding-left:0;font-size:15px}.library[data-scene=live] .library__rail a[aria-current=true]:after{display:none}.library[data-scene=live] .library__rail a[aria-current=true]:before{inset:auto 0 6px;width:auto;height:2px}.library[data-scene=live] .library__stage:after{display:none}}.library[data-scene=live] .library__pager:not([hidden]){display:flex;position:absolute;left:50%;bottom:calc(var(--library-foot, 96px) + 14px);z-index:3;align-items:center;gap:10px;translate:-50% 0;animation:library-fade .9s 2.2s cubic-bezier(0,0,.2,1) both}.library__pages{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.library__pages .pill,.library__pager-step{justify-content:center;min-width:34px;min-height:30px;font-variant-numeric:tabular-nums}.library__pager-step .icon{width:14px;height:14px}.library__pager-step:disabled{opacity:.4;cursor:default}.library__pager-gap{min-width:18px;color:var(--ui-ink);text-align:center;text-shadow:0 1px 8px rgb(5 15 22 / .6)}.library[data-scene=live] .library__card:not([hidden]){display:block;position:absolute;right:max(var(--site-gutter),calc((100% - var(--site-width)) / 2));bottom:calc(var(--library-foot, 96px) + 58px);z-index:3;width:min(420px,calc(100% - 2 * var(--site-gutter)));padding:22px 24px 18px;border:1px solid var(--ui-rule);border-radius:var(--ui-radius);background:color-mix(in srgb,var(--ui-surface) 84%,transparent);backdrop-filter:blur(14px);color:var(--ui-ink);animation:library-card-in .26s cubic-bezier(0,0,.2,1)}.library__card-kind{margin:0 0 10px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-pink)}.library__card-title{margin:0 0 6px;font-family:var(--headline);font-size:28px;font-weight:300;line-height:1.08}.library__card-credit{margin:0;font-size:14px;color:var(--ui-muted)}.library__card-excerpt{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--ui-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.library__card-credit[hidden],.library__card-excerpt[hidden],.library__card [data-card-link][hidden]{display:none}.library__card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:18px}.library__kbd{padding:2px 5px;border:1px solid currentColor;border-radius:3px;font-family:var(--mono);font-size:10px;opacity:.7}@keyframes library-card-in{0%{opacity:0;transform:translateY(10px)}}@media(max-width:640px){.library[data-scene=live] .library__card:not([hidden]){right:var(--site-gutter);left:var(--site-gutter);bottom:calc(var(--library-foot, 96px) + 58px);width:auto}}.library__semantic{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto;padding:36px 0 96px}.shelf{margin:0 0 48px}.shelf__label{margin:0 0 18px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-muted)}.shelf__rail{display:flex;gap:16px;margin:0;padding:0 0 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}.shelf__slot{flex:0 0 auto;scroll-snap-align:start}.shelf__item{display:flex;flex-direction:column;gap:10px;width:148px;color:inherit;text-decoration:none;border-radius:4px}.shelf__item:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:4px}.shelf__art{position:relative;display:grid;place-items:center;aspect-ratio:2 / 3;overflow:hidden;border-radius:3px;background:var(--cloth, var(--ui-raised))}.shelf__item:is(.shelf__item--album,.shelf__item--tool) .shelf__art{aspect-ratio:1 / 1}.shelf__item:is(.shelf__item--place,.shelf__item--film,.shelf__item--podcast) .shelf__art{aspect-ratio:3 / 2}.shelf__item--game .shelf__art{aspect-ratio:3 / 4;background:var(--ui-raised)}.shelf__item--game .shelf__art img{object-fit:contain}.shelf__art img{width:100%;height:100%;object-fit:cover}.shelf__art-fallback{font-family:var(--headline);font-size:44px;color:#f4f7fbd9}.shelf__text{display:flex;flex-direction:column;gap:2px;white-space:normal}.shelf__title{font-size:14px;font-weight:500;line-height:1.35}.shelf__credit{font-size:12px;color:var(--ui-muted)}.shelf__item:hover .shelf__title{color:var(--ui-cyan)}@media(min-width:861px){.shelf__rail{flex-wrap:wrap;overflow-x:visible}}@media(prefers-reduced-motion:reduce){.library[data-scene=live] :is(.library__canvas,.library__rail,.library__pager,.library__card:not([hidden])){animation:none}}
