@font-face{font-family:Selecta;src:url(/fonts/Selecta-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Selecta;src:url(/fonts/Selecta-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@property --angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}:root{--bg-page: #e6e4e1;--bg-surface: #efefef;--ink: #3b3a38;--ink-soft: #8a8781;--shadow-lg: 0 24px 60px rgba(25, 27, 36, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg-page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.shell{position:relative;width:100%;height:100dvh;margin:0 auto;background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;user-select:none;-webkit-user-select:none}body.full{--tv-cap: 560px}body.phone{--tv-cap: 418px;background:var(--desk, #23211e);display:grid;place-items:center;min-height:100dvh}body.phone .shell{--ph-h: min(874px, 92dvh);width:calc(var(--ph-h) * 402 / 874);height:var(--ph-h);border-radius:calc(var(--ph-h) * 56 / 874);box-shadow:0 26px 50px -26px #0009,0 62px 130px -30px #000000b3,0 0 0 calc(var(--ph-h) * 11 / 874) #1b1e22,0 0 0 calc(var(--ph-h) * 13 / 874) #3d434b,0 0 0 calc(var(--ph-h) * 14 / 874) #14171a}.island,.homebar{display:none}body.phone .island{display:block;position:absolute;top:calc(var(--ph-h) * 11 / 874);left:50%;transform:translate(-50%);width:calc(var(--ph-h) * 124 / 874);height:calc(var(--ph-h) * 35 / 874);border-radius:999px;background:#000;z-index:400;pointer-events:none}body.phone .homebar{display:block;position:absolute;bottom:calc(var(--ph-h) * 9 / 874);left:50%;transform:translate(-50%);width:calc(var(--ph-h) * 140 / 874);height:calc(var(--ph-h) * 5 / 874);border-radius:999px;background:#14131152;z-index:400;pointer-events:none}body.phone .tv-area{padding-top:calc(var(--ph-h) * 58 / 874)}body.phone .shelf{padding-bottom:calc(var(--ph-h) * 24 / 874)}.desk{display:none}@media(min-width:900px)and (min-height:600px)and (pointer:fine){.desk{display:flex}}.desk{position:fixed;top:16px;right:18px;z-index:500;flex-direction:column;align-items:flex-end;gap:14px;font:500 11.5px/1 -apple-system,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8b857b}body.full .desk{color:#9a958d}.desk-row{display:inline-flex;gap:2px}.desk button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;color:inherit;padding:7px 11px;border-radius:999px;cursor:pointer}.desk button:hover{color:#cfc8bb}.desk button[aria-pressed=true]{color:#efeade;background:#ffffff17}body.full .desk button[aria-pressed=true]{color:#26241f;background:#00000012}body.full .desk button:hover{color:#4a453e}.desk-pad{display:flex;align-items:center;gap:9px;opacity:.9}.desk-pad input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:104px;height:3px;border-radius:999px;background:currentColor;opacity:.55;cursor:pointer}.desk-pad input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:currentColor;opacity:1}.desk-pad span{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.tv-area{flex:0 6 56%;min-height:240px;display:flex;align-items:center;justify-content:center;padding:calc(14px + var(--tv-pad, 0px)) calc(12px + var(--tv-pad, 0px)) 0;container-type:size}.tv{display:flex;flex-direction:column;align-items:center}.tv-frame{position:relative;width:min(calc(var(--tv-cap, 418px) * var(--tv-scale, 1)),100cqw,calc(100cqh - 86px));aspect-ratio:1 / 1;container-type:inline-size}.tv-img{position:relative;z-index:11;display:block;width:100%;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.tv-img--shadow{filter:drop-shadow(0 4px 3px rgba(0,0,0,.28)) drop-shadow(0 18px 30px rgba(0,0,0,.18))}.tv-logo{position:absolute;z-index:12;aspect-ratio:342 / 214;height:auto;pointer-events:none}.tv-screen{position:absolute;overflow:hidden;transform-origin:50% 50%;transform-style:preserve-3d;z-index:10;background:#060607}.tv-tube{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 45%,#101014,#060607 78%)}.tv-video{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.tv-host{position:absolute;left:-33%;top:-30%;width:166%;height:160%}.tv-host iframe{width:100%;height:100%;pointer-events:none}.tv-static{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .26s ease;z-index:3}.tv-off{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(120% 90% at 50% 42%,#17171b,#08080a 75%);transition:opacity .2s ease;pointer-events:none}.tv-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.55}.tv-roll{position:absolute;left:0;right:0;top:-40%;height:34%;z-index:4;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(255,255,255,.05) 46%,rgba(0,0,0,.1) 54%,transparent);animation:tv-roll 7s linear infinite;opacity:.7}@keyframes tv-roll{0%{transform:translateY(0)}to{transform:translateY(520%)}}.tv-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:radial-gradient(ellipse at 25% 20%,rgba(255,255,255,.12) 0%,transparent 40%),linear-gradient(135deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 20%,transparent 45%,rgba(0,0,0,.07) 72%,rgba(0,0,0,.22) 100%)}.tv-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(105% 88% at 50% 48%,transparent 62%,rgba(0,0,0,.5) 100%)}.tv-osd{position:absolute;left:7%;top:6%;right:7%;z-index:7;display:flex;flex-direction:column;gap:2px;pointer-events:none;font-family:Courier New,ui-monospace,monospace;font-weight:700;color:#52ff52;text-shadow:0 0 6px rgba(82,255,82,.7),1px 0 0 rgba(255,60,60,.35),-1px 0 0 rgba(60,120,255,.35)}.tv-osd{transition:opacity .9s ease 0ms}.tv-osd-ch{font-size:15px;letter-spacing:.08em}.tv-osd-title{font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.tv-clock{position:absolute;right:9%;bottom:8%;z-index:7;font-family:Courier New,ui-monospace,monospace;font-weight:700;font-size:13px;color:#52ff5280;text-shadow:0 0 5px rgba(82,255,82,.4);animation:vcr-blink 1s steps(1) infinite;pointer-events:none}@keyframes vcr-blink{50%{opacity:.15}}@keyframes tv-turnoff{0%{transform:scaleY(1) scaleX(1);opacity:1;filter:brightness(1.5)}10%{transform:scaleY(1) scaleX(1);opacity:1;filter:brightness(1)}60%{transform:scaleY(.01) scaleX(1);opacity:1;filter:brightness(1)}to{transform:scaleY(.01) scaleX(0);opacity:0;filter:brightness(1)}}.tv-turnoff{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:tv-turnoff 1s cubic-bezier(.23,1,.32,1) forwards;z-index:8}.tv-slot{position:absolute;z-index:12;pointer-events:none}.tv-controls{display:flex;align-items:flex-start;justify-content:center;gap:18px;margin-top:14px}.tv-btn{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;width:36px}.tv-btn img{width:32px;height:32px;border-radius:50%;box-shadow:0 6.4px 9.6px #0000001f,0 -1.6px 1.6px #0006 inset,0 .87px 1.74px #00000014,0 0 5.24px #00000008 inset;transition:transform .12s ease,box-shadow .12s ease}.tv-btn:active img{transform:translateY(2px);box-shadow:none}.tv-btn span{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.shelf{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.rack-row{flex-shrink:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:26px calc(50% - var(--half-step, 34px)) 30px;scrollbar-width:none}.rack-row::-webkit-scrollbar{display:none}.rack-slot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:inherit;position:relative;flex:none;width:126px;margin:0 calc(-1 * var(--overlap, 22px));scroll-snap-align:center;cursor:pointer}.rack-slot:focus-visible{outline:2px solid #246BFE;outline-offset:5px;border-radius:3px}.rack-3d{position:relative;transform-style:preserve-3d;will-change:transform}.rack-case{position:relative;transform-style:preserve-3d}.shelf-info{flex-shrink:0;text-align:center;padding:4px 24px;min-height:48px}.shelf-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.shelf-sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px;line-height:1.35}.action-bar{flex-shrink:0;margin-top:auto;display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 0 22px}.glass-btn-wrap{position:relative;z-index:2;border-radius:999vw;background:transparent;pointer-events:none;transition:all .4s cubic-bezier(.25,1,.5,1)}.glass-btn-shadow{position:absolute;width:calc(100% + 1em);height:calc(100% + 1em);top:calc(0% - .5em);left:calc(0% - .5em);filter:blur(clamp(1px,.0625em,6px));overflow:visible;pointer-events:none;z-index:1}.glass-btn-shadow:after{content:"";position:absolute;z-index:0;right:0;bottom:0;border-radius:999vw;background:linear-gradient(180deg,#00000008,#00000004);width:calc(100% - 1.125em);height:calc(100% - 1.125em);top:.75em;left:.5625em;padding:.125em;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1);opacity:1}.glass-btn{all:unset;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:auto;z-index:3;background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;box-shadow:inset 0 .125em .125em #00000009,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0000001a,0 0 .1em .25em inset #fff3,0 0 #fff;backdrop-filter:blur(clamp(1px,.125em,4px));-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;align-items:center;justify-content:center;height:46px;font-family:inherit}.glass-btn:hover{transform:scale(.975);box-shadow:inset 0 .125em .125em #00000009,inset 0 -.125em .125em #ffffff80,0 .075em .025em -.1em #00000040,0 0 .05em .1em inset #ffffff80,0 0 #fff}.glass-btn span{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:#323232;text-shadow:0em .05em .05em rgba(0,0,0,.05);transition:all .4s cubic-bezier(.25,1,.5,1);padding-inline:1.75em;font-size:16px;font-weight:500;letter-spacing:-.18px;white-space:nowrap}.glass-btn span:after{content:"";display:block;position:absolute;z-index:3;width:calc(100% - clamp(1px,.0625em,4px));height:calc(100% - clamp(1px,.0625em,4px));top:calc(0% + clamp(1px,.0625em,4px)/2);left:calc(0% + clamp(1px,.0625em,4px)/2);border-radius:999vw;overflow:clip;background:linear-gradient(var(--angle-2),rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 40% 50%,rgba(255,255,255,0) 55%);mix-blend-mode:screen;pointer-events:none;background-size:200% 200%;background-position:0% 50%;background-repeat:no-repeat;transition:background-position .5s cubic-bezier(.25,1,.5,1),--angle-2 .5s cubic-bezier(.25,1,.5,1)}.glass-btn:hover span:after{background-position:25% 50%}.glass-btn:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:999vw;width:calc(100% + clamp(1px,.0625em,4px));height:calc(100% + clamp(1px,.0625em,4px));top:calc(0% - (clamp(1px,.0625em,4px)/2));left:calc(0% - (clamp(1px,.0625em,4px)/2));padding:clamp(1px,.0625em,4px);box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%,rgba(0,0,0,.5),rgba(0,0,0,0) 5% 40%,rgba(0,0,0,.5) 50%,rgba(0,0,0,0) 60% 95%,rgba(0,0,0,.5)),linear-gradient(180deg,#ffffff80,#ffffff80);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .4s cubic-bezier(.25,1,.5,1),--angle-1 .5s ease;box-shadow:inset 0 0 0 calc(clamp(1px,.0625em,4px)/2) #ffffff59}.glass-btn:hover:after{--angle-1: -125deg}.glass-btn-wrap:has(button:hover) .glass-btn-shadow{filter:blur(clamp(.25px,.0156em,1.5px))}.glass-btn-wrap:has(button:active){transform:rotateX(25deg)}.glass-btn-wrap--header{width:160px}.glass-btn-wrap--header .glass-btn{width:160px;height:48px;background:linear-gradient(-75deg,#ffffff1a,#ffffff4d,#ffffff1a),#ffffff8c;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 4px #fffa,inset 0 -4px 4px #ffffffd9,inset 0 0 14px #e5e5e58c,0 11px 28px #00000012,0 23px 31px #0000000d;backdrop-filter:blur(clamp(4px,.5em,14px));-webkit-backdrop-filter:blur(clamp(4px,.5em,14px))}.glass-btn-wrap--header .glass-btn span{font-family:Selecta,-apple-system,system-ui,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.16px;color:#363636;padding-inline:.65em}.glass-btn-wrap--load,.glass-btn-wrap--load .glass-btn{width:148px}.glass-btn:disabled,.glass-btn[aria-disabled=true]{cursor:default}.glass-btn-wrap:has(button:disabled),.glass-btn-wrap:has(button[aria-disabled=true]){opacity:.55}.tv-slot-void{position:absolute;z-index:5;margin:-2.5% -1.5%;padding:2.5% 1.5%;background:linear-gradient(180deg,#17171a,#060607 26%,#08080a 62%,#2c2c30 96%,#3a3a3f);box-shadow:inset 0 5px 9px #000000d9,inset 0 -1px 2px #ffffff1a;border-radius:3px;box-sizing:content-box}.tv-flap{position:absolute;z-index:6;height:auto;transform-origin:50% 0%;transform:perspective(460px) rotate(var(--lip, 0deg)) rotateX(0) rotate(calc(-1 * var(--lip, 0deg)));transition:transform .23s cubic-bezier(.45,0,.35,1) 0ms,filter .23s ease;pointer-events:none;will-change:transform}.tv-flap--open{transform:perspective(460px) rotate(var(--lip, 0deg)) rotateX(-76deg) rotate(calc(-1 * var(--lip, 0deg)));transition:transform .14s cubic-bezier(.22,.7,.3,1) 0ms,filter .14s ease;filter:brightness(.42)}
