.movies-view-picker{position:relative}.movies-view-picker>summary{list-style:none;cursor:pointer}.movies-view-picker>summary::-webkit-details-marker{display:none}.movies-view-picker>summary .view-icon-grid{display:block}.movies-view-menu{position:absolute;z-index:90;right:0;top:calc(100% + .5rem);display:grid;width:190px;padding:.35rem;gap:.15rem;border:1px solid var(--border-color);border-radius:.75rem;background:var(--background);box-shadow:0 12px 32px #0003}.movies-view-picker:not([open])>.movies-view-menu{display:none}.movies-view-menu button{display:flex;align-items:center;gap:.65rem;padding:.7rem .8rem;min-height:44px;border:0;border-radius:.4rem;background:transparent;color:var(--text-color);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.movies-view-menu button:hover,.movies-view-menu button[aria-pressed=true]{background:var(--background-alt)}.movies-view-menu svg{width:18px;height:18px;flex:none}.movies-view-menu small{color:var(--text-light);font-size:.7rem;margin-left:auto}.movie-library[hidden]{display:none!important}.movie-library{position:fixed;inset:var(--nav-height, 58px) 0 0;z-index:900;overflow:hidden;background:#101112;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;isolation:isolate}.movie-library-room{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 6% 12% at 50% -1%,#f5dbb68c,#c3aa7926 45%,transparent 85%),radial-gradient(ellipse 26% 44% at 50% 12%,#8d7a5f38,transparent 85%),linear-gradient(90deg,#08090a,#181816 50%,#08090a)}.movie-library-room:before{content:"";position:absolute;top:-16px;left:50%;width:min(100%,720px);height:min(72%,520px);transform:translate(-50%);filter:blur(18px);background:conic-gradient(from 140deg at 50% 0,transparent,#bda48138 10deg,#e6cbaa61 40deg,#bda48138 70deg,transparent 80deg);mask-image:linear-gradient(#000,#000c 32%,transparent 96%)}.movie-library-room:after{content:"";position:absolute;inset:0;opacity:.45;mix-blend-mode:soft-light;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.movie-library:after{content:"";position:absolute;inset:auto 0 0;height:180px;z-index:2;background:linear-gradient(transparent,#08090be8 72%);pointer-events:none}html:has(body.movie-library-open),body.movie-library-open{overflow:hidden!important}body.movie-library-open .collection-mobile-toggle{visibility:hidden}body.movie-library-open .movie-poster{view-transition-name:none!important}.movie-library-header{position:absolute;z-index:3;inset:0 0 auto;padding:1.5rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;pointer-events:none}.movie-library-header h2{color:#fff;font:inherit;font-size:1rem;font-weight:500;margin:0}.movie-library-header p{color:#e3d8c6;font-size:.72rem;margin:.2rem 0 0}.movie-library-header-actions{display:flex;align-items:center;gap:.5rem;pointer-events:auto}.movie-library-header-actions,.movie-library-controls{touch-action:manipulation}.movie-library-exit,.movie-library-sort>summary{pointer-events:auto;display:inline-flex;align-items:center;gap:.45rem;color:#fff;border:1px solid #ffffff40;background:#202020d9;border-radius:6px;min-height:40px;padding:.5rem .75rem;font:inherit;font-size:.8rem;cursor:pointer}.movie-library-exit:hover,.movie-library-sort>summary:hover{background:#ffffff15}.movie-library-sort{position:relative}.movie-library-sort>summary{list-style:none}.movie-library-sort>summary::-webkit-details-marker{display:none}.movie-library-sort-chevron{display:block;flex:none;width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.movie-library-sort-options{position:absolute;top:calc(100% + .55rem);right:0;width:188px;padding:.35rem;border:1px solid #ffffff35;border-radius:10px;background:#222323;box-shadow:0 14px 36px #0006}.movie-library-sort:not([open]) .movie-library-sort-options{display:none}.movie-library-sort-options button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:.65rem .75rem;border:0;border-radius:6px;background:transparent;color:#f7f0e4;font:inherit;font-size:.8rem;text-align:left;cursor:pointer}.movie-library-sort-options button:hover,.movie-library-sort-options button[aria-pressed=true]{background:#ffffff12}.movie-library-sort-options button span{color:#f3d36b;visibility:hidden}.movie-library-sort-options button[aria-pressed=true] span{visibility:visible}.movie-library-stage-outgoing{pointer-events:none}.movie-library-stage{--shelf-baseline: 85%;position:absolute;inset:80px 0 158px;perspective:1800px;cursor:grab;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none;outline-offset:-4px}.movie-library-stage[data-dragging=true],.movie-library-stage[data-rotating=true]{cursor:grabbing}.movie-library-shelf{position:absolute;left:0;top:var(--shelf-baseline);width:100%;height:var(--shelf-depth, 38px);pointer-events:none;filter:drop-shadow(0 18px 16px #0008)}.movie-library-shelf-top{position:absolute;inset:calc(-1 * var(--shelf-rear-depth, 52px)) 0 0;overflow:hidden;background:radial-gradient(ellipse 34% 90% at 50% 72%,#e2d5b959,transparent),linear-gradient(90deg,#202222,#353836 48%,#202222);border-top:1px solid #ffffff14;border-bottom:1px solid #e4ddc775;box-shadow:inset 0 16px 24px -20px #000b}.movie-library-shelf-top:after{content:"";position:absolute;inset:0 calc(-1 * var(--bench-tile, 360px));background:repeating-linear-gradient(0deg,transparent 0 2px,#00000006 2px 3px),linear-gradient(90deg,#0005 0 1px,#e4ddc72e 1px 2px,transparent 2px),linear-gradient(90deg,transparent 8%,#ffffff0a 19%,transparent 23%,#0000000e 49%,transparent 64%,#ffffff08 83%,transparent 92%),repeating-linear-gradient(92deg,transparent 0 3px,#ffffff06 3px 4px);background-size:auto,var(--bench-tile, 360px) 100%,var(--bench-tile, 360px) 100%,var(--bench-tile, 360px) 100%;transform:translate3d(var(--bench-travel, 0px),0,0);will-change:transform}.movie-library-shelf-front{position:absolute;top:100%;left:0;right:0;height:var(--shelf-lip, 16px);overflow:hidden;background:linear-gradient(#383a37,#272927 22%,#191b1b);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0009,0 12px 20px #0005}.movie-library-shelf-front:after{content:"";position:absolute;inset:0 calc(-1 * var(--bench-front-tile, 424.8px));background:linear-gradient(90deg,#0007 0 1px,#ffffff1f 1px 2px,transparent 2px),linear-gradient(90deg,transparent 8%,#ffffff0a 19%,transparent 23%,#0002 49%,transparent 64%,#ffffff08 83%,transparent 92%);background-size:var(--bench-front-tile, 424.8px) 100%;transform:translate3d(var(--bench-front-travel, 0px),0,0);will-change:transform}.movie-library-cases{position:absolute;inset:0}.movie-library-reflections{position:absolute;inset:0;perspective:1800px;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(var(--shelf-baseline) + var(--shelf-depth)),0 calc(var(--shelf-baseline) + var(--shelf-depth)))}.disc-case-reflection{position:absolute;left:50%;top:var(--shelf-baseline);width:var(--width);height:var(--height);padding:3px 2px;transform-origin:50% 0;transform:translate3d(calc(-50% + var(--x)),var(--y),0) rotateY(calc(var(--case-yaw) + var(--inspect-yaw, 0deg))) rotateX(calc(-1 * var(--inspect-pitch, 0deg))) scale3d(var(--case-scale, 1),calc(var(--case-scale, 1) * .32),var(--case-scale, 1));will-change:transform;opacity:.32;filter:blur(1.4px) saturate(.7);mask-image:linear-gradient(#000b,#0006 16%,transparent 42%)}.disc-case-reflection img{display:block;width:100%;height:100%;object-fit:cover;transform:scaleY(-1);-webkit-user-drag:none}.movie-library-contact-shadows{position:absolute;inset:0;perspective:1800px;pointer-events:none}.disc-case-contact{position:absolute;left:50%;top:var(--shelf-baseline);height:0;width:var(--width);transform-origin:50% 0;transform-style:preserve-3d;transform:translate3d(calc(-50% + var(--x)),var(--y),0) rotateY(calc(var(--case-yaw) + var(--inspect-yaw, 0deg))) scale3d(var(--case-scale, 1),var(--case-scale, 1),var(--case-scale, 1));will-change:transform}.disc-case-contact:before{content:"";position:absolute;left:-12%;right:-12%;top:calc(var(--depth) * -.48);height:calc(var(--depth) * 1.3);background:radial-gradient(ellipse at 50% 35%,#000b,#0007 34%,#0000 73%);border-radius:50%;filter:blur(4px)}.disc-case-contact:after{content:"";position:absolute;left:1px;right:1px;top:-1px;height:4px;background:#000b;border-radius:50%;filter:blur(1px)}.movie-library-track{position:absolute;inset:0;perspective:1800px}.disc-case{position:absolute;left:50%;top:var(--shelf-baseline);width:var(--width);height:var(--height);margin:0;padding:0;border:0;background:none;border-radius:5px;transform-style:preserve-3d;transform-origin:50% 100%;transform:translate3d(calc(-50% + var(--x)),calc(-100% + var(--y)),0) rotateY(calc(var(--case-yaw) + var(--inspect-yaw, 0deg))) rotateX(var(--inspect-pitch, 0deg)) scale3d(var(--case-scale, 1),var(--case-scale, 1),var(--case-scale, 1));will-change:transform;cursor:inherit;-webkit-tap-highlight-color:transparent}.disc-case>span{position:absolute;display:block;backface-visibility:hidden}.disc-case-back{inset:0;border-radius:3px;background:#121313;transform:translateZ(calc(-1 * var(--depth))) rotateY(180deg);box-shadow:inset 0 0 0 1px #ffffff12}.disc-case-spine{top:0;bottom:0;left:calc(-1 * var(--depth));width:var(--depth);background:#141515;transform-origin:right center;transform:rotateY(-90deg);border-radius:2px;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.disc-case-spine-sleeve{position:absolute;inset:3px 1px;overflow:hidden;background:#282725}.disc-case-spine-art{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;-webkit-user-drag:none;opacity:.65}.disc-case-spine-sleeve:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 35%,#0003),linear-gradient(#0002,#0008 30% 70%,#0002)}.disc-case-spine-title{position:absolute;z-index:1;inset:15px 0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;color:#faf7ef;font:600 calc(var(--depth) * .53)/1 Inter,sans-serif;letter-spacing:.035em;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px #000b}.disc-case-edge{top:2px;bottom:2px;left:calc(100% - 1px);width:calc(var(--depth) - 2px);background:linear-gradient(90deg,#141515,#202121 44%,#080909 49%,#292a2a 55%,#181919 70%);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0006;transform-origin:left center;transform:rotateY(90deg);border-radius:0 3px 3px 0}.disc-case-edge:after{content:"";position:absolute;inset:43% 20%;border-radius:50%;background:#0e0f0f;box-shadow:inset 1px 0 2px #ffffff16}.disc-case-top,.disc-case-bottom{left:1px;right:1px;height:calc(var(--depth) - 1px);transform-origin:50% 0;transform:rotateX(-90deg);background:linear-gradient(#171818,#242525 18%,#161717 48%,#0a0b0b 52%,#202121 70%,#171818);box-shadow:inset 0 0 0 1px #ffffff12}.disc-case-top{top:1px;transform:translateZ(calc(1px - var(--depth))) rotateX(90deg)}.disc-case-bottom{top:calc(100% - 1px)}.disc-case-cover{inset:0;padding:3px 2px;border-radius:3px;background:#141515;box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #0005,1px 2px 3px #0004;overflow:hidden}.disc-case-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px;pointer-events:none;-webkit-user-drag:none}.disc-case-cover:before,.disc-case-cover:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit}.disc-case-cover:before{background:linear-gradient(90deg,#0002,transparent 2%,transparent 99%,#0002);box-shadow:inset 0 0 0 1px #ffffff10}.disc-case-cover:after{background:linear-gradient(115deg,transparent 20%,#ffffff3d 46%,transparent 72%);opacity:calc(.06 + var(--inspect-shine, 0) * 4);will-change:opacity}.disc-case-fallback{display:flex;height:100%;align-items:center;justify-content:center;padding:1rem;color:#f4efdf;background:#293039;font:600 1rem/1.3 Georgia,serif}.movie-library-controls{z-index:3;position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:1rem;align-items:center;width:min(460px,calc(100% - 32px));text-align:center}.movie-library-caption{min-width:0}.movie-library-group{margin:0 0 .4rem;color:var(--tier-color, #e3d8c6);font-size:.65rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}.movie-library-title{color:#fff;font-size:.9rem;font-weight:400;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-library-title:hover{text-decoration:underline}.movie-library-subtitle{color:#e3d8c6;font-size:.8rem;margin:.35rem 0 0;line-height:1.4}.movie-library-details{display:flex;align-items:center;justify-content:center;width:144px;min-height:40px;margin:.9rem auto 0;background:#f7f0e4;color:#382416;border-radius:6px;border:1px solid #efe2cd;text-decoration:none;font-size:.8rem}.movie-library-details:hover{background:#eadcc5}.movie-library-arrow{border:0;background:transparent;color:#fff;font:inherit;font-size:1rem;width:44px;height:44px;cursor:pointer}.movie-library :focus-visible,.movies-view-picker :focus-visible{outline:2px solid currentColor;outline-offset:4px}.movie-library-stage:focus,.movie-library-stage:focus-visible{outline:none;box-shadow:none}.movie-library-empty{padding:8rem 2rem;text-align:center}@media(max-width:600px){.movie-library-header{padding:1.1rem}.movie-library-stage{top:72px;bottom:154px}.movie-library-controls{gap:.4rem;bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-height:560px){.movie-library-header{padding-block:.6rem}.movie-library-stage{top:68px;bottom:125px}.movie-library-controls{bottom:10px}.movie-library-details{margin-top:.45rem}}