.qr-in{flex-direction:column;gap:22px;display:flex}.qr{aspect-ratio:1;width:min(100%,280px);animation:fade var(--t2) ease;background:#fff;border-radius:14px;display:block}:root[data-d=tv] .qr{width:480px}div.qr{background:var(--hair)}.code-read{color:var(--ink);font:500 var(--t-cap) / 1.2 var(--font-sans);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-top:6px;display:block}.device-code input{font-size:var(--t-cap);letter-spacing:.08em;text-align:center;text-transform:uppercase}.device-who{color:var(--ink3);font-size:var(--t-small)}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Instrument Sans", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--font-serif:"Newsreader", "New York", ui-serif, Georgia, serif;--ink:#f6f4f0;--ink2:#f6f4f0bd;--ink3:#f6f4f08a;--hair:#f6f4f026;--dark:#0b0b0d;--night:#08080b;--panel:#16161af0;--beam1:#ff6b4a;--beam2:#ffc247;--beam3:#3fd694;--beam4:#47b8ff;--beam5:#a88bff;--beam-glow:.7;--beam-core:#ffffff80;--ease:cubic-bezier(.2, .8, .2, 1);--t1:.16s;--t2:.32s;--t3:.56s;--t-name:64px;--t-cap:38px;--t-title:22px;--t-body:16px;--t-small:13px;--pad:32px;--gap:10px;--r:6px;--line:3px;--line-on:7px;--cols:7;--pill:44px;--grain:none;--fade-x:linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--pad-r:max(var(--pad), var(--safe-r));--pad-l:max(var(--pad), var(--safe-l))}:root[data-d=phone]{--t-name:44px;--t-cap:28px;--t-title:20px;--pad:20px;--gap:2px;--r:2px;--line-on:6px;--cols:3;--pill:50px}:root[data-d=desktop]{--t-name:clamp(64px, 4.44vw, 96px);--t-cap:clamp(38px, 2.64vw, 57px);--t-body:clamp(16px, 1.11vw, 24px);--t-small:clamp(13px, .9vw, 19.5px);--pad:clamp(32px, 2.22vw, 48px)}:root[data-d=tablet]{--t-name:60px;--t-cap:32px;--t-body:17px;--t-small:14px;--pad:28px;--gap:6px;--r:4px;--cols:6;--pill:50px}:root[data-d=tv]{--t-name:112px;--t-cap:60px;--t-title:44px;--t-body:32px;--t-small:28px;--pad:96px;--gap:18px;--r:10px;--line:5px;--line-on:12px;--pill:84px}:root[data-land]{--cols:6;--t-name:34px}@layer base{*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}h1,h2,h3,h4{font:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}img,svg,video,canvas{display:block}img,video{max-width:100%}button,input,select{color:inherit;font:inherit;background:0 0;border-radius:0}[hidden]{display:none}html{touch-action:manipulation;background:var(--night);color:var(--ink);font:400 16px / 1.4 var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{overscroll-behavior:none;overflow:hidden}@media (display-mode:standalone){body{min-height:100lvh}}button:not(:disabled),a[href]{cursor:pointer}button{text-align:left}:focus-visible{outline-offset:3px;outline:3px solid #fff}video::cue{font-family:var(--font-sans);text-shadow:0 1px 3px #000,0 0 18px #000c;background:0 0}}.wall,.film,.card,.faces,.note,.tile,.art,.film video{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.wall input,.note input,[data-selectable]{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.stage{background:#09090c;position:fixed;inset:0;overflow:hidden}.room{opacity:.46;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 62% at 26% -6%,#000,#0000004d 72%);mask-image:radial-gradient(70% 62% at 26% -6%,#000,#0000004d 72%)}.grain{background:var(--grain) 0 0 / 220px;pointer-events:none;position:absolute;inset:0}.art:before,.cclip:after,.fly:after,.film[data-mode=door]:not([data-lifting]) .scrim:before{content:"";background:var(--grain) var(--grain-at,0 0) / 220px;pointer-events:none;position:absolute;inset:0}.box:not(.dock .box),.dock .bar,.pane,.btn,.chips:not(.genres) .word,.menu,.toast,:root:not([data-d=phone]) .pair .in{background-size:220px;background-image:var(--grain)!important}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:0;transform:translate(40px)}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wall{isolation:isolate;transform-origin:50% 45%;transition:opacity var(--t3) var(--ease), transform var(--t3) var(--ease);--top:128px;position:absolute;inset:0}.wall[data-row]{--top:172px}:root[data-d=tv] .wall{--top:206px}:root[data-d=tv] .wall[data-row]{--top:292px}.wall[data-genres]{--top:172px}.wall[data-row][data-genres]{--top:206px}:root[data-d=tv] .wall[data-genres]{--top:292px}:root[data-d=tv] .wall[data-row][data-genres]{--top:350px}.wall[data-under]{transform:scale(.975)}.wall[data-behind]{opacity:0;transform:scale(1.02)}.head{z-index:3;padding:max(26px, var(--safe-t)) var(--pad-r) 0 var(--pad-l);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:0 24px;display:flex;position:absolute;inset:0 0 auto}.head>*{pointer-events:auto}:root[data-d=tv] .head{padding-top:54px}.cap{flex:1;min-width:0}.cap h2{font:400 var(--t-cap) / 1.08 var(--font-serif);letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.cap p{min-height:1.4em;color:var(--ink2);font-size:var(--t-small);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;overflow:hidden}.tools{align-items:center;gap:calc(var(--gap) + 6px);flex:none;display:flex}.cats{flex-basis:100%;gap:2px;min-width:0;margin:10px 0 0;display:flex}.cats .word{font-size:var(--t-small)}.cats .word:first-child{margin-left:-.9em}:root[data-d=tv] .cats{margin-top:16px}:root[data-d=tv] .cats .word{font-size:30px}.grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));grid-auto-flow:dense;align-content:start;gap:var(--gap);padding:var(--top) var(--pad-r) 64px var(--pad-l);-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--top) - 44px), #000 calc(var(--top) - 6px));mask-image:linear-gradient(to bottom, transparent calc(var(--top) - 44px), #000 calc(var(--top) - 6px));scrollbar-width:none;display:grid;position:absolute;inset:0;overflow:hidden auto}.grid::-webkit-scrollbar{display:none}:root[data-d=tv] .grid{padding-bottom:120px}:root[data-d=tablet] .grid{padding:calc(24px + var(--safe-t)) var(--pad-r) calc(150px + var(--safe-b)) var(--pad-l);-webkit-mask-image:none;mask-image:none}:root[data-d=phone] .grid{padding:max(10px, var(--safe-t)) var(--safe-r) calc(150px + var(--safe-b)) var(--safe-l);-webkit-mask-image:none;mask-image:none}:root[data-land] .grid{padding-bottom:calc(84px + var(--safe-b))}.more-mark{grid-column:1/-1;height:1px}.list-end{color:var(--ink3);font-size:var(--t-small);grid-column:1/-1;padding:18px 16px 0}.tile{aspect-ratio:2/3;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;min-width:0;display:block;position:relative}.tile img{-webkit-user-drag:none}.dots{z-index:2;background:#08080bb8;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:32px;height:32px;display:none;position:absolute;top:8px;right:8px}.dots i{background:var(--ink);border-radius:50%;width:4px;height:4px}@media (hover:hover){:root[data-d=desktop] .tile:hover .dots{display:flex}}.tile.wide{aspect-ratio:auto;grid-column:span 3}.tile.wide:before{content:"";width:calc((100% - 2 * var(--gap)) / 3);aspect-ratio:2/3;display:block}.art{border-radius:var(--r);transition:transform var(--t2) var(--ease), filter var(--t2) var(--ease), box-shadow var(--t2) var(--ease);animation:fade var(--t2) ease;background:#17171a;position:absolute;inset:0;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%}.art .named{color:var(--ink2);font:400 calc(var(--t-title) * .9) / 1.05 var(--font-serif);text-wrap:balance;align-items:flex-end;display:flex;position:absolute;inset:7%}.wide .art img{object-position:100% 50%}.wide .scrim{background:linear-gradient(90deg,#000000b8,#0003 62%,#0000);position:absolute;inset:0}.wide .tx{right:5%;bottom:calc(var(--line) + 7%);position:absolute;left:5%}.wide .tx b{font:400 var(--t-title) / 1.1 var(--font-serif);letter-spacing:-.01em;display:block}.wide .tx small{color:var(--ink2);font-size:var(--t-small);margin-top:3px;display:block}.wide .ln{height:var(--line);background:#ffffff47;position:absolute;inset:auto 0 0}.wide .ln i{background:#fff;height:100%;display:block}.tile[data-out]{border-radius:var(--r);background:#ffffff09}.tile[data-out] .art{visibility:hidden}.grid:has(.tile:focus-visible) .tile:not(:focus) .art{filter:brightness(.62)}.tile:focus-visible{z-index:2}.tile:focus-visible .art{z-index:2;outline-offset:2px;outline:3px solid #fff;transform:scale(1.04)}:root[data-d=tv] .tile:focus .art{outline-offset:3px;outline:5px solid #fff;transform:scale(1.07);box-shadow:0 26px 60px #000000a6}@media (hover:hover){:root[data-d=desktop] .tile:hover .art,:root[data-d=tablet] .tile:hover .art{transform:scale(1.025)}}.wall[data-offline] .tile .art{filter:saturate(.5)brightness(.72)}.face{border-radius:999px;outline:none;align-items:center;gap:12px;display:inline-flex}.disc{width:var(--pill);height:var(--pill);color:var(--ink2);font:400 calc(var(--pill) * .46) / 1 var(--font-serif);transition:transform var(--t2) var(--ease), box-shadow var(--t2) var(--ease);background:#25252a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.disc img{object-fit:cover;object-position:50% 28%;width:100%;height:100%}.disc svg{width:72%}.disc .drawn{width:100%;height:100%}.disc[data-two]{font-size:calc(var(--pill) * .38)}.letters{font-variation-settings:"opsz" 36;text-box:trim-both cap alphabetic;translate:0 .01em}@supports not (text-box:trim-both cap alphabetic){.letters{translate:0 .11em}}.face:focus-visible .disc,:root[data-d=tv] .face:focus .disc{box-shadow:0 0 0 4px var(--night), 0 0 0 8px #fff;transform:scale(1.06)}.word{color:var(--ink2);font-size:var(--t-body);white-space:nowrap;transition:background var(--t1), color var(--t1), transform var(--t1);border-radius:999px;outline:none;padding:.34em .9em;display:inline-block}.word:hover{color:var(--ink)}.word:focus-visible,:root[data-d=tv] .word:focus{background:var(--ink);color:var(--dark)}.word.on{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hair)}.box{min-width:0;height:var(--pill);background:#ffffff14;border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex;position:relative}.box:focus-within{box-shadow:inset 0 0 0 1px var(--hair);background:#ffffff21}.box input{min-width:0;height:100%;font-size:var(--t-body);background:0 0;border:0;outline:none;flex:1}.box input::placeholder{color:var(--ink3)}.box input:not(:placeholder-shown){padding-right:22px}.box svg{fill:none;width:18px;height:18px;stroke:var(--ink3);stroke-width:1.8px;flex:none}.clear{outline-offset:-3px;border-radius:999px;justify-content:center;align-items:center;width:40px;height:100%;display:flex;position:absolute;top:0;right:6px}.clear svg{width:14px;height:14px;transition:stroke var(--t1)}@media (hover:hover){.clear:hover svg{stroke:var(--ink)}}:root[data-d=desktop] .head .box{width:300px;height:40px;font-size:14px}.dock{z-index:4;padding:44px max(14px, var(--safe-r)) calc(14px + var(--safe-b)) max(14px, var(--safe-l));pointer-events:none;translate:0 calc(var(--keys,0px) * -1);transition:translate var(--t2) var(--ease);background:linear-gradient(#0000,#050507db 62%);flex-direction:column;gap:8px;display:flex;position:absolute;inset:auto 0 0}.catcap{font:400 var(--t-cap) / 1.1 var(--font-serif);letter-spacing:-.012em;grid-column:1/-1;padding:38px 16px 12px}.catcap small{color:var(--ink2);font:400 var(--t-small) / 1.3 var(--font-sans);letter-spacing:0;margin-top:2px;display:block}.none{text-align:center;grid-column:1/-1;align-self:center;padding:12vh 24px}.none h2{font:400 var(--t-cap) / 1.15 var(--font-serif);letter-spacing:-.01em;margin:0}.none p{max-width:34em;color:var(--ink2);font-size:var(--t-body);margin:10px auto 0}.band{z-index:5;padding:calc(10px + var(--safe-t)) var(--pad-r) 10px var(--pad-l);font-size:var(--t-small);text-align:center;background:#141418eb;position:absolute;inset:0 0 auto}.band b{font-weight:600}:root:is([data-d=desktop],[data-d=tv]) .band{inset:auto 0 0}.wall:has(.none) .band{display:none}.welcome{justify-content:center;align-items:center;gap:calc(var(--t-small) * 1.5);padding:24px var(--pad-r) calc(110px + var(--safe-b)) var(--pad-l);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}:root[data-land] .welcome{padding-bottom:calc(24px + var(--safe-b))}.welcome h1{max-width:12em;font:300 calc(var(--t-name) * .82) / 1.04 var(--font-serif);letter-spacing:-.02em;text-wrap:balance;margin:0 auto}.welcome p{max-width:32em;color:var(--ink2);font-size:var(--t-body);text-wrap:pretty;margin:10px auto 0}.welcome .box{width:min(440px,100%)}.corner-face{top:calc(18px + var(--safe-t));right:var(--pad-r);position:absolute}.toast{bottom:calc(var(--pad) + 70px + var(--safe-b));z-index:30;max-width:calc(100% - var(--pad-l) - var(--pad-r));font-size:var(--t-body);text-overflow:ellipsis;animation:fade var(--t3) var(--ease);background:#1c1c21f5;border-radius:24px;padding:.6em 1.2em;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 50px #00000080}:root[data-d=tv] .toast{bottom:80px}.toast a{text-underline-offset:3px;text-decoration:underline}.sweep{z-index:31;height:var(--line);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden}.sweep i{transform-origin:0;animation:sweep 1.6s var(--ease) both;position:absolute;inset:0}@keyframes sweep{0%{opacity:1;transform:scaleX(0)}55%{background:#fff;transform:scaleX(1)}to{opacity:0;background:#fff;transform:scaleX(1)}}.dock:has(input:focus) .chips{display:none}.dock>*{pointer-events:auto}.dock .bar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#202025e6;border-radius:999px;align-items:center;gap:6px;display:flex}.dock .box{box-shadow:none;background:0 0;flex:1}.dock .face{padding:0 3px 0 0}.dock .disc{--pill:44px}:root[data-d=tablet] .dock{align-items:center}:root[data-d=tablet] .dock .bar{width:520px}.chips{--out-l:max(14px, var(--safe-l));--out-r:max(14px, var(--safe-r));max-width:100vw;margin-inline:calc(var(--out-l) * -1) calc(var(--out-r) * -1);padding:2px calc(var(--out-r) + 2px) 2px calc(var(--out-l) + 2px);scrollbar-width:none;-webkit-mask-image:var(--fade-x);mask-image:var(--fade-x);gap:6px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .word{color:var(--ink);background:#202025e6;padding:.46em 1em;font-size:14px}:root[data-d=phone] .chips .word{font-size:15px}.chips:not(.genres)>.word.on,.one-row .words:not(.genres)>.word.on{background-color:var(--ink);box-shadow:none;color:var(--dark)}.genres .word{color:var(--ink3)}.cats.genres{margin-top:2px}.dock .genres .word{color:#f6f4f0e0;background:0 0;min-height:44px;padding-inline:.8em;font-weight:500;position:relative}.dock .genres .word.on{box-shadow:none;color:var(--ink)}.chips.genres{margin-block:-8px}.dock .genres .word.on:after{content:"";background:#fff;border-radius:1px;height:2px;position:absolute;bottom:8px;left:.8em;right:.8em}.dock.one-row{gap:0;padding-top:24px}.one-row .chips{align-items:center}.one-row .words{flex:none;gap:6px;display:flex}.one-row .words.genres{gap:0;margin-block:-6px}.one-row .glyph{flex:none;place-items:center;width:2.2em;height:2.2em;padding:0;display:grid}.one-row .glyph svg{fill:none;width:17px;height:17px;stroke:var(--ink2);stroke-width:1.8px}.one-row .hair{background:var(--hair);flex:none;width:1px;height:18px;margin-inline:8px 2px}.one-row .face{flex:none;margin-left:6px;padding:0}.one-row .disc{--pill:36px}.light{--u:max(1px, calc(var(--t-name) / 50));height:calc(var(--u) * 120);flex:none;align-self:stretch}.none .light{--u:.8px;margin-bottom:8px}.light>div{height:calc(var(--u) * 120);position:absolute;left:0;right:0}.light i{top:50%;left:0;right:calc(50% + var(--u) * 60);height:calc(var(--u) * 5);margin-top:calc(var(--u) * -2.5);background:linear-gradient(90deg, #fff8 calc(100% - var(--u) * 28), transparent) 0 50% / 100% 34% no-repeat, linear-gradient(90deg, var(--beam) calc(100% - var(--u) * 28), transparent);box-shadow:0 0 calc(var(--u) * 3) var(--beam);position:absolute}.light i:first-child{--beam:var(--beam1);top:calc(50% - var(--u) * 24)}.light i:nth-child(2){--beam:var(--beam3)}.light i:nth-child(3){--beam:var(--beam4);top:calc(50% + var(--u) * 24)}.light svg{top:0;left:calc(50% - var(--u) * 88);width:calc(var(--u) * 148);height:calc(var(--u) * 120);-webkit-mask-image:linear-gradient(90deg, transparent, #000 calc(var(--u) * 28));mask-image:linear-gradient(90deg, transparent, #000 calc(var(--u) * 28));position:absolute}.light .light-out{right:0;left:calc(50% + var(--u) * 30);height:calc(var(--u) * 6);margin-top:calc(var(--u) * -3);background:var(--ink);box-shadow:0 0 calc(var(--u) * 4) #fff6}.light .light-gleam{right:auto;left:calc(50% + var(--u) * 31);width:calc(var(--u) * 54);height:calc(var(--u) * 21);margin:calc(var(--u) * -10.5) calc(var(--u) * -27);box-shadow:none;background:radial-gradient(closest-side,#fff,#fffc 20%,#fff6 40%,#fff2 60%,#fff0);border-radius:50%}.prism canvas,.light canvas{opacity:0;width:100%;height:100%;transition:opacity var(--t1) ease;position:absolute;inset:0}[data-glass]>canvas{opacity:1}[data-glass]>:not(canvas){visibility:hidden;transition:visibility 0s linear var(--t1)}.keys{top:54px;bottom:54px;left:var(--pad);z-index:3;width:560px;position:absolute}.keys .q{min-height:1.2em;font:400 var(--t-cap) / 1.15 var(--font-serif);letter-spacing:-.01em}.keys .q i{color:var(--ink3);font-style:normal}.keygrid{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:22px;display:grid}.key{height:84px;transition:transform var(--t1), background var(--t1), color var(--t1), opacity var(--t1);border-radius:12px;outline:none;justify-content:center;align-items:center;font-size:32px;font-weight:500;display:flex}.key.far{opacity:.36}.key:focus{background:var(--ink);color:var(--dark);opacity:1;transform:scale(1.14)}.key.lg{grid-column:span 2;font-size:26px}.wall[data-search] .grid{--cols:5;padding-top:54px;padding-left:720px;-webkit-mask-image:none;mask-image:none}.btn{height:var(--pill);font-size:var(--t-body);white-space:nowrap;transition:transform var(--t2) var(--ease), background var(--t1), color var(--t1);background:#ffffff24;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.5em;padding:0 1.5em;font-weight:550;display:inline-flex}.btn.hero{background:var(--ink);color:var(--dark)}.btn svg{fill:currentColor;width:.82em;height:.82em}.btn:hover{background:#ffffff38}.btn.hero:hover{background:#fff}.btn:disabled{opacity:.5;pointer-events:none}.btn:focus-visible{outline-offset:3px;outline:3px solid #fff}:root[data-d=tv] .btn{height:88px;padding:0 54px}:root[data-d=tv] .btn:focus{background:var(--ink);color:var(--dark);outline:none;transform:scale(1.08)}:root[data-d=tv] .btn.hero:not(:focus){color:var(--ink);background:#ffffff2e}.acts{margin-top:calc(var(--t-body) * 1.2);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.acts-center{justify-content:center}.btn.hero[data-hearing]{background-color:#f6f4f09e}dialog.note{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;padding:0;position:fixed;inset:0;overflow:clip}dialog.note[open]{justify-content:flex-end;display:flex}dialog.note::backdrop{animation:fade var(--t2) ease;background:#0404066b}.pane{width:420px;max-width:100%;height:100%;padding:calc(24px + var(--safe-t)) max(24px, var(--safe-r)) calc(32px + var(--safe-b)) 24px;background:var(--panel);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);scrollbar-width:none;animation:slide var(--t3) var(--ease);outline:none;flex-direction:column;gap:22px;display:flex;position:relative;overflow-y:auto}.pane>*{flex:none}.pane::-webkit-scrollbar{display:none}:root[data-d=phone] dialog.note[open]{align-items:flex-end}:root[data-d=phone] .pane{width:100%;height:auto;max-height:90%;padding:24px max(24px, var(--safe-r)) calc(24px + var(--safe-b)) max(24px, var(--safe-l));border-radius:18px 18px 0 0;animation-name:up}:root[data-d=tv] .pane{gap:34px;width:900px;padding:60px 96px 60px 64px}.pane h2{font:400 var(--t-cap) / 1.1 var(--font-serif);letter-spacing:-.012em;margin:0}.lead{color:var(--ink2);font-size:var(--t-body);text-wrap:pretty;margin:6px 0 0}.sec h3{color:var(--ink3);font-size:var(--t-small);margin:0 0 4px;font-weight:500}.rows{flex-direction:column;display:flex}.row{width:calc(100% + 1.1em);min-height:calc(var(--t-body) * 2.6);font-size:var(--t-body);border-radius:10px;outline:none;align-items:center;gap:12px;margin:0 -.55em;padding:.3em .55em;display:flex}.row .l{flex:1;min-width:0}.row .l small{color:var(--ink3);font-size:var(--t-small);line-height:1.2;display:block}.row .m{color:var(--ink3);font-size:var(--t-small);white-space:nowrap}.row .m .v{color:var(--ink);font-size:var(--t-body);font-weight:500}.row .ray{isolation:isolate;width:calc(var(--t-body) * 1.6);height:var(--line);background:linear-gradient(90deg,#0000,currentColor 22% 78%,#0000);border-radius:50%;flex:none;position:relative}.row .ray:before{content:"";z-index:-1;opacity:var(--beam-glow);filter:blur(3px);background:currentColor;border-radius:50%;position:absolute;inset:-2px 2px}.row .ray:after{content:"";background:var(--beam-core);border-radius:50%;position:absolute;inset:30% 14%}.row .disc{--pill:calc(var(--t-body) * 1.9)}button.row:hover,a.row:hover{background:#ffffff12}button.row:focus-visible,a.row:focus-visible,:root[data-d=tv] button.row:focus,:root[data-d=tv] a.row:focus{background:var(--ink);color:var(--dark)}button.row:focus-visible small,a.row:focus-visible small,:root[data-d=tv] button.row:focus small,:root[data-d=tv] a.row:focus small,button.row:focus-visible .m,:root[data-d=tv] button.row:focus .m,button.row:focus .m .v{color:inherit}.prism{width:100%;max-width:calc(var(--t-body) * 24);height:calc(var(--t-body) * 7);margin:2px auto 6px;position:relative}.prism svg{width:100%;height:100%;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#0000,#00000047 8%,#000000c7 15%,#000 24% 76%,#000000c7 85%,#00000047 92%,#0000);mask-image:linear-gradient(90deg,#0000,#00000047 8%,#000000c7 15%,#000 24% 76%,#000000c7 85%,#00000047 92%,#0000)}.prism-wipe{fill:none;stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s ease-out both draw}.prism-line{animation-duration:.34s;animation-delay:calc(var(--meet) + .16s)}.prism-hot{animation:fade .32s ease var(--meet) both}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.prism-wipe{stroke-dashoffset:0;animation:none}.prism-hot{animation:none}}.field{color:var(--ink2);font-size:var(--t-small);flex-direction:column;gap:6px;display:flex}.field input,.field select{height:calc(var(--t-body) * 2.7);border:1px solid var(--hair);color:var(--ink);font-size:var(--t-body);background:#ffffff0d;border-radius:10px;outline:none;padding:0 14px}.field input:focus,.field select:focus{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:1px}.form{flex-direction:column;gap:14px;display:flex}.quiet{color:var(--ink2);font-size:var(--t-small);text-underline-offset:3px;border-radius:6px;outline:none;align-self:flex-start;margin:0 -4px;padding:2px 4px;text-decoration:underline}.quiet:focus-visible,:root[data-d=tv] .quiet:focus{background:var(--ink);color:var(--dark);text-decoration:none}.link-box{font-size:var(--t-small);word-break:break-all;background:#ffffff14;border-radius:12px;padding:12px 16px}.quiets{justify-content:space-between;gap:24px;display:flex}.secret{position:relative}.secret input{width:100%;padding-right:56px}.secret .quiet{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.ticks{flex-direction:column;gap:4px;display:flex}.tick-row{font-size:var(--t-body);align-items:center;gap:10px;padding:4px 0;display:flex}.tick-row input{accent-color:#fff;width:1em;height:1em}.field-foot{color:var(--ink3);font-size:var(--t-small)}.field-foot b{color:var(--ink);font-weight:500}.link-box b{font-weight:500;display:block}.link-box p{color:var(--ink2)}.faces{z-index:10;justify-content:center;align-items:center;gap:calc(var(--pad) + 8px);padding:max(var(--pad), var(--safe-t)) var(--pad-r) max(var(--pad), var(--safe-b)) var(--pad-l);-webkit-backdrop-filter:blur(26px)saturate(1.2);backdrop-filter:blur(26px)saturate(1.2);background:#060608b8;flex-direction:column;display:flex;position:absolute;inset:0}.faces h1{font:300 calc(var(--t-cap) * 1.1) / 1.1 var(--font-serif);letter-spacing:-.016em;margin:0}.who{justify-content:center;gap:calc(var(--pad) * .6);--u:110px;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}:root[data-d=tv] .who{--u:230px}:root[data-d=phone] .who{--u:96px;gap:26px 34px}.who-b{align-items:center;gap:calc(var(--t-small) * .7);width:calc(var(--u) * 1.2);color:var(--ink2);font-size:var(--t-body);text-align:center;transition:color var(--t1);outline:none;flex-direction:column;display:flex}.who-b .disc{--pill:var(--u)}.who-b:hover,.who-b:focus{color:var(--ink)}.who-b:hover .disc{transform:scale(1.04)}.who-b:focus-visible .disc,:root[data-d=tv] .who-b:focus .disc{transform:scale(1.06);box-shadow:0 0 0 6px #fff,0 26px 60px #0009}.who-b[data-off]{opacity:.5}.me{align-items:center;gap:calc(var(--t-body) * .9);display:flex}.me .disc{--pill:calc(var(--t-body) * 3.1)}.disc.sheeted{container-type:size}.sheeted :is(.g96,.g230){display:none}.sheeted .beam{opacity:.5}.sheeted .grained{opacity:.12}@container (width>=72px){.sheeted .g44{display:none}.sheeted .g96{display:block}.sheeted .beam{opacity:.42}.sheeted .grained{opacity:.17}}@container (width>=160px){.sheeted .g96{display:none}.sheeted .g230{display:block}.sheeted .beam{opacity:.36}.sheeted .grained{opacity:.2}}.sheeted .blink{transform-box:fill-box;transform-origin:50%}.me .sheeted .blink{animation:.34s ease-in-out .9s blink}@keyframes blink{50%{transform:scaleY(.06)}}@media (prefers-reduced-motion:reduce){.me .sheeted .blink{animation:none}}.picks{gap:calc(var(--t-body) * .4);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.pick{border-radius:50%;outline:none}.pick .disc{--pill:calc(var(--t-body) * 2.6);aspect-ratio:1;width:100%;height:auto}.pick[aria-pressed=true] .disc{box-shadow:0 0 0 2px var(--dark), 0 0 0 4px var(--ink2)}.pick:focus-visible .disc,:root[data-d=tv] .pick:focus .disc{box-shadow:0 0 0 3px var(--dark), 0 0 0 6px #fff}.faces-row{gap:calc(var(--gap) + 14px);flex-wrap:wrap;display:flex}:root[data-d=phone] .faces-row{flex-wrap:nowrap;gap:8px;overflow-x:auto}.mini{width:calc(var(--t-body) * 4.6);color:var(--ink2);font-size:var(--t-small);text-align:center;border-radius:12px;outline:none;flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.mini .disc{--pill:calc(var(--t-body) * 3.1)}.mini[aria-current=true]{color:var(--ink)}.mini:focus-visible .disc,:root[data-d=tv] .mini:focus .disc{box-shadow:0 0 0 3px var(--dark), 0 0 0 7px #fff}:root[data-d=tv] .mini:focus{color:var(--ink)}.pair{z-index:13;padding:max(var(--pad), var(--safe-t)) var(--pad-r) max(var(--pad), var(--safe-b)) var(--pad-l);animation:fade var(--t2) ease;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pair .in{background:var(--panel);border-radius:18px;flex-direction:column;gap:14px;width:min(440px,100%);padding:28px;display:flex}:root[data-d=phone] .pair .in{background:0 0;padding:0}.pair h2{font:300 var(--t-cap) / 1.1 var(--font-serif);letter-spacing:-.016em;text-wrap:balance;margin:0}.pair p{color:var(--ink2);font-size:var(--t-body);text-wrap:pretty;margin:0}:root[data-d=phone],:root[data-d=phone] body,:root[data-d=phone] #root{height:auto}:root[data-d=phone] body{overscroll-behavior:auto;overflow:visible}:root[data-d=phone] .pane{overscroll-behavior:contain}:root[data-d=phone]:has(.film,dialog[open],.faces,.pair) body{overflow:hidden}:root[data-d=phone] .stage{min-height:100lvh;position:relative;overflow:visible}:root[data-d=phone] .room,:root[data-d=phone] .grain{height:100lvh;position:absolute;inset:0 0 auto}:root[data-d=phone] .film,:root[data-d=phone] .faces,:root[data-d=phone] .pair,:root[data-d=phone] .band,:root[data-d=phone] .dock,:root[data-d=phone] .toast,:root[data-d=phone] .sweep{position:fixed}:root[data-d=phone] .wall{min-height:100lvh;position:relative;inset:auto}:root[data-d=phone] .wall[data-behind]{transform:none}:root[data-d=phone] .grid{position:relative;inset:auto;overflow:visible}:root[data-d=phone] .pane{max-height:calc(90% - var(--keys,0px));translate:0 calc(var(--keys,0px) * -1);transition:translate var(--t2) var(--ease)}:root[data-d=phone] .dock{background:linear-gradient(#0000,#08080bbd 56%,#08080b)}:root[data-d=phone] .dock:has(.genres):before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#08080b9e;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 12px,#000 92px);mask-image:linear-gradient(#0000 12px,#000 92px)}:root[data-d=phone] .dock.one-row:before{-webkit-mask-image:linear-gradient(#0000,#000 30px);mask-image:linear-gradient(#0000,#000 30px)}:root[data-d=phone] .dock:has(input:focus){background:0 0;padding-bottom:10px}:root[data-d=phone] .dock:has(input:focus):before{display:none}:root[data-d=phone] .wall:before{content:"";z-index:0;height:calc(var(--safe-t) + 96px);pointer-events:none;background:linear-gradient(#08080b,#0000);position:absolute;inset:0 0 auto}@supports (animation-timeline:scroll()){:root[data-d=phone] .catcap{animation:linear reverse both fade;animation-timeline:scroll(root);animation-range:0 40px}}:root[data-d=phone] .grain{-webkit-mask-image:linear-gradient(#0000,#000 72px calc(100% - 96px),#0000);mask-image:linear-gradient(#0000,#000 72px calc(100% - 96px),#0000)}:root[data-d=phone] .room{-webkit-mask-image:radial-gradient(70% 62% at 26% -6%,#000,#0000004d 72%),linear-gradient(#000 70%,#0000);mask-image:radial-gradient(70% 62% at 26% -6%,#000,#0000004d 72%),linear-gradient(#000 70%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}@media (display-mode:standalone){:root[data-d=phone] .wall:before{z-index:3;height:calc(var(--safe-t) + 28px);background:linear-gradient(#08080bd1,#0000);position:fixed}}