@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");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:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--paper:#f6f6f4;--ink:#1e1e1e;--ink-soft:#4a4a48;--ink-muted:#858582;--ink-faint:#b9b9b5;--line:#e6e6e3;--line-strong:#cfcfcb;--focus:#1e1e1e;--on-ink:#fff;--signal:#b4472b;--warning:#7a5a17;--danger:#a1301f;--scrim:#ffffffb8;--shimmer:#ffffffb3;--vinyl:#121212;--groove:#1d1d1d;--vinyl-groove:#ffffff12;--font-sans:"Archivo Variable", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "PingFang SC", "Microsoft YaHei UI", ui-monospace, monospace;--ease:cubic-bezier(.22, .7, .18, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.16s;--dur-med:.28s;--dur-slow:.52s;--page-max:1320px;--gutter:clamp(20px, 4.5vw, 64px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f0f;--paper:#171717;--ink:#ececea;--ink-soft:#bdbdba;--ink-muted:#8a8a87;--ink-faint:#5a5a58;--line:#262626;--line-strong:#3a3a38;--focus:#ececea;--on-ink:#0f0f0f;--signal:#e07a5c;--warning:#d8b162;--danger:#ec8a7a;--scrim:#000000a8;--shimmer:#ffffff0d;--vinyl:#070707;--groove:#2c2c2c;--vinyl-groove:#ffffff0f}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;font-weight:400;line-height:1.7}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:0}img,svg{max-width:100%;display:block}:focus{outline:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.title-face{text-transform:uppercase;letter-spacing:.01em;font-weight:300}.mono,.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);letter-spacing:.02em;font-size:.86em}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.rise{animation:rise var(--dur-slow) var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (hover:none) and (pointer:coarse){html,body{overscroll-behavior-y:none}html{touch-action:manipulation}img,svg,button,.sliced,.sleeve{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}}@property --page-room{syntax:"<color>";inherits:true;initial-value:#0d1220}@property --page-ink{syntax:"<color>";inherits:true;initial-value:#efe9df}:root{--page-room:#0d1220;--page-ink:#efe9df;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-curtain:cubic-bezier(.76, 0, .24, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ink-12:color-mix(in srgb, var(--page-ink) 12%, transparent);--ink-20:color-mix(in srgb, var(--page-ink) 20%, transparent);--ink-40:color-mix(in srgb, var(--page-ink) 42%, transparent);--ink-60:color-mix(in srgb, var(--page-ink) 62%, var(--page-room));--glass:color-mix(in srgb, var(--page-ink) 5%, transparent);--glass-strong:color-mix(in srgb, var(--page-room) 72%, var(--page-ink) 6%);--frost:color-mix(in srgb, color-mix(in srgb, var(--page-room) 90%, var(--page-ink)) 60%, transparent);--frost-strong:color-mix(in srgb, var(--page-room) 94%, var(--page-ink));--accent:#e0714f;--radius:26px;--room-change:1.1s var(--ease-out-expo);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body,.room-fade{background:radial-gradient(90% 70% at 88% 6%, color-mix(in srgb, #ff9a5a 16%, var(--page-room)) 0%, transparent 60%), radial-gradient(80% 70% at 6% 100%, color-mix(in srgb, #3d6bff 12%, var(--page-room)) 0%, transparent 62%), radial-gradient(140% 120% at 50% 40%, var(--page-room) 40%, color-mix(in srgb, #000 30%, var(--page-room)) 100%);background-color:var(--page-room);color:var(--page-ink)}body:before{content:"";z-index:-2;pointer-events:none;background:inherit;position:fixed;inset:0}.room-fade{z-index:-1;pointer-events:none;animation:room-fade var(--room-change) forwards;position:fixed;inset:0}@keyframes room-fade{to{opacity:0}}::selection{background:var(--page-ink);color:var(--page-room)}:focus-visible{outline:1.5px solid var(--page-ink);outline-offset:3px}.contours{z-index:0;width:100%;height:100%;color:var(--page-ink);pointer-events:none;transition:color var(--room-change);animation:2.4s .2s both fade;position:fixed;inset:0}.quiet-scroll{scrollbar-width:none}.quiet-scroll::-webkit-scrollbar{width:0;height:0;display:none}.quiet{flex-direction:column;min-height:0;display:flex;position:relative}.quiet>:first-child{min-height:0}.quiet__thumb{z-index:2;cursor:grab;opacity:0;touch-action:none;width:12px;transition:opacity .32s;display:none;position:absolute;top:0;right:-4px}.quiet__thumb:before{content:"";background:var(--ink-40);border-radius:4px;width:4px;transition:width .22s,background-color .22s;position:absolute;top:0;bottom:0;right:4px}.quiet[data-overflow]>.quiet__thumb{display:block}.quiet:hover>.quiet__thumb,.quiet[data-scrolling]>.quiet__thumb,.quiet[data-dragging]>.quiet__thumb{opacity:1}.quiet__thumb:hover:before,.quiet[data-dragging]>.quiet__thumb:before{background:var(--ink-60);width:6px}.quiet[data-dragging]>.quiet__thumb{cursor:grabbing}.stage{z-index:1;min-height:calc(100dvh - var(--privacy-h,44px));flex:1;display:grid;position:relative}.stage[data-stage=entry],.stage[data-stage=leaving]{min-height:auto}.privacy{z-index:1;padding:8px 20px max(18px, env(safe-area-inset-bottom));letter-spacing:.02em;color:color-mix(in srgb, var(--page-ink) 46%, var(--page-room));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin-inline:auto;font-size:12px;line-height:1.6;display:flex;position:relative}.privacy__points{flex-wrap:wrap;justify-content:center;gap:2px 0;display:flex}.privacy__points li{white-space:nowrap;align-items:center;display:inline-flex}.privacy__points li+li:before{content:"";opacity:.55;background:currentColor;border-radius:50%;width:3px;height:3px;margin-inline:10px}.privacy__more{border:1px solid var(--ink-12);color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 7px;transition:color .24s,border-color .24s,background-color .24s;display:inline-flex}.privacy__more:hover,.privacy__more[aria-expanded=true]{border-color:var(--ink-40);background:var(--glass);color:var(--page-ink)}.privacy__card{border:1px solid var(--ink-12);background:var(--frost-strong);width:min(420px,100vw - 32px);color:var(--ink-60);font-family:var(--font-sans);letter-spacing:0;text-align:left;animation:privacy-in .42s var(--ease-out-expo) both;border-radius:16px;padding:14px 18px;font-size:12.5px;line-height:1.7;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);box-shadow:0 24px 60px -28px #000000a6}.privacy__card[hidden]{display:none}@media (max-width:560px){.privacy__points{gap:2px 14px}.privacy__points li+li:before{content:none}}@keyframes privacy-in{0%{opacity:0;transform:translate(-50%,8px)scale(.98)}}.fixture-banner{z-index:70;background:var(--ink-12);color:var(--ink-60);font-family:var(--font-mono);white-space:nowrap;transition:color var(--room-change), background-color var(--room-change);text-overflow:ellipsis;border-radius:0 0 10px 10px;max-width:calc(100vw - 24px);margin:0;padding:4px 14px;font-size:11px;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.corner{z-index:40;align-items:center;animation:.9s .2s both fade;display:flex;position:fixed;top:24px;left:clamp(18px,3vw,40px)}@media (max-width:760px){.corner{position:absolute}}.brand{max-width:180px;color:var(--page-ink);white-space:nowrap;transition:opacity .6s ease, color var(--room-change), max-width .76s var(--ease-out-expo), margin-right .76s var(--ease-out-expo);flex:none;align-items:center;gap:12px;margin-right:22px;text-decoration:none;display:inline-flex;overflow:hidden}.brand[data-hidden]{opacity:0;pointer-events:none;max-width:0;margin-right:0}.lang{--lang-pad:3px;padding:var(--lang-pad);border:1px solid var(--ink-20);background:color-mix(in srgb, var(--page-room) 82%, var(--page-ink) 6%);transition:border-color .3s ease, background-color var(--room-change);border-radius:999px;flex:none;grid-template-columns:1fr 1fr;display:grid;position:relative}.lang:hover{border-color:var(--ink-40)}.lang__thumb{top:var(--lang-pad);bottom:var(--lang-pad);left:var(--lang-pad);width:calc((100% - 2 * var(--lang-pad)) / 2);background:var(--page-ink);transform:translateX(calc(var(--at,0) * 100%));transition:transform .56s var(--ease-spring), background-color 1.1s var(--ease-out-expo);border-radius:999px;position:absolute;box-shadow:0 2px 10px #00000038}.lang__option{z-index:1;min-width:42px;height:26px;color:var(--ink-60);letter-spacing:.08em;text-align:center;transition:color .38s ease 80ms, transform .38s var(--ease-spring);border-radius:999px;padding:0 10px;font-size:12px;font-weight:500;line-height:26px;position:relative}.lang__option:hover:not([aria-pressed=true]){color:var(--page-ink)}.lang__option:active{transform:scale(.92)}.lang__option[aria-pressed=true]{color:var(--page-room);cursor:default}.lang__option:focus-visible{outline-offset:2px}:root[data-refade=language] .stage,:root[data-refade=language] .toast-region{animation:.46s cubic-bezier(.2,.7,.2,1) both refade}@keyframes refade{0%{opacity:.25;filter:blur(3px)}to{opacity:1;filter:none}}@media (prefers-reduced-motion:reduce){.lang__thumb,.lang__option,.brand{transition:none}:root[data-refade=language] .stage,:root[data-refade=language] .toast-region{animation:none}}.brand__mark{background:radial-gradient(circle, var(--page-room) 0 13%, transparent 14%), radial-gradient(circle, var(--accent) 0 34%, transparent 35%), var(--page-ink);width:16px;height:16px;transition:transform .9s var(--ease-out-expo);border-radius:50%}.brand:hover .brand__mark{transform:rotate(240deg)}.brand__name{letter-spacing:.4em;text-transform:uppercase;font-size:13px;font-weight:500}.text-link{color:inherit;transition:background-size .46s var(--ease-out-expo);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding:2px 0}.text-link:hover:not(:disabled){background-position:100% 100%;background-size:0 1px}.text-link:disabled{opacity:.4;cursor:not-allowed}.cover{aspect-ratio:1;background:var(--cover-base,var(--ink-12));isolation:isolate;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;animation:.24s ease-out both cover-arrive;position:absolute;inset:0}@keyframes cover-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cover img{animation:none}}.cover__art{background:var(--cover-bg);position:absolute;inset:0}.cover__art:after{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.cover--mini{border-radius:4px;flex:none;width:26px}.cover--thumb{flex:none;width:64px}.search-field{background:var(--glass);border:1px solid var(--ink-12);border-radius:999px;align-items:center;gap:10px;height:46px;padding:0 14px;transition:border-color .3s,background-color .3s;display:flex;position:relative}.search-field:focus-within{border-color:var(--ink-40);background:color-mix(in srgb, var(--page-ink) 8%, transparent)}.search-field__icon{opacity:.6;flex:none}.search-field input{background:0 0;border:0;flex:1;min-width:0;height:100%;font-size:15px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:var(--ink-40)}.search-field input::-webkit-search-cancel-button{display:none}.search-field__clear{opacity:.6;width:26px;height:26px;transition:opacity .2s ease, transform .46s var(--ease-out-expo);border-radius:50%;place-items:center;display:grid}.search-field__clear:hover{opacity:1;transform:rotate(90deg)}.toast-region{left:0;right:0;bottom:max(24px, env(safe-area-inset-bottom));z-index:60;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--page-ink);max-width:640px;color:var(--page-room);animation:toast-in .64s var(--ease-spring) both;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px 12px 18px;display:flex;box-shadow:0 24px 60px -24px #0009}@keyframes toast-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}.toast__icon{color:var(--accent);flex:none}.toast__text{flex:1;min-width:180px;font-size:14px}.toast__action{border:1px solid color-mix(in srgb, var(--page-room) 40%, transparent);border-radius:999px;height:34px;padding:0 14px;font-size:13px}.toast__action--primary{background:var(--page-room);color:var(--page-ink)}.connecting{color:var(--ink-60);align-content:center;place-items:center;gap:18px;display:grid}.connecting .drum{width:140px}::view-transition-old(root){animation:vt-out .52s var(--ease-curtain) both}::view-transition-new(root){animation:vt-in .72s var(--ease-out-expo) both}@keyframes vt-out{to{opacity:0;filter:blur(6px);transform:scale(.97)}}@keyframes vt-in{0%{opacity:0;filter:blur(6px);transform:scale(1.03)}}:root[data-transition=language]::view-transition-old(root){animation:.56s cubic-bezier(.45,0,.25,1) both lang-out}:root[data-transition=language]::view-transition-new(root){animation:.56s cubic-bezier(.45,0,.25,1) both lang-in}@keyframes lang-out{to{opacity:0}}@keyframes lang-in{0%{opacity:0}}:root[data-transition=language] .lang{view-transition-name:lang-switch}::view-transition-group(lang-switch){animation:none}::view-transition-old(lang-switch){display:none}::view-transition-new(lang-switch){animation:none}@media (hover:none) and (pointer:coarse){.search-field input{font-size:16px}}@media (max-width:760px){body:has(.entry[data-active]) .brand[data-hidden]{opacity:1;max-width:180px;margin-right:22px}}.entry{--gutter:clamp(18px, 4vw, 56px);--pad-top:clamp(92px, 14vh, 150px);--pad-bottom:40px;--gap:clamp(26px, 4vh, 44px);width:min(1200px, 100% - 2 * var(--gutter));padding:var(--pad-top) 0 var(--pad-bottom);align-content:start;gap:var(--gap);margin:0 auto;display:grid}.entry__head{justify-items:start;gap:12px;display:grid}.entry__title{letter-spacing:.06em;transition:font-size .82s var(--ease-out-expo), letter-spacing .82s var(--ease-out-expo);align-items:baseline;font-size:clamp(40px,4.4vw,62px);font-weight:200;line-height:1;display:flex;position:relative}.entry__title>span{animation:letter-rise 1.1s var(--ease-out-expo) both;animation-delay:calc(.12s + var(--i) * 70ms);display:inline-block}@keyframes letter-rise{0%{opacity:0;filter:blur(8px);transform:translateY(.7em)rotate(6deg)}}.entry__signature{fill:none;width:3.6em;height:.3em;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:glyph-draw 1.6s var(--ease-out-expo) .7s forwards;transition:opacity .5s;position:absolute;bottom:-.32em;left:0;overflow:visible}.entry[data-active] .entry__title{letter-spacing:.04em;font-size:clamp(26px,2.4vw,34px)}.entry[data-active] .entry__signature{opacity:0}.entry__hint{letter-spacing:.04em;color:var(--ink-60);max-height:3.2em;animation:body-in 1s var(--ease-out-expo) .65s both;transition:opacity .4s ease, max-height .7s var(--ease-out-expo), margin .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);margin-top:10px;font-size:clamp(15px,1.25vw,17px);font-weight:300;line-height:1.5;overflow:hidden}.entry[data-active] .entry__hint{opacity:0;max-height:0;margin-top:0;transform:translateY(-8px)}.entry__notice{color:var(--ink-60);font-size:14px}.entry__resume{border:1px solid var(--ink-20);height:36px;transition:border-color .3s ease, gap .46s var(--ease-out-expo);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;animation:.7s .9s both fade;display:inline-flex;position:absolute;top:22px;right:clamp(18px,3vw,40px)}.entry__resume:hover{border-color:var(--page-ink);gap:14px}.doors{--c1:1fr;--c2:1fr;--c3:1fr;grid-template-columns:var(--c1) var(--c2) var(--c3);height:clamp(220px,31vh,290px);transition:grid-template-columns .86s var(--ease-out-expo), height .86s var(--ease-out-expo);gap:14px;display:grid}.entry[data-active] .doors{--chrome:124px;height:clamp(300px, 100dvh - var(--pad-top) - var(--pad-bottom) - 2 * var(--gap) - var(--chrome) - var(--privacy-h,44px), 620px)}.entry[data-active=text] .doors{--c1:9fr;--c2:1fr;--c3:1fr}.entry[data-active=genres] .doors{--c1:1fr;--c2:9fr;--c3:1fr}.entry[data-active=albums] .doors{--c1:1fr;--c2:1fr;--c3:9fr}.door{border-radius:var(--radius);border:1px solid var(--ink-12);background:radial-gradient(120% 80% at 0% 0%, color-mix(in srgb, var(--page-ink) 7%, transparent), transparent 60%), var(--frost);min-width:0;min-height:0;animation:1.15s cubic-bezier(.2,1.25,.32,1) both door-in;animation-delay:calc(.36s + var(--i) * .12s);transition:border-color .42s ease, transform .62s var(--ease-out-expo), box-shadow .62s var(--ease-out-expo);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}@keyframes door-in{0%{opacity:0;transform:translate(calc((1 - var(--i)) * 70%), 46px) scale(.78);filter:blur(12px)}}.door[data-state=idle]:hover{border-color:var(--ink-40);transform:translateY(-6px);box-shadow:0 30px 60px -36px #0000008c}.door[data-state=open]{border-color:var(--ink-20);box-shadow:0 40px 90px -50px #0009}.door[data-state=folded]:hover{border-color:var(--ink-40)}.door__face{text-align:left;width:100%;min-height:60px;transition:min-height .86s var(--ease-out-expo);display:block;position:relative}.door[data-state=idle] .door__face,.door[data-state=folded] .door__face{grid-row:1/-1;height:100%}.face{opacity:0;pointer-events:none;transition:opacity .38s ease, transform .76s var(--ease-out-expo), filter .5s ease;filter:blur(4px);position:absolute;inset:0;transform:scale(.96)}.door[data-state=idle] .face--idle,.door[data-state=open] .face--open,.door[data-state=folded] .face--spine{opacity:1;filter:none;transition-delay:.16s;transform:none}.face--idle{grid-template-rows:auto 1fr auto auto;padding:26px 26px 24px;display:grid}.face--idle .glyph{width:52px}.face--idle .face__label{letter-spacing:-.01em;grid-row:3;font-size:clamp(22px,2.2vw,30px);font-weight:300;line-height:1.2}.face__hint{color:var(--ink-60);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-row:4;margin-top:6px;font-size:13.5px;display:-webkit-box;overflow:hidden}.face--open{align-items:center;gap:12px;height:60px;padding:0 22px;display:flex}.face--open .glyph{width:24px}.face--open .face__label{letter-spacing:.06em;font-size:14px}.face__fold{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-40);margin-left:auto;font-size:11px;transition:color .3s}.door__face:hover .face__fold{color:var(--page-ink)}.face--spine{align-content:start;justify-items:center;gap:18px;padding:26px 0;display:grid}.face--spine .glyph{width:30px}.face__spine{writing-mode:vertical-rl;letter-spacing:.4em;font-size:17px;font-weight:400}.face__spine:lang(en){letter-spacing:.24em}.door__count{background:var(--page-ink);min-width:26px;height:26px;color:var(--page-room);animation:count-pop .52s var(--ease-spring) both;border-radius:999px;place-items:center;padding:0 8px;font-size:11.5px;display:grid;position:absolute;top:18px;right:18px}.door[data-state=open] .door__count{top:17px;right:74px}.door[data-state=folded] .door__count{top:auto;bottom:18px;right:50%;transform:translate(50%)}@keyframes count-pop{0%{opacity:0;transform:scale(.3)}}.glyph{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.glyph>*{stroke-dasharray:1;stroke-dashoffset:1px;animation:glyph-draw 1.1s var(--ease-out-expo) both;animation-delay:calc(.7s + var(--i,0) * .12s)}.glyph>:nth-child(2){animation-delay:calc(.78s + var(--i,0) * .12s)}.glyph>:nth-child(3){animation-delay:calc(.86s + var(--i,0) * .12s)}.glyph>:nth-child(n+4){animation-delay:calc(.94s + var(--i,0) * .12s)}@keyframes glyph-draw{to{stroke-dashoffset:0}}.glyph__caret{stroke:var(--accent)}.door:hover .glyph--text .glyph__caret,.door[data-state=open] .glyph--text .glyph__caret{animation:glyph-draw 1.1s var(--ease-out-expo) both, caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.glyph--genres{transform-origin:50% 85%;transition:transform .9s var(--ease-spring)}.door:hover .glyph--genres{transform:rotate(-6deg)scale(1.04)}.glyph--albums circle{transform-origin:40px 31px;transition:transform 1.2s var(--ease-out-expo)}.door:hover .glyph--albums circle{transform:translate(6px)rotate(140deg)}.door__body{flex-direction:column;gap:14px;min-height:0;padding:0 22px 22px;display:flex}.door__body>*{animation:body-in .7s var(--ease-out-expo) both;animation-delay:.26s}.door__body>:nth-child(2){animation-delay:.33s}.door__body>:nth-child(3){animation-delay:.4s}@keyframes body-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}.words{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.words__input{resize:none;letter-spacing:-.005em;width:100%;min-height:120px;caret-color:var(--accent);background:0 0;border:0;flex:1;font-size:clamp(22px,2.4vw,32px);font-weight:300;line-height:1.45}.words__input:focus-visible{outline:none}.words__input::placeholder{color:var(--ink-40)}.words__error{color:var(--accent);font-size:13px}.words__examples{flex-wrap:wrap;gap:8px;display:flex}.words__example{border:1px solid var(--ink-12);color:var(--ink-60);animation:body-in .7s var(--ease-out-expo) both;animation-delay:calc(.42s + var(--i) * 70ms);transition:color .3s ease, border-color .3s ease, transform .5s var(--ease-out-expo);border-radius:999px;padding:7px 14px;font-size:13px}.words__example:hover{color:var(--page-ink);border-color:var(--ink-40);transform:translateY(-2px)}.chips{flex-wrap:wrap;flex:none;align-items:flex-start;gap:6px;max-height:128px;display:flex;overflow-y:auto}.chip{border:1px solid var(--ink-20);max-width:100%;min-height:32px;animation:chip-in .52s var(--ease-spring) both;border-radius:18px;align-items:center;gap:4px;padding:3px 4px 3px 12px;font-size:13px;display:inline-flex}.chip[data-kind=album]{padding-left:6px}@keyframes chip-in{0%{opacity:0;transform:scale(.6)}}.chip .cover--mini{border-radius:5px;flex:none;width:22px}.chip[data-avoid]{color:var(--ink-60);border-style:dashed}.chips__clear button{min-height:32px;color:var(--ink-40);border:1px dashed #0000;border-radius:18px;align-items:center;gap:5px;padding:3px 12px 3px 10px;font-size:12.5px;transition:color .24s,border-color .24s;display:inline-flex}.chips__clear button:hover:not(:disabled),.chips__clear button:focus-visible{border-color:var(--ink-20);color:var(--page-ink)}.chip__lead{opacity:.7;font-size:11px}.chip__name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;column-gap:8px;min-width:0;line-height:1.35;display:inline-flex}.chip__title{font-weight:500}.chip__artist{color:var(--ink-60)}.chip__year{color:var(--ink-40);font-size:11px}.chip[data-focused] .chip__artist,.chip[data-focused] .chip__year{color:inherit;opacity:.7}.chip[data-special]{border-color:var(--accent)}.chip[data-focused]{background:var(--page-ink);color:var(--page-room)}.chip__mark{opacity:.55;width:24px;height:24px;transition:opacity .2s ease, transform .42s var(--ease-spring), background-color .2s ease;border-radius:50%;place-items:center;display:grid}.chip__mark:hover{opacity:1;background:var(--ink-12)}.chip__mark[aria-pressed=true]{opacity:1;color:var(--accent);transform:scale(1.1)}.chip[data-focused] .chip__mark[aria-pressed=true]{color:var(--page-room)}.genres{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.genres__frame{flex:1}.genres__list{overscroll-behavior:contain;flex:1;min-height:0;padding-right:10px;overflow:auto}.genres__message{color:var(--ink-60);padding:14px 4px;font-size:14px}.genres__skeleton{gap:16px;padding:16px 4px;display:grid}.genres__skeleton span{background:linear-gradient(100deg, transparent 20%, var(--ink-12) 50%, transparent 80%) var(--glass);background-size:200% 100%;border-radius:6px;height:10px;animation:1.6s linear infinite shimmer}.genres__more{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-60);padding:10px 4px;font-size:11.5px}.tree__item{display:grid}.tree__row{border-radius:12px;align-items:center;gap:4px;min-height:44px;padding:0 4px;transition:background-color .26s;display:flex}.tree__row:hover{background:var(--glass)}.tree__toggle{width:28px;height:28px;color:var(--ink-60);border-radius:50%;flex:none;place-items:center;display:grid}.tree__toggle svg{transition:transform .56s var(--ease-spring)}.tree__toggle[aria-expanded=true] svg{transform:rotate(90deg)}.tree__toggle--leaf:before{content:"";background:var(--ink-20);border-radius:50%;width:4px;height:4px}.tree__name{text-align:left;overflow-wrap:anywhere;min-width:0;transition:transform .42s var(--ease-out-expo), color .26s ease;flex:1;align-items:baseline;gap:10px;padding:8px 4px;font-size:15px;display:flex}.tree__name:hover{transform:translate(4px)}.tree__name--group{text-transform:none;letter-spacing:.04em}.tree__count{color:var(--ink-40);font-size:11px}.tree__row[data-state=liked] .tree__name{font-weight:600}.tree__row[data-state=disliked] .tree__name{color:var(--ink-40);text-decoration:line-through}.tree__actions{opacity:.5;flex:none;gap:4px;transition:opacity .26s;display:flex}.tree__row:hover .tree__actions,.tree__row[data-state] .tree__actions{opacity:1}.tree__pill{border:1px solid var(--ink-12);width:32px;height:32px;transition:background-color .26s ease, border-color .26s ease, transform .42s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.tree__pill:hover:not(:disabled){border-color:var(--ink-40);transform:scale(1.08)}.tree__pill[aria-pressed=true]{background:var(--page-ink);border-color:var(--page-ink);color:var(--page-room)}.tree__pill[aria-pressed=true] svg{animation:pop .52s var(--ease-spring)}@keyframes pop{0%{transform:scale(.4)rotate(-14deg)}60%{transform:scale(1.3)}}.tree__pill:disabled{opacity:.35;cursor:not-allowed}.branch{margin:2px 0 8px 17px;padding-left:18px;position:relative}.branch:before{content:"";background:linear-gradient(var(--ink-40), var(--ink-12));transform-origin:top;width:1px;animation:branch-grow .7s var(--ease-out-expo) both;position:absolute;top:0;bottom:12px;left:0}@keyframes branch-grow{0%{transform:scaleY(0)}}.branch .tree__item{animation:leaf-in .62s var(--ease-out-expo) both;animation-delay:calc(.14s + var(--i,0) * 45ms);position:relative}.branch .tree__item:before{content:"";background:var(--ink-20);transform-origin:0;width:14px;height:1px;animation:twig .52s var(--ease-out-expo) both;animation-delay:calc(.12s + var(--i,0) * 45ms);position:absolute;top:22px;left:-18px}@keyframes leaf-in{0%{opacity:0;transform:translate(-12px)}}@keyframes twig{0%{transform:scaleX(0)}}.branch__note{color:var(--ink-60);padding:8px 4px 4px;font-size:12.5px}.genre-link{z-index:49;pointer-events:none;height:2px;position:fixed;overflow:visible}.genre-link line{stroke:var(--ink-40);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;animation:glyph-draw .26s var(--ease-out-expo) forwards}.genre-link circle{fill:var(--accent);animation:count-pop .36s var(--ease-spring) both}.genre-card{z-index:50;background:var(--frost-strong);pointer-events:none;clip-path:inset(0 100% 0 0 round 16px);animation:card-wipe .46s var(--ease-out-expo) .14s forwards;border-radius:16px;gap:8px;padding:16px 18px 14px;display:grid;position:fixed;box-shadow:0 30px 70px -30px #000000b3}.genre-card[data-side=below]{clip-path:inset(0 0 100% round 16px)}@keyframes card-wipe{to{clip-path:inset(0 round 16px)}}.genre-card__outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.genre-card__outline rect{rx:16px;fill:none;width:calc(100% - 1px);height:calc(100% - 1px);stroke:var(--ink-20);stroke-dasharray:1;stroke-dashoffset:1px;animation:glyph-draw .9s var(--ease-out-expo) .22s forwards}.genre-card__name{animation:body-in .5s var(--ease-out-expo) .26s both;font-size:17px;font-weight:500}.genre-card__note{color:color-mix(in srgb, var(--page-ink) 84%, var(--page-room));font-size:13.5px;line-height:1.8}.genre-card__note span{opacity:0;animation:.26s forwards type-in;animation-delay:calc(.36s + var(--c) * 14ms)}@keyframes type-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}.genre-card__relation{letter-spacing:.04em;color:var(--ink-40);opacity:0;animation:.4s forwards type-in;animation-delay:calc(.42s + var(--c) * 14ms);font-size:11px}.albums{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.albums__stage{flex-direction:column;flex:1;min-height:0;display:flex}.albums__message{color:var(--ink-60);padding:8px 4px;font-size:14px}.albums__message--hint{text-align:center;margin:auto;font-size:15px}.shelf-frame{flex:1}.chips-frame{flex:none}.shelf{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:26px 20px;min-height:0;padding:22px 16px 40px 4px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 44px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 44px),#0000)}.sleeve{min-width:0;animation:sleeve-in .76s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes sleeve-in{0%{opacity:0;transform:translateY(26px)scale(.97)}}.sleeve__button{text-align:left;gap:8px;width:100%;display:grid}.sleeve__art{aspect-ratio:1;transition:transform .62s var(--ease-out-expo), box-shadow .62s var(--ease-out-expo);border-radius:10px;display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px -16px #0009}.sleeve__art .cover{width:100%;transition:transform .9s var(--ease-out-expo)}.sleeve__art:after{content:"";transition:transform .9s var(--ease-out-expo);background:linear-gradient(115deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.sleeve__button:hover:not(:disabled) .sleeve__art,.sleeve__button:focus-visible .sleeve__art{transform:translateY(-10px)scale(1.04);box-shadow:0 30px 40px -22px #000000b3}.sleeve__button:hover:not(:disabled) .sleeve__art .cover{transform:scale(1.06)}.sleeve__button:hover:not(:disabled) .sleeve__art:after{transform:translate(120%)}.sleeve__stamp{background:var(--page-ink);width:32px;height:32px;color:var(--page-room);opacity:0;transition:opacity .3s ease, transform .52s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:scale(.5)}.sleeve__button:hover:not(:disabled) .sleeve__stamp,.sleeve[data-added] .sleeve__stamp{opacity:1;transform:none}.sleeve[data-added] .sleeve__stamp{background:var(--accent);color:#fff}.sleeve__button:disabled{cursor:default}.sleeve__title{overflow-wrap:anywhere;margin-top:4px;font-size:14.5px;font-weight:500;line-height:1.3}.sleeve__artist{color:var(--ink-60);overflow-wrap:anywhere;margin-top:-4px;font-size:13px;line-height:1.35}.sleeve__year{letter-spacing:.04em;color:var(--ink-40);margin-top:-5px;font-size:11px}.sleeve--ghost{aspect-ratio:1;background:linear-gradient(100deg, transparent 20%, var(--ink-12) 50%, transparent 80%) var(--glass);animation:sleeve-in .76s var(--ease-out-expo) both, shimmer 1.6s linear infinite;background-size:200% 100%;border-radius:10px}.dock{animation:body-in .9s var(--ease-out-expo) .82s both;grid-template-columns:minmax(0,1fr) minmax(240px,360px) minmax(0,1fr);align-items:start;gap:18px 36px;margin-top:-6px;display:grid}.dock .go{place-self:center end}.modes{grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;display:grid}.modes__row{grid-template-columns:repeat(3,auto);justify-content:start;column-gap:30px;padding-bottom:4px;display:grid;position:relative}.mode{letter-spacing:.22em;color:var(--ink-40);cursor:pointer;transition:color .5s var(--ease-out-expo), transform .6s var(--ease-spring);font-size:19px;font-weight:300;position:relative}.mode:lang(en){letter-spacing:.05em}.mode:hover{color:var(--ink-60)}.mode[data-checked]{color:var(--page-ink);text-shadow:0 0 18px color-mix(in srgb, var(--page-ink) 45%, transparent);font-weight:400;transform:translateY(-2px)}.mode input{opacity:0;cursor:pointer;width:calc(100% + 20px);height:calc(100% + 12px);margin:0;position:absolute;inset:-6px -10px}.mode:has(input:focus-visible){outline:1.5px solid var(--page-ink);outline-offset:6px;border-radius:4px}.modes__say{color:var(--ink-60);animation:mode-swap .7s var(--ease-out-expo) both;font-size:13.5px}@keyframes mode-swap{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}.reach{--thumb:16px;gap:2px;margin-top:14px;display:grid;position:relative}.reach__head{justify-content:space-between;align-items:baseline;display:flex}.reach__title{align-items:center;gap:4px;display:inline-flex}.reach__label{letter-spacing:.24em;color:var(--ink-60);font-size:13px}.reach__label:lang(en){letter-spacing:.06em}.reach__info{width:22px;height:22px;color:var(--ink-40);cursor:help;border-radius:50%;place-items:center;transition:color .24s;display:grid}.reach__info:hover,.reach__info:focus-visible{color:var(--page-ink)}.reach__tip{color:var(--ink-60);pointer-events:none;animation:tip-in .32s var(--ease-out-expo) both;padding-top:8px;font-size:12px;line-height:1.4;position:absolute;top:100%;left:0;right:0}@keyframes tip-in{0%{opacity:0;transform:translateY(-4px)}}.reach__read{align-items:baseline;gap:8px;display:inline-flex}.reach__zone{color:var(--ink-60);animation:tip-in .42s var(--ease-out-expo) both;font-size:12px}.reach__value{color:var(--page-ink);transition:transform .42s var(--ease-spring);font-size:15px}.reach__value small{color:var(--ink-60);margin-left:1px;font-size:10px}.reach[data-active] .reach__value{transform:scale(1.12)}.reach__rail{height:28px;position:relative}.reach__mark{top:50%;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--at) / 100);background:var(--ink-40);pointer-events:none;width:1px;height:8px;margin-top:-4px;position:absolute}.reach input{cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:relative}.reach input:focus-visible{outline:none}.reach input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) calc(var(--p) * 1%), var(--ink-20) calc(var(--p) * 1%));border-radius:2px;height:2px}.reach input::-moz-range-track{background:var(--ink-20);border-radius:2px;height:2px}.reach input::-moz-range-progress{background:var(--accent);border-radius:2px;height:2px}.reach input::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc(var(--thumb) / -2 + 1px);background:var(--page-ink);box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 30%, transparent);transition:transform .42s var(--ease-spring), box-shadow .42s var(--ease-out-expo);appearance:none;border:0;border-radius:50%}.reach input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--page-ink);transition:transform .42s var(--ease-spring), box-shadow .42s var(--ease-out-expo);border:0;border-radius:50%}.reach input:hover::-webkit-slider-thumb{transform:scale(1.12)}.reach[data-active] input::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 24%, transparent);transform:scale(1.3)}.reach input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 24%, transparent);transform:scale(1.3)}.reach[data-active] input::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 24%, transparent);transform:scale(1.3)}.reach input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 24%, transparent);transform:scale(1.3)}.reach input:disabled{cursor:not-allowed;opacity:.5}.reach__zones{pointer-events:none;height:44px;position:absolute;top:100%;left:0;right:0}.reach__zones li{top:2px;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--from) / 100);width:calc((100% - var(--thumb)) * (var(--to) - var(--from)) / 100);border-left:1px solid var(--ink-20);white-space:nowrap;color:var(--ink-40);opacity:0;filter:blur(3px);transition:opacity .36s ease, transform .52s var(--ease-out-expo), filter .36s ease, color .3s ease;gap:2px;padding:6px 4px 0 8px;font-size:12px;line-height:1.3;display:grid;position:absolute;transform:translateY(-6px)}.reach__zones li:first-child{border-left-color:#0000}.reach__zones li:lang(en){white-space:normal}.reach__zones .mono{letter-spacing:.06em;font-size:10px}.reach[data-active] .reach__zones li{opacity:1;filter:none;transition-delay:calc(var(--i) * 50ms);transform:none}.reach[data-active] .reach__zones li[data-on]{color:var(--page-ink)}.go{--breathe:1.41;isolation:isolate;width:68px;height:68px;color:var(--page-ink);transition:transform .62s var(--ease-spring), background-color .42s ease, color .42s ease;border-radius:50%;position:relative}.go svg{width:100%;height:100%;overflow:visible}.go__ring{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1;opacity:.2;transform-origin:50%;transition:opacity .4s;transform:rotate(-90deg)}.go__arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.4;transition:transform .52s var(--ease-out-expo), opacity .4s ease}.go[data-ready]{background:var(--page-ink);color:var(--page-room)}.go[data-ready]:after{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--page-ink) 40%, transparent);pointer-events:none;animation:2.6s ease-out infinite go-breathe;position:absolute;inset:0}.go[data-ready] .go__ring{opacity:1;animation:ring-draw .9s var(--ease-out-expo) both}@keyframes ring-draw{0%{stroke-dashoffset:1px}}.go[data-ready] .go__arrow{opacity:1}.go[data-ready]:hover{transform:scale(1.08)}.go[data-ready]:hover .go__arrow{transform:translate(3px)}.go:disabled{cursor:not-allowed}@keyframes go-breathe{70%{transform:scale(var(--breathe));opacity:0}to{opacity:0;transform:none}}.entry[data-leaving] .entry__head{animation:lift-out .62s var(--ease-curtain) both}.entry[data-leaving] .door{animation:slice-out .68s var(--ease-curtain) both;animation-delay:calc(var(--i) * 70ms)}.entry[data-leaving] .dock{animation:drop-out .56s var(--ease-curtain) both}@keyframes lift-out{to{opacity:0;filter:blur(6px);transform:translateY(-40px)}}@keyframes slice-out{35%{transform:scale(.56, var(--h3));opacity:1}to{opacity:0;transform:translateY(20%)scale(.4,.02)}}@keyframes drop-out{to{opacity:0;transform:translateY(30px)}}@media (max-width:760px){.entry{padding-top:88px}.doors{grid-template-columns:1fr;grid-template-rows:minmax(48px, var(--c1)) minmax(48px, var(--c2)) minmax(48px, var(--c3));height:360px;transition:grid-template-rows .86s var(--ease-out-expo), height .86s var(--ease-out-expo)}.entry[data-active]{padding-top:72px}.entry[data-active] .entry__head{display:none}.entry[data-active] .doors{height:clamp(280px, 100dvh - 72px - var(--gap) - 84px, 640px)}.door{animation-name:door-in-y}@keyframes door-in-y{0%{opacity:0;transform:translateY(calc((1 - var(--i)) * 60% + 30px)) scale(.86);filter:blur(10px)}}.face--idle{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:16px;padding:0 20px}.face--idle .glyph{grid-row:1/3;width:38px}.face--idle .face__label{grid-row:1;font-size:20px}.face--idle .face__hint{grid-row:2;margin:0}.door[data-state=folded] .face--spine{opacity:0}.door[data-state=folded] .face--open{opacity:1;filter:none;transform:none}.door[data-state=folded] .face__fold{display:none}.door[data-state=folded] .door__count{top:50%;bottom:auto;right:18px;transform:translateY(-50%)}.go{--breathe:1.47;width:60px;height:60px}.shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.dock{grid-template-columns:minmax(0,1fr) auto;row-gap:10px}.dock .reach{grid-area:2/1/auto/-1;margin:0 0 48px}.dock .go{grid-area:1/2}.modes__row:lang(en){column-gap:18px}.mode:lang(en){font-size:17px}}@media (max-width:380px){.modes__row{column-gap:14px}.mode{letter-spacing:.12em;font-size:16px}.modes__row:lang(en){column-gap:10px}.mode:lang(en){letter-spacing:0;font-size:14px}}@media (hover:none){.door[data-state=idle]:hover{border-color:var(--ink-12);box-shadow:none;transform:none}.door[data-state=folded]:hover{border-color:var(--ink-12)}.door:hover .glyph--genres,.door:hover .glyph--albums circle{transform:none}.sleeve__button:hover:not(:disabled,:focus-visible) .sleeve__art{transform:none;box-shadow:0 10px 22px -16px #0009}.sleeve__button:hover:not(:disabled) .sleeve__art .cover{transform:none}.sleeve__button:hover:not(:disabled) .sleeve__art:after{transform:translate(-120%)}.sleeve:not([data-added]) .sleeve__button:hover .sleeve__stamp{opacity:0;transform:scale(.5)}.go[data-ready]:hover,.go[data-ready]:hover .go__arrow{transform:none}}@media (hover:none) and (pointer:coarse){.genre-card[data-touch]{pointer-events:auto}.genre-card[data-touch] .genre-card__name{padding-right:22px}.genre-card__close{fill:none;width:12px;height:12px;stroke:var(--ink-40,currentColor);stroke-width:1.4px;stroke-linecap:round;opacity:0;animation:.4s .5s forwards fade;position:absolute;top:16px;right:16px}}.waiting{animation:waiting-in 1s var(--ease-out-expo) both;place-self:center;justify-items:center;gap:clamp(22px,4vh,40px);padding:80px 20px;display:grid}@keyframes waiting-in{0%{opacity:0;filter:blur(10px);transform:scale(.86)rotate(-8deg)}}.drum{width:min(58vmin,440px);height:auto;color:var(--page-ink);overflow:visible}.drum__ticks line{stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;opacity:.32}.drum__dots{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:0 7.5;opacity:.45}.drum__accent{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:80 16 3 16 40 22 3 22;animation:accent-draw 1.6s var(--ease-out-expo) .2s both}@keyframes accent-draw{0%{stroke-dasharray:0 360}}.drum__loop{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round}.drum__echo{fill:none;stroke:currentColor;stroke-width:1px;opacity:.28}.drum__core{fill:color-mix(in srgb, var(--accent) 70%, var(--page-room))}.drum__spindle{fill:var(--page-room)}.drum__ticks,.drum__dots,.drum__loop,.drum__echo,.drum__core{animation:ring-in 1.3s var(--ease-out-expo) both}.drum__dots{animation-delay:.12s}.drum__echo,.drum__loop{animation-delay:.24s}.drum__core{animation-delay:.36s}@keyframes ring-in{0%{opacity:0;scale:.6}}.drum[data-state=settled] .drum__core{animation:core-pulse .65s var(--ease-spring) both}.drum[data-state=settled] .drum__loop,.drum[data-state=settled] .drum__echo{animation:loop-pulse .65s var(--ease-spring) both}@keyframes core-pulse{40%{scale:1.35}to{scale:1}}@keyframes loop-pulse{40%{scale:1.04}to{scale:.98}}.waiting__text{justify-items:center;gap:10px;display:grid}.waiting__title{letter-spacing:.24em;margin-right:-.24em;font-size:clamp(30px,3.6vw,48px);font-weight:200}.waiting__title:lang(en){letter-spacing:.1em;margin-right:-.1em}.waiting__title span{animation:letter-in .9s var(--ease-out-expo) both;display:inline-block}@keyframes letter-in{0%{opacity:0;filter:blur(6px);transform:translateY(.6em)}}.waiting__detail{letter-spacing:.12em;color:var(--ink-60);font-size:12px}.waiting__fact{text-align:center;width:min(46ch,100vw - 48px);min-height:6.4em;animation:fact-in .9s var(--ease-out-expo) both;align-content:start;justify-items:center;gap:6px;display:grid}.waiting__genre{letter-spacing:.12em;color:var(--page-ink);font-size:12px}.waiting__note{color:var(--ink-60);font-size:13.5px;line-height:1.65}@keyframes fact-in{0%{opacity:0;transform:translateY(6px)}}.deck{min-height:calc(100dvh - var(--privacy-h,44px));grid-template-columns:clamp(52px,7vw,110px) minmax(0,1fr) clamp(52px,7vw,110px);align-items:stretch;display:grid;position:relative}.deck__stage{place-items:center;padding:84px 0 56px;display:grid;position:relative}.edge{z-index:2;overflow-anchor:none;color:var(--page-ink);transition:color var(--room-change);align-content:center;place-items:center;gap:16px;display:grid;position:relative}.edge:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--page-ink) 7%, transparent), transparent);opacity:0;pointer-events:none;width:220px;height:220px;transition:opacity .5s ease, transform .7s var(--ease-out-expo);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.edge__dial{border:1px solid color-mix(in srgb, var(--page-ink) 16%, transparent);background:color-mix(in srgb, var(--page-room) 55%, transparent);width:52px;height:52px;color:color-mix(in srgb, var(--page-ink) 62%, var(--page-room));transition:transform .56s var(--ease-spring), border-color .4s ease, background-color .4s ease, color .4s ease, box-shadow .5s ease;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 26px -20px #00000080}.edge__dial svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .56s var(--ease-out-expo)}.edge__label{writing-mode:vertical-rl;letter-spacing:.4em;color:var(--ink-60);opacity:0;transition:opacity .4s ease, transform .62s var(--ease-out-expo);font-size:12px;transform:translateY(-6px)}.edge__label:lang(en){letter-spacing:.2em}.edge:hover:not(:disabled):before{opacity:1;transform:translate(-50%,-50%)}.edge:hover:not(:disabled) .edge__dial{border-color:color-mix(in srgb, var(--page-ink) 34%, transparent);background-color:color-mix(in srgb, var(--page-room) 82%, var(--page-ink) 4%);color:var(--page-ink);transform:scale(1.08);box-shadow:0 18px 34px -18px #0000008c}.edge--prev:hover:not(:disabled) .edge__dial svg{transform:translate(-2px)}.edge--next:hover:not(:disabled) .edge__dial svg{transform:translate(2px)}.edge:hover:not(:disabled) .edge__label{opacity:.85;transform:none}.edge:active:not(:disabled) .edge__dial{transition-duration:.12s;transform:scale(.95)}.edge:focus-visible{outline:none}.edge:focus-visible .edge__dial{outline:2px solid var(--spark,var(--accent));outline-offset:4px}.edge:disabled{cursor:default}.edge:disabled .edge__dial{opacity:.22;box-shadow:none}.cut{--title-size:clamp(32px, 3.6vw, 58px);--caption-h:calc(2 * 1.04 * var(--title-size) + 32px);--s:min(56vh, 100dvh - var(--privacy-h,44px) - 164px - var(--caption-h), 32vw, 480px);grid-area:1/1;grid-template-columns:auto minmax(280px,420px);align-items:start;gap:clamp(36px,5vw,88px);display:grid}.cut__sleeve{grid-template-rows:auto var(--caption-h);gap:24px;display:grid}.sliced{width:var(--s);height:var(--s);display:flex;position:relative}.slice{transform-origin:50%;height:100%;animation:1.5s cubic-bezier(.2,.8,.2,1) both slice-in;animation-delay:calc(var(--i) * 16ms);flex:1 1 0;position:relative}.slice__inner{transform-origin:50%;position:absolute;inset:0}.slice__clip{position:absolute;inset:0;overflow:hidden}.slice__art{top:0;left:calc(var(--i) * -100%);width:var(--s);height:var(--s);position:absolute}.sliced__whole{z-index:1;opacity:0;pointer-events:none;animation:.26s 1.72s forwards fade;position:absolute;inset:0}.sliced__whole .cover{width:100%}.cut[data-dir] .slice{animation-delay:calc(.26s + var(--i) * 16ms)}.cut[data-dir] .sliced__whole{animation-delay:1.98s}@keyframes slice-in{0%{opacity:0;transform:scale(.48,.02)}12%{opacity:1}26%{transform:scale(.48, var(--h1))}44%{transform:scale(.48, var(--h2))}62%{transform:scale(.56, var(--h3))}82%{transform:scaleY(1.02)}to{transform:scale(1)}}.sliced[data-phase=rippling] .slice{animation:none}.sliced[data-rippling] .slice__inner{animation:.9s ease-in-out both slice-ripple;animation-delay:calc(var(--i) * 14ms)}.sliced[data-rippling] .sliced__whole{opacity:0!important}@keyframes slice-ripple{35%{transform:scale(.76, calc(.86 + var(--h1) * .14))}70%{transform:scaleY(1.03)}to{transform:none}}.sliced__shadow,.slice__shadow{width:100%;height:calc(var(--s) * .25);pointer-events:none;position:absolute;top:100%;left:0;overflow:hidden}.sliced__shadow,.slice__shade{background:linear-gradient(#00000080,#0000006e 8%,#0000005c 17%,#0000004a 25%,#00000038 33%,#00000029 42%,#0000001c 50%,#00000012 58%,#0000000b 67%,#00000004 83%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#0003 5%,#00000073 10%,#000000b3 16%,#000000e6 23%,#000 31% 69%,#000000e6 77%,#000000b3 84%,#00000073 90%,#0003 95%,#0000);mask-image:linear-gradient(90deg,#0000,#0003 5%,#00000073 10%,#000000b3 16%,#000000e6 23%,#000 31% 69%,#000000e6 77%,#000000b3 84%,#00000073 90%,#0003 95%,#0000)}.slice__shade{top:0;left:calc(var(--i) * -100%);width:var(--s);height:100%;position:absolute}.sliced__shadow{opacity:0}.sliced[data-phase=whole] .sliced__shadow{opacity:1}.slice__shadow{animation:.22s both fade;animation-delay:calc(1.12s + var(--i) * 16ms)}.cut[data-dir] .slice__shadow{animation-delay:calc(1.38s + var(--i) * 16ms)}.sliced[data-phase=rippling] .slice__shadow{animation:none}.cut__caption{max-width:var(--s);align-content:start;gap:8px;display:grid}.album-title{font-size:var(--title-size);letter-spacing:-.03em;overflow-wrap:anywhere;animation:caption-in 1.1s var(--ease-out-expo) .5s both;font-weight:200;line-height:1.04}.album-title[data-clamped]{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.album-artist{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-60);animation:caption-in 1.1s var(--ease-out-expo) .62s both;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:14px;display:flex}.album-artist .mono{letter-spacing:.1em;font-size:12px}@keyframes deck-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes caption-in{0%{opacity:0;transform:translateY(24px)}}.wave{animation:deck-rise 1s var(--ease-out-expo) .8s backwards;gap:6px;display:grid;position:relative}.wave__field{cursor:crosshair;touch-action:pan-y;padding:22px 0 24px;position:relative}.wave__svg{width:100%;height:96px;display:block;overflow:visible}.wave__axis{stroke:var(--ink-12);stroke-width:1px}.wave__bar{stroke:var(--ink-40);stroke-width:2px;stroke-linecap:round;transition:stroke .3s}.wave__bar[data-on]{stroke:var(--page-ink)}.wave[data-active] .wave__bar:not([data-on]){stroke:var(--ink-20)}.wave__tags{pointer-events:none;position:absolute;inset:0}.wave__tag{letter-spacing:.06em;white-space:nowrap;color:var(--ink-60);transform-origin:50%;will-change:transform;font-size:12px;line-height:18px;transition:color .3s,opacity .3s;position:absolute;left:0}.wave__tag[data-row=bottom]{bottom:0}.wave__tag[data-row=top]{top:0}.wave[data-active] .wave__tag{opacity:.5}.wave .wave__tag[data-on]{opacity:1;color:var(--spark,var(--accent))}.wave__keys{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wave__note{border-left:1px solid var(--spark,var(--accent));color:color-mix(in srgb, var(--page-ink) 82%, var(--page-room));pointer-events:none;margin-bottom:6px;padding-left:12px;font-size:13.5px;line-height:1.75;transition:border-color .3s;position:absolute;bottom:100%;left:0;right:0}.wave__note:empty{display:none}.typed{opacity:0;animation:.28s forwards type-in;animation-delay:var(--t)}.wave__note strong{color:var(--page-ink);animation:deck-rise .4s var(--ease-out-expo) backwards;margin-right:10px;font-weight:500}.cut__words{min-height:0;max-height:calc(100dvh - var(--privacy-h,44px) - 136px);flex-direction:column;align-self:start;gap:18px;padding-top:clamp(0px,2vh,24px);display:flex}.basic-note{letter-spacing:.06em;color:var(--ink-60);font-size:12.5px}.reviews{min-height:0;display:grid}.reviews__stage{min-height:3em;transition:height .68s var(--ease-out-expo);position:relative}.reviews__pane{contain:layout paint;transition:opacity .38s ease, transform .68s var(--ease-out-expo), visibility 0s linear 0s;position:absolute;top:0;left:0;right:0}.reviews[data-expanded] .reviews__pane--short{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease, transform .68s var(--ease-out-expo), visibility 0s linear .68s;transform:translateY(-18px)}.sliced,.cut__caption,.wave,.reacts,.reviews__bar{z-index:2;transform-origin:0 0;position:relative}.cut:not([data-liner-still]) .sliced,.cut:not([data-liner-still]) .cut__caption,.cut:not([data-liner-still]) .wave,.cut:not([data-liner-still]) .reacts,.cut:not([data-liner-still]) .reviews__bar{transition:transform .64s var(--ease-in-out), opacity .4s ease, filter .9s ease}.cut[data-reading]:not([data-liner-still]) .sliced,.cut[data-reading]:not([data-liner-still]) .cut__caption,.cut[data-reading]:not([data-liner-still]) .wave,.cut[data-reading]:not([data-liner-still]) .reacts,.cut[data-reading]:not([data-liner-still]) .reviews__bar{transition:transform .82s var(--ease-out-expo), opacity .4s ease, filter .9s ease}.cut[data-reading]:not([data-liner-still]) .cut__caption{transition-delay:60ms}.cut:not([data-reading],[data-liner-still]) .sliced{transition:transform .76s var(--ease-out-expo) .11s, opacity .4s ease, filter .9s ease}.cut:not([data-reading],[data-liner-still]) .cut__caption{transition:transform .52s var(--ease-out-expo), opacity .4s ease}.cut[data-reading] .sliced{transform:var(--to-cover)}.cut[data-reading] .cut__caption{transform:var(--to-caption)}.cut[data-reading] .wave{transform:var(--to-wave);opacity:var(--wave-o,1)}.cut[data-reading] .reacts{transform:var(--to-reacts)}.cut[data-reading] .reviews__bar{z-index:3;transform:var(--to-bar)}.cut[data-reading] .wave__field{pointer-events:none}.cut[data-reading] .wave__note{visibility:hidden}.liner{z-index:1;pointer-events:none;position:fixed;inset:0}.liner__paper{top:var(--liner-top,30vh);left:var(--liner-left,0px);right:var(--liner-right,0px);background:color-mix(in oklab, color-mix(in oklab, var(--page-room) 91%, var(--page-ink) 6%), var(--spark,var(--page-ink)) 3%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--page-ink) 12%, transparent), 0 -26px 60px -40px #000000b3;transform:translateY(calc(100vh - var(--liner-top,30vh) + 60px));transition:transform .64s var(--ease-in-out);border-radius:22px 22px 0 0;position:absolute;bottom:0}.cut[data-reading] .liner__paper{transition:transform .82s var(--ease-out-expo);transform:none}.liner__text{top:calc(var(--liner-top,30vh) + 40px);left:var(--liner-text-left,10vw);width:var(--liner-text-width,60vw);bottom:var(--liner-text-bottom,120px);opacity:0;transition:opacity .2s,transform .3s;display:grid;position:absolute;transform:translateY(48px)}.cut[data-reading] .liner__text{opacity:1;pointer-events:auto;transition:opacity .6s ease .34s, transform .9s var(--ease-out-expo) .28s;transform:none}.cut[data-liner-still] .liner__paper,.cut[data-liner-still] .liner__text{transition:none}.liner__frame{min-height:0}.liner__scroll{overscroll-behavior:contain;align-content:start;gap:26px;height:100%;padding-right:14px;display:grid;overflow-y:auto}.track{gap:12px;display:grid}.track__head{align-items:center;gap:12px;display:flex}.track__label{letter-spacing:.14em;min-width:2.2em;color:var(--ink-40);flex:none;font-size:11px}.track__line{cursor:grab;touch-action:none;flex:1;height:22px;position:relative}.track[data-scrubbing] .track__line{cursor:grabbing}.track__line:before{content:"";background:var(--ink-20);height:1px;position:absolute;top:50%;left:0;right:0}.track__line:focus-visible{outline-offset:2px;border-radius:4px}.track__fill{background:var(--page-ink);transform-origin:0;height:1.5px;transform:scaleX(var(--q,0));margin-top:-.25px;transition:opacity .9s;position:absolute;top:50%;left:0;right:0}.track__head-dot{top:50%;left:calc(var(--q,0) * 100%);background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);transition:transform .42s var(--ease-spring), opacity .6s ease, box-shadow .42s var(--ease-out-expo);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute}.track[data-state=done] .track__fill{opacity:.35}.track[data-state=done] .track__head-dot{opacity:.5;transform:scale(.5)}.track__line:hover .track__head-dot,.track[data-scrubbing] .track__head-dot,.track__line:focus-visible .track__head-dot{opacity:1;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 26%, transparent);transform:scale(1.35)}.track__time{color:var(--ink-40);flex:none;font-size:11px}.track__text{font-size:15.5px;line-height:1.95}.track--lead .track__text{font-size:clamp(18px,1.5vw,22px);font-weight:300;line-height:1.85}.type{opacity:0}.type.on{opacity:1;animation:.42s ease-out type-arrive}@keyframes type-arrive{0%{opacity:0;color:var(--accent)}18%{opacity:1;color:var(--accent)}}.track[data-scrubbing] .type.on{animation:none}.reviews__bar{flex-wrap:wrap;justify-self:start;align-items:center;gap:8px 16px;padding-top:16px;display:flex}.reviews__toggle{letter-spacing:.14em;transition:background-size .52s var(--ease-out-expo), gap .52s var(--ease-out-expo);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;align-items:center;gap:10px;padding:4px 0;font-size:14px;display:inline-flex}.reviews__toggle:hover{background-position:100% 100%;background-size:30% 1px;gap:14px}.reviews__toggle:after{content:"→"}.reviews__toggle[aria-expanded=true]:after{content:"↑"}.reviews__toggle .mini-wave{width:34px}.reviews__failed{color:var(--ink-60);flex-wrap:wrap;gap:4px 12px;font-size:13px;display:inline-flex}.mini-wave{height:auto;display:block;overflow:visible}.mini-wave line{stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%}.mini-wave[data-live] line{animation:.9s ease-in-out infinite alternate meter;animation-delay:calc(var(--i) * -137ms)}.mini-wave[data-calm] line{animation:3.2s ease-in-out infinite alternate meter-calm;animation-delay:calc(var(--i) * -260ms);transform:scaleY(.35)}@keyframes meter{0%{transform:scaleY(.25)}50%{transform:scaleY(1)}to{transform:scaleY(.45)}}@keyframes meter-calm{to{transform:scaleY(.6)}}.reacts{border-top:1px solid var(--ink-12);flex-wrap:wrap;gap:6px 22px;padding-top:18px;display:flex}.react{letter-spacing:.08em;height:40px;transition:transform .52s var(--ease-spring), color .4s ease, opacity .7s ease .5s;align-items:center;gap:8px;padding:0 2px;font-size:14px;display:inline-flex;position:relative}.react:hover:not(:disabled){transform:translateY(-2px)}.react:active:not(:disabled){transform:scale(.94)}.react:disabled{cursor:default}.react__glyph{place-items:center;display:grid;position:relative}.react__ring{pointer-events:none;width:32px;height:32px;position:absolute;inset:-1px;overflow:visible;transform:rotate(-90deg)}.react__ring circle{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.react[data-settling] .react__ring circle{animation:1.1s linear both rest-ring}@keyframes rest-ring{0%{opacity:.9;stroke-dashoffset:1px}85%{opacity:.9;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}.react[data-resting]{cursor:progress}.react[data-resting]:not([data-settling]){opacity:.55}.react[data-resting]:hover{transform:none}.react__icon{border:1px solid var(--ink-20);fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px;transition:transform .52s var(--ease-spring), border-color .3s ease, background-color .3s ease;border-radius:50%;padding:5px}.react:hover:not(:disabled) .react__icon{border-color:var(--page-ink)}.react[data-kind=like]:hover .react__icon{transform:scale(1.12)}.react[data-kind=meh]:hover .react__icon{transform:rotate(-10deg)}.react[data-done]{opacity:.5}.react[data-done] .react__icon{background:var(--ink-12);border-color:#0000}.react[data-kind=like][data-done]{color:var(--accent)}.react[data-kind=like][data-done] .react__icon{fill:currentColor;animation:heart-beat .7s var(--ease-spring)}.react[data-kind=meh][data-done] .react__icon{animation:.9s ease-in-out sigh}.react[data-kind=heard] .react__check{stroke-dasharray:1;stroke-dashoffset:0}.react[data-kind=heard][data-done] .react__check{animation:check-draw .6s var(--ease-out-expo)}@keyframes heart-beat{30%{transform:scale(1.45)}55%{transform:scale(.9)}75%{transform:scale(1.12)}}@keyframes sigh{30%{transform:translateY(3px)scaleX(1.2)}60%{transform:translateY(-1px)scaleX(.92)}}@keyframes check-draw{0%{stroke-dashoffset:1px}}.burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:17px}.burst svg{opacity:0;width:12px;height:12px;animation:fly .9s var(--ease-out-expo) both;animation-delay:var(--t);position:absolute;top:-6px;left:-6px}.burst--like svg{fill:var(--accent)}.burst--meh svg{fill:var(--ink-40);width:8px;height:8px;animation-name:drift;animation-duration:1.1s}@keyframes fly{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1)}}@keyframes drift{0%{opacity:.9;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(calc(var(--d) * .5 - 20px), 22px) scale(1.2)}}.burst--ring span{width:28px;height:28px;animation:ripple .8s var(--ease-out-expo) both;border:1.5px solid;border-radius:50%;position:absolute;top:-14px;left:-14px}.burst--ring span+span{animation-delay:.14s}@keyframes ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.cut[data-dir] .reacts{animation:deck-rise .9s var(--ease-out-expo) 1.3s backwards}.cut[data-dir] .reviews__bar{animation:deck-rise .9s var(--ease-out-expo) 1.5s backwards}.cut[data-heard] .sliced{filter:saturate(.35)brightness(.85);transition:filter .9s}.cut[data-leaving]{--ink-12:color-mix(in srgb, var(--page-ink) 12%, transparent);--ink-20:color-mix(in srgb, var(--page-ink) 20%, transparent);--ink-40:color-mix(in srgb, var(--page-ink) 42%, transparent);--ink-60:color-mix(in srgb, var(--page-ink) 62%, var(--page-room));--glass:color-mix(in srgb, var(--page-ink) 5%, transparent);color:var(--page-ink);pointer-events:none}.cut[data-leaving] .slice{animation:.62s cubic-bezier(.6,0,.8,.4) both slice-out;animation-delay:calc(var(--i) * 9ms)}.cut[data-leaving] .sliced__whole{opacity:0;transition:none;animation:none}.cut[data-leaving] .sliced[data-exit] .sliced__whole{opacity:1}.cut[data-exit=flight]{z-index:2}.cut[data-leaving] .sliced[data-exit=quiet]{transform-origin:50%;animation:cover-out .52s var(--ease-curtain) both}@keyframes cover-out{to{opacity:0;transform:scale(.94)}}.cut[data-leaving] .cut__caption,.cut[data-leaving] .cut__words{animation:words-out .48s var(--ease-curtain) both}.cut[data-leaving] .cut__caption *,.cut[data-leaving] .cut__words *{animation:none!important}.cut[data-leaving] .slice__shadow{animation:.18s ease-out both shade-out;animation-delay:calc(var(--i) * 9ms)}@keyframes shade-out{0%{opacity:1}to{opacity:0}}.cut[data-leaving] .sliced[data-exit] .sliced__shadow{opacity:0}@keyframes words-out{to{opacity:0;transform:translateX(calc(var(--to,-1) * 50px))}}.cut[data-leaving=prev]{--to:1}.tail{text-align:center;grid-area:1/1;justify-items:center;gap:34px;display:grid}.tail>:not(.finale__stack,.finale__choices){animation:tail-in .9s var(--ease-out-expo) .3s both}.tail--supply>*{animation-delay:0s!important}@keyframes tail-in{0%{opacity:0;transform:translateY(26px)scale(.97)}}.tail--supply{gap:20px}.tail__wave{width:110px;color:var(--page-ink)}.tail--supply p{letter-spacing:.24em;font-size:17px;font-weight:300}.finale__lead{letter-spacing:.08em;text-wrap:balance;font-size:clamp(30px,3.4vw,50px);font-weight:200}.tail--supply p:lang(en){letter-spacing:.08em}.finale__lead:lang(en){letter-spacing:.01em}.finale__choices{flex-wrap:wrap;justify-content:center;gap:clamp(36px,7vw,120px);display:flex}.choice{animation:tail-in 1s var(--ease-out-expo) .44s both;justify-items:center;gap:4px;display:grid}.choice+.choice{animation-delay:.56s}.finale__stack{--w:clamp(76px, 8vw, 116px);--span:min(calc(var(--w) * 4.6), calc(100vw - 48px));--step:min(calc(var(--w) * .6), calc((var(--span) - var(--w)) / max(var(--n,1) - 1, 1)));height:calc(var(--w) + 28px);justify-content:center;align-items:flex-start;margin-bottom:-10px;display:flex}.stack__slot{width:var(--w);height:var(--w);margin-top:var(--lift);margin-left:calc(var(--step) - var(--w));animation:stack-in .76s var(--ease-out-expo) both;animation-delay:calc(.14s + var(--i) * var(--beat,70ms));flex:none;position:relative}.stack__slot:first-child{margin-left:0}.stack__card{width:100%;height:100%;rotate:var(--r);box-shadow:0 0 0 1px color-mix(in srgb, var(--page-ink) 12%, transparent), 0 18px 28px -18px #000000b3;background-position:50%;background-size:cover;border-radius:2px}.stack__slot[data-heard] .stack__card{opacity:.55}@keyframes stack-in{0%{opacity:0;transform:translate(calc(var(--o) * -46%), 16px) scale(.92)}}.stack__slot[data-landing]{animation:1ms linear .78s both stack-land}@keyframes stack-land{0%{opacity:0}to{opacity:1}}.choice__glyph{width:clamp(104px,9vw,128px);color:var(--ink-60);fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px;transition:color .4s;overflow:visible}.choice__glyph>*,.choice__glyph rect{transform-box:view-box;transition:transform .64s var(--ease-spring), fill-opacity .4s ease}.choice:is(:hover,:focus-visible):not(:disabled) .choice__glyph[data-kind=doors]{color:var(--page-ink)}.glyph__side{transform-origin:26px 29px;opacity:.7}.glyph__side[data-right]{transform-origin:94px 29px}.glyph__door{transform-origin:60px 28px}.choice:is(:hover,:focus-visible):not(:disabled) .glyph__side{transform:translate(-5px)}.choice:is(:hover,:focus-visible):not(:disabled) .glyph__side[data-right]{transform:translate(5px)}.choice:is(:hover,:focus-visible):not(:disabled) .glyph__door{transform:scale(1.14,1.04)}.choice__glyph[data-kind=fan]{color:var(--accent)}.glyph__sleeve{transform-origin:60px 66px}.glyph__sleeve[data-back]{fill:var(--ink-20);stroke:none;transform:rotate(-22deg)}.glyph__sleeve[data-front]{fill:currentColor;stroke:none}.glyph__sleeve[data-slot]{stroke-dasharray:3.5 3.5;fill:currentColor;fill-opacity:0;transform:rotate(22deg)}.choice:is(:hover,:focus-visible):not(:disabled) .glyph__sleeve[data-back]{transform:rotate(-30deg)}.choice:is(:hover,:focus-visible):not(:disabled) .glyph__sleeve[data-slot]{fill-opacity:.18;transform:rotate(30deg)}.choice__title{letter-spacing:.12em;transition:background-size .52s var(--ease-out-expo);background:linear-gradient(currentColor,currentColor) 50% 100%/0 1px no-repeat;padding-bottom:4px;font-size:22px;font-weight:300}.choice__title:lang(en){letter-spacing:.02em}.choice:is(:hover,:focus-visible):not(:disabled) .choice__title{background-size:100% 1px}.choice:disabled{opacity:.5;cursor:not-allowed}.finale__rescreen{color:var(--ink-60);font-size:13px}.deck__nav{display:contents}.deck__step{display:none}.pips{z-index:3;left:50%;bottom:calc(var(--privacy-h,44px) + 6px);background:color-mix(in srgb, var(--page-room) 86%, var(--page-ink) 5%);transition:background-color var(--room-change);border-radius:999px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:fixed;transform:translate(-50%)}.pips li{animation:chip-in .6s var(--ease-spring) both;animation-delay:calc(.5s + var(--i) * 90ms)}.pips button{background:var(--ink-40);width:7px;height:7px;transition:width .6s var(--ease-out-expo), background-color .4s ease;border-radius:999px;display:block}.pips li[data-current] button{background:var(--page-ink);width:26px}.pips li[data-heard] button{background:var(--ink-20)}.pips li[data-tail] button{box-shadow:inset 0 0 0 1px var(--ink-40);background:0 0}.pips li[data-tail][data-current] button{background:var(--page-ink)}@media (max-width:1100px){.cut{--s:min(46vh, 52vw, 420px);grid-template-columns:1fr;justify-items:center}.cut__words{width:min(100%,560px);max-height:none}.wave__note,.wave__note:empty{-webkit-line-clamp:3;-webkit-box-orient:vertical;height:5.25em;margin:0;display:-webkit-box;position:static;overflow:hidden}.wave__note:empty{border-color:#0000}}@media (max-width:760px){.deck{grid-template-columns:minmax(0,1fr)}.edge{display:none}.deck__stage{place-items:start center;padding:72px 18px 20px}.deck__nav{z-index:3;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--page-ink) 9%, transparent);background:color-mix(in srgb, var(--page-room) 95%, var(--page-ink) 4%);transition:background-color var(--room-change);border-radius:999px;place-self:end center;align-items:center;gap:2px;margin-bottom:12px;padding:2px;display:flex;position:sticky;box-shadow:0 10px 30px -18px #00000080}.deck__nav .pips{background:0 0;padding:8px 6px;position:static;transform:none}.deck__step{width:40px;height:40px;color:var(--page-ink);border-radius:50%;place-items:center;display:grid}.deck__step svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px}.deck__step:disabled{opacity:.25}.deck:has(.cut[data-reading]) .deck__nav{visibility:hidden}html:has(.cut[data-reading]) .privacy{visibility:hidden}.cut{--s:min(74vw, 320px);gap:26px}.edge__label{display:none}}@media (hover:none){.react:hover:not(:disabled){transform:none}.react:hover:not(:disabled,[data-done]) .react__icon{border-color:var(--ink-20)}.react[data-done]:hover .react__icon{border-color:#0000}.react[data-kind=like]:hover .react__icon,.react[data-kind=meh]:hover .react__icon{transform:none}.choice:hover:not(:focus-visible) .choice__glyph[data-kind=doors]{color:var(--ink-60)}.choice:hover:not(:focus-visible) .glyph__side,.choice:hover:not(:focus-visible) .glyph__door{transform:none}.choice:hover:not(:focus-visible) .glyph__sleeve[data-back]{transform:rotate(-22deg)}.choice:hover:not(:focus-visible) .glyph__sleeve[data-slot]{fill-opacity:0;transform:rotate(22deg)}.choice:hover:not(:focus-visible) .choice__title{background-size:0 1px}}@media (hover:none) and (pointer:coarse){.deck,.liner,.liner__scroll{touch-action:pan-y pinch-zoom}.deck__stage[data-swiping] .liner{visibility:hidden}.wave[data-active] .wave__note{pointer-events:auto}}@media (hover:none){.edge:hover:not(:disabled):before{opacity:0}.edge:hover:not(:disabled) .edge__dial{border-color:color-mix(in srgb, var(--page-ink) 16%, transparent);background-color:color-mix(in srgb, var(--page-room) 55%, transparent);color:color-mix(in srgb, var(--page-ink) 62%, var(--page-room));transform:none;box-shadow:0 10px 26px -20px #00000080}.edge:hover:not(:disabled) .edge__dial svg{transform:none}.edge:hover:not(:disabled) .edge__label{opacity:0}}.copy-title{display:none}@media (hover:none) and (pointer:coarse){.copy-title{border:1px solid var(--ink-20);letter-spacing:.12em;text-transform:none;height:26px;color:var(--ink-60);border-radius:999px;align-self:center;align-items:center;gap:5px;padding:0 10px 0 8px;font-size:11px;transition:color .3s,border-color .3s;display:inline-flex;position:relative}.copy-title:after{content:"";position:absolute;inset:-9px -6px}.copy-title svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.copy-title:active{transform:scale(.95)}.copy-title[data-done]{border-color:var(--spark,var(--accent));color:var(--page-ink)}.copy-title[data-done] svg{animation:count-pop .36s var(--ease-spring) both}}