@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400;500&family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@400;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{--accent:#b7c7c2;--deep:#17211f;--album-paper:#e9dfc8;--bone:#eeece5;--ink:#131512;--line:rgba(19,21,18,.2);--display:"Archivo Black","Arial Black",sans-serif;--sans:"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html,body,main,.library,.detail{width:100%;height:100%;overflow:hidden}html{background:var(--bone);color:var(--ink)}body{margin:0;background:var(--accent);font-family:var(--sans);transition:background .8s}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.grain{position:fixed;z-index:300;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter id='n'/%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}.boot{position:fixed;z-index:500;inset:0;display:grid;place-content:center;justify-items:center;background:var(--ink);color:var(--bone);clip-path:inset(0);transition:clip-path 1s cubic-bezier(.76,0,.24,1)}.boot b{font:clamp(80px,13vw,180px)/.8 var(--display);letter-spacing:-.1em}.boot i{width:260px;height:1px;margin:34px 0 14px;background:#444}.boot i:after{content:"";display:block;width:100%;height:100%;background:var(--accent);animation:load 1.1s ease both}.boot span{font:8px var(--mono);letter-spacing:.18em}.ready .boot{clip-path:inset(0 0 100% 0);pointer-events:none}@keyframes load{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.topbar{position:fixed;z-index:90;left:0;right:0;top:0;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,3.5vw,58px);border-bottom:1px solid var(--line);mix-blend-mode:multiply}.logo{justify-self:start;padding:0;border:0;background:none;font:38px/.8 var(--display);letter-spacing:-.1em}.logo sup{font:10px var(--mono);margin-left:3px;vertical-align:top}.mode{display:flex;padding:3px;border:1px solid var(--line);border-radius:30px}.mode button{padding:7px 14px;border:0;border-radius:20px;background:none;font:7px var(--mono);letter-spacing:.13em}.mode .active{background:var(--ink);color:var(--bone)}.mode button:disabled{opacity:.4}.import-open{justify-self:end;display:flex;align-items:center;gap:14px;padding:0;border:0;background:none;font-size:10px;letter-spacing:.06em}.import-open i{width:34px;aspect-ratio:1;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:17px var(--mono);font-style:normal;transition:.35s}.import-open:hover i{transform:rotate(90deg);background:var(--ink);color:var(--bone)}.library{position:absolute;inset:0;padding-top:78px}.library-copy{position:absolute;z-index:8;left:clamp(20px,3.5vw,58px);top:20%;max-width:31vw;pointer-events:none}.library-copy>p{margin:0 0 20px;font:8px var(--mono);letter-spacing:.16em}.library-copy h1{margin:0;font:clamp(48px,6.4vw,100px)/.83 var(--display);letter-spacing:-.08em;overflow-wrap:anywhere}.library-copy>span{display:block;margin-top:24px;font:9px var(--mono);letter-spacing:.13em}.scene-wrap{position:absolute;z-index:4;inset:78px 0 92px;touch-action:none}.webgl{display:block;width:100%;height:100%}.album-hit{position:absolute;left:50%;top:50%;width:min(29vw,390px);aspect-ratio:1;transform:translate(-50%,-50%);border:0;background:none}.album-hit span{position:absolute;left:50%;top:50%;width:94px;aspect-ratio:1;display:grid;place-items:center;transform:translate(-50%,-50%) scale(.8);border-radius:50%;background:#eeece5e0;font:8px/1.6 var(--mono);letter-spacing:.11em;opacity:0;transition:.35s}.album-hit:hover span,.album-hit:focus-visible span{opacity:1;transform:translate(-50%,-50%) scale(1)}.library-controls{position:absolute;z-index:8;left:clamp(20px,3.5vw,58px);right:clamp(20px,3.5vw,58px);bottom:38px;display:grid;grid-template-columns:36px auto minmax(100px,1fr) 36px;align-items:center;gap:14px}.library-controls button{padding:0;border:0;background:none;font:18px var(--mono)}.library-controls span{font:8px var(--mono);letter-spacing:.15em}.library-controls i{height:1px;background:var(--line)}.gesture-hint{position:absolute;z-index:8;right:clamp(20px,3.5vw,58px);top:105px;margin:0;font:7px var(--mono);letter-spacing:.15em}.detail{position:absolute;z-index:auto;inset:0;padding-top:78px;visibility:hidden;opacity:0;pointer-events:none}.album-open .detail{visibility:visible;opacity:1;pointer-events:auto}.album-open .library-copy,.album-open .library-controls,.album-open .gesture-hint{visibility:hidden}.album-open .scene-wrap{pointer-events:none}.detail-back{position:absolute;z-index:14;left:clamp(20px,3.5vw,58px);top:104px;padding:0;border:0;background:none;font:8px var(--mono);letter-spacing:.13em}.detail-back span{margin-left:10px}.detail-copy{position:absolute;z-index:12;left:clamp(20px,3.5vw,58px);top:28%;width:25vw}.detail-copy p{margin:0 0 18px;font:8px var(--mono);letter-spacing:.15em}.detail-copy h2{margin:0;font:clamp(38px,5vw,78px)/.85 var(--display);letter-spacing:-.07em;overflow-wrap:anywhere;text-shadow:0 7px 18px rgba(10,12,10,.12)}.detail-copy>span{display:block;margin-top:18px;font:9px var(--mono);letter-spacing:.12em}.sleeve-fold{position:absolute;z-index:2;left:58%;top:50%;width:min(25vw,370px);aspect-ratio:1;transform:translateY(-50%);perspective:1500px;transform-style:preserve-3d}.panel{position:absolute;top:0;width:100%;height:100%;padding:9%;box-shadow:10px 22px 55px #0003}.panel-notes{left:0;display:flex;flex-direction:column;justify-content:space-between;background:var(--album-paper)}.panel-notes b{font:clamp(42px,5vw,72px)/.78 var(--display);letter-spacing:-.08em}.panel-notes p{font-size:11px;line-height:2;letter-spacing:.05em}.panel-notes small{font:7px var(--mono);letter-spacing:.15em}.panel-tracks{left:100%;padding:7% 8%;background:var(--deep);color:var(--bone);transform-style:preserve-3d}.panel-tracks header{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.3);font:7px var(--mono);letter-spacing:.15em}.track-list{max-height:calc(100% - 24px);margin:0;padding:5px 0 0;overflow:auto;list-style:none;scrollbar-width:none}.track-list::-webkit-scrollbar{display:none}.track-list li{border-bottom:1px solid rgba(255,255,255,.12)}.track-list button{width:100%;display:grid;grid-template-columns:24px 1fr auto 25px;align-items:center;gap:7px;padding:8px 0;border:0;background:none;color:inherit;text-align:left}.track-list span,.track-list time{font:7px var(--mono);opacity:.58}.track-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:400}.track-list i{font:8px var(--mono);font-style:normal}.track-list li.playing strong,.track-list li.playing i{color:var(--album-paper)}.player{position:fixed;z-index:100;left:50%;bottom:14px;width:min(720px,calc(100vw - 32px));height:62px;transform:translate(-50%);display:grid;grid-template-columns:44px minmax(120px,1fr) 26px 40px 26px minmax(150px,1fr);align-items:center;gap:10px;padding:8px 13px 8px 8px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:#111310e0;color:var(--bone);box-shadow:0 18px 50px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mini-cover{width:44px;aspect-ratio:1;border:0;background:var(--accent) center/cover}.player-copy{display:flex;min-width:0;flex-direction:column}.player-copy strong,.player-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy strong{font-size:10px}.player-copy small{margin-top:4px;font:7px var(--mono);opacity:.6}.prev-track,.next-track,.play{padding:0;border:0;background:none;color:inherit}.play{width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%}.play span{font:9px var(--mono)}.progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font:7px var(--mono)}.progress button{height:16px;padding:0;border:0;background:none}.progress button:before{content:"";display:block;width:100%;height:1px;background:#ffffff4d}.progress i{display:block;width:0;height:2px;margin-top:-2px;background:var(--bone)}.import-dialog{width:min(900px,calc(100vw - 32px));height:min(590px,calc(100vh - 32px));padding:clamp(38px,6vw,80px);border:0;background:var(--bone);overflow:hidden}.import-dialog::backdrop{background:#0a0b09b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.dialog-close{position:absolute;z-index:3;right:28px;top:23px;padding:0;border:0;background:none;font:34px var(--mono)}.import-dialog>p{margin:0 0 24px;font:8px var(--mono);letter-spacing:.16em}.import-dialog h2{position:relative;z-index:2;margin:0;font:clamp(40px,6vw,82px)/.88 var(--display);letter-spacing:-.07em}.import-dialog form{position:relative;z-index:2;width:min(600px,100%);margin-top:55px}.import-dialog label{display:block;margin-bottom:10px;font:8px var(--mono);letter-spacing:.14em}.import-dialog form>div{display:grid;grid-template-columns:1fr auto;border-bottom:2px solid var(--ink)}.import-dialog input{min-width:0;padding:15px 0;border:0;background:none;font:12px var(--mono);outline:0}.import-dialog form button{padding:0 4px 0 24px;border:0;background:none;font-size:11px}.import-dialog form button span{margin-left:12px}.import-status{display:block;min-height:18px;margin-top:12px;font-size:10px;color:#77786f}.import-status.error{color:#a83c35}.import-status.success{color:#286e53}.dialog-record{position:absolute;right:-150px;bottom:-210px;width:520px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#151613 0 3px,#292a27 4px 7px);box-shadow:0 20px 50px #00000040;animation:spin 9s linear infinite}.dialog-record:after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--accent)}.dialog-record i{position:absolute;z-index:2;inset:48%;border-radius:50%;background:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:400;left:50%;top:98px;max-width:min(480px,calc(100vw - 40px));transform:translate(-50%,-12px);padding:11px 15px;background:var(--ink);color:var(--bone);font-size:10px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%)}.manage-dialog{width:min(720px,calc(100vw - 32px));padding:clamp(28px,4.5vw,54px);border:0;background:var(--album-paper);color:var(--ink);box-shadow:0 35px 90px #00000052}.manage-dialog::backdrop{background:#0a0b09b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.manage-close{position:absolute;right:24px;top:18px;padding:0;border:0;background:none;font:30px var(--mono)}.manage-dialog>p{margin:0 0 28px;font:7px var(--mono);letter-spacing:.16em}.manage-heading{display:grid;grid-template-columns:86px 1fr;align-items:end;gap:22px;padding-bottom:24px;border-bottom:1px solid var(--line)}.manage-cover{width:86px;aspect-ratio:1;background:var(--accent) center/cover;box-shadow:7px 10px 18px #00000029}.manage-heading small{font:7px var(--mono);letter-spacing:.14em;opacity:.55}.manage-heading h2{margin:7px 0 0;font:clamp(30px,4.6vw,54px)/.88 var(--display);letter-spacing:-.07em}.manage-dialog form{margin-top:28px}.manage-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px}.manage-fields label{display:flex;flex-direction:column;gap:7px;font:7px var(--mono);letter-spacing:.13em}.manage-fields input,.manage-fields textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--ink);border-radius:0;outline:0;resize:none;background:transparent;font:12px/1.5 var(--sans);letter-spacing:0}.manage-description-field{grid-column:1/-1}.manage-status{display:block;min-height:17px;margin-top:16px;font-size:9px;opacity:.58}.manage-status.warning{color:#9a2e25;opacity:1}.manage-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.manage-actions button{padding:11px 0;border:0;background:none;font:9px var(--mono);letter-spacing:.08em}.manage-delete{color:#9a2e25}.manage-save{padding:11px 18px!important;background:var(--ink)!important;color:var(--album-paper)}.manage-save span{margin-left:18px}.playlists-view{position:absolute;z-index:20;inset:78px 0 92px;padding:34px clamp(20px,5vw,72px) 0;visibility:hidden;opacity:0;pointer-events:none;background:var(--accent);transition:opacity .35s ease}.playlist-mode .library{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.playlist-mode .playlists-view{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.playlists-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--line)}.playlists-heading p{margin:0;font:7px var(--mono);letter-spacing:.15em}.playlists-heading h1{margin:13px 0 0;font:clamp(34px,5vw,68px)/.8 var(--display);letter-spacing:-.08em}.playlists-heading h1 i{font:400 10px var(--mono);letter-spacing:.17em}.playlist-runtime{padding-bottom:4px}.playlist-columns{display:grid;grid-template-columns:minmax(190px,28%) 1fr 65px;padding:13px 36px 11px;border-bottom:1px solid var(--line);font:7px var(--mono);letter-spacing:.14em}.playlist-list{height:calc(100% - 175px);margin:0;padding:0;overflow:auto;list-style:none;scrollbar-width:thin}.playlist-list li{border-bottom:1px solid var(--line)}.playlist-list button{width:100%;display:grid;grid-template-columns:38px 42px minmax(0,1fr) 55px 22px;align-items:center;gap:14px;padding:9px 18px;border:0;background:none;text-align:left}.playlist-list button>span,.playlist-list time{font:7px var(--mono);opacity:.55}.playlist-list button>i{width:42px;aspect-ratio:1;background:var(--album-paper) center/cover;box-shadow:3px 4px 8px #0000001f}.playlist-list button>div{display:flex;min-width:0;flex-direction:column;gap:4px}.playlist-list strong,.playlist-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-list strong{font-size:11px;font-weight:500}.playlist-list small{font:7px var(--mono);opacity:.58}.playlist-list button>b{font:8px var(--mono);font-weight:400}.playlist-list li:hover,.playlist-list li.playing{background:color-mix(in srgb,var(--album-paper) 35%,transparent)}.playlist-list li.playing strong,.playlist-list li.playing button>b{font-weight:700}.album-search{position:absolute;z-index:16;right:clamp(20px,3.5vw,58px);top:104px;width:min(300px,34vw)}.album-search>label{display:block;margin-bottom:8px;font:6px var(--mono);letter-spacing:.16em}.album-search>div{display:grid;grid-template-columns:1fr 24px;align-items:center;border-bottom:1px solid var(--ink)}.album-search input{min-width:0;padding:8px 0;border:0;background:transparent;font:10px var(--sans);outline:0}.album-search input::-webkit-search-cancel-button{display:none}.album-search-clear{padding:0;border:0;background:none;font:14px var(--mono)}.album-search-results{margin:0;padding:0;max-height:0;overflow:hidden;list-style:none;background:color-mix(in srgb,var(--album-paper) 92%,transparent);box-shadow:0 18px 36px #00000029;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:max-height .28s ease}.album-search-results.show{max-height:380px;overflow:auto}.album-search-results li+li{border-top:1px solid var(--line)}.album-search-results button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:8px;border:0;background:none;text-align:left}.album-search-results button:hover,.album-search-results button:focus-visible{background:#ffffff42}.album-search-results i{width:38px;aspect-ratio:1;background:var(--accent) center/cover}.album-search-results span{display:flex;min-width:0;flex-direction:column;gap:3px}.album-search-results strong,.album-search-results small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-search-results strong{font-size:9px}.album-search-results small{font:6px var(--mono);opacity:.58}.album-search-results b{font:8px var(--mono);font-weight:400}@media(max-width:800px){.topbar{height:68px;padding:0 18px}.mode,.import-open span{display:none}.library{padding-top:68px}.scene-wrap{inset:68px 0 108px}.library-copy{left:20px;top:13%;max-width:68vw}.library-copy h1{font-size:48px}.library-copy>span{font-size:7px}.album-hit{width:58vw}.gesture-hint{display:none}.library-controls{left:20px;right:20px;bottom:90px}.detail{padding-top:68px}.detail-back{left:20px;top:88px}.detail-copy{left:20px;top:15%;width:70vw}.detail-copy h2{font-size:40px}.sleeve-fold{left:7%;top:57%;width:43vw}.panel-tracks{left:100%;width:120%}.panel-notes p{font-size:8px}.player{bottom:10px;grid-template-columns:42px 1fr 38px}.prev-track,.next-track,.progress{display:none}.album-open .album-hit{left:27%;width:48vw}.import-dialog{padding-top:58px}.dialog-record{opacity:.15}}@media(max-width:500px){.library-copy h1{font-size:40px}.library-copy>p{font-size:7px}.detail-copy{top:13%}.sleeve-fold{left:4%;top:56%;width:46vw}.panel-notes{display:none}.panel-tracks{left:100%;width:112%;height:118%}.track-list button{padding:6px 0}.import-dialog h2{font-size:42px}.import-dialog form>div{grid-template-columns:1fr}.import-dialog form button{padding:12px 0;text-align:left}.dialog-record{width:350px}.toast{top:80px}}@media(max-width:620px){.manage-dialog{padding:28px 22px}.manage-heading{grid-template-columns:64px 1fr;gap:15px}.manage-cover{width:64px}.manage-heading h2{font-size:30px}.manage-fields{grid-template-columns:1fr;gap:16px}.manage-description-field{grid-column:auto}.manage-actions{gap:18px}.manage-save{margin-left:auto}}@media(max-width:800px){.mode{display:flex}.mode button{padding:6px 9px;font-size:6px}.playlists-view{inset:68px 0 92px;padding:24px 18px 0}.playlists-heading h1{font-size:38px}.playlist-columns{grid-template-columns:1fr 48px;padding:11px 12px}.playlist-columns span:first-child{display:none}.playlist-list{height:calc(100% - 150px)}.playlist-list button{grid-template-columns:28px 36px minmax(0,1fr) 42px 14px;gap:8px;padding:8px 4px}.playlist-list button>i{width:36px}.playlist-list small{font-size:6px}.playlist-runtime{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.boot{display:none}}@media(min-width:801px){.sleeve-fold{left:49%}}@media(min-width:801px){.library-copy{width:clamp(220px,24vw,340px);max-width:clamp(220px,24vw,340px)}.library-copy h1{max-width:100%;font-size:clamp(40px,5vw,76px);line-height:.86;overflow-wrap:anywhere;word-break:break-word;text-wrap:balance}.library-copy>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:800px){.library-copy{max-width:43vw}.library-copy h1{max-width:100%;font-size:clamp(30px,10vw,42px);line-height:.88;overflow-wrap:anywhere;word-break:break-word}.library-copy>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.library-copy h1,.detail-copy h2{font-family:var(--album-title-font,var(--display));font-weight:var(--album-title-weight,900);font-style:var(--album-title-style,normal);letter-spacing:var(--album-title-spacing,-.08em)}.album-open .library-copy,.album-open .library-controls,.album-open .gesture-hint{visibility:hidden!important}@media(min-width:801px){.detail-copy{top:clamp(150px,19vh,190px);width:min(46vw,620px)}.detail-copy h2{max-width:100%;font-size:clamp(36px,4.2vw,62px);line-height:.9;text-wrap:balance}.detail-copy>span{margin-top:14px}.detail-copy.is-long-title{z-index:6;top:clamp(120px,14vh,138px);width:min(74vw,900px)}.detail-copy.is-long-title h2{font-size:clamp(24px,2.6vw,38px);line-height:.92;letter-spacing:-.055em}.detail-copy.is-ultra-title{width:min(76vw,940px)}.detail-copy.is-ultra-title h2{font-size:clamp(19px,2.05vw,28px);line-height:.94;letter-spacing:-.04em}.detail-copy.is-long-title p{margin-bottom:12px}.detail-copy.is-long-title>span{margin-top:9px;font-size:8px}}.album-open .sleeve-fold{filter:drop-shadow(0 5px 2px rgba(12,16,14,.13)) drop-shadow(22px 30px 24px rgba(12,16,14,.19))}.album-open .sleeve-fold:after{content:"";position:absolute;z-index:20;left:-68px;top:calc(100% - 7px);width:112px;height:7px;pointer-events:none;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(12,13,11,.27) 25%,rgba(12,13,11,.18) 72%,transparent);filter:blur(5px);transform:rotate(-2deg);transform-origin:center;opacity:.58}.album-open .panel{box-shadow:0 1px 2px #0c100e2e}.panel-notes{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;padding-left:12%;background:linear-gradient(90deg,rgba(0,0,0,.055),transparent 7%,transparent 92%,rgba(255,255,255,.22)),repeating-linear-gradient(0deg,rgba(38,34,24,.018) 0 1px,transparent 1px 4px),var(--album-paper)}.panel-notes:active{cursor:grabbing}.panel-notes header,.panel-notes footer{display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.13em}.panel-notes header{padding-bottom:12px;border-bottom:1px solid rgba(20,20,17,.22)}.panel-notes footer{padding-top:12px;border-top:1px solid rgba(20,20,17,.22)}.panel-notes footer span{opacity:.52}.panel-notes .note-body{display:flex;min-height:0;flex:1;flex-direction:column;justify-content:flex-start;padding:10% 0 5%;transform-style:preserve-3d}.panel-notes .note-title{font:900 clamp(24px,2.7vw,42px)/.92 var(--album-title-font,var(--display));letter-spacing:var(--album-title-spacing,-.06em)}.panel-notes.has-long-track-title .note-title{font-size:clamp(17px,1.65vw,25px);line-height:.96;letter-spacing:-.035em}.panel-notes.has-ultra-track-title .note-title{font-size:clamp(13px,1.25vw,19px);line-height:1;letter-spacing:-.025em}.panel-notes.has-long-track-title .note-context{margin-top:12px}.panel-notes .note-context{margin:18px 0 0;overflow:hidden;font-size:10px;line-height:1.72;letter-spacing:.035em}.panel-notes.is-note-continuation .note-title{font:700 12px/1.2 var(--mono);letter-spacing:.08em}.panel-notes.is-note-continuation .note-context{margin-top:18px}.note-nav{display:flex;align-items:center;gap:8px}.note-nav button{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#14141114;font:8px var(--mono);line-height:18px}.note-nav button:disabled{opacity:.2;cursor:default}.note-nav .note-sheet{min-width:34px;font:6px var(--mono);text-align:center;opacity:.58}.turning-page{position:absolute;z-index:8;left:0;top:0;width:100%;height:100%;visibility:hidden;transform-origin:right center;transform-style:preserve-3d;pointer-events:none;will-change:transform,filter}.turning-face{position:absolute;inset:0;padding:9%;overflow:hidden;backface-visibility:hidden;background:linear-gradient(90deg,rgba(0,0,0,.06),transparent 8%,transparent 90%,rgba(255,255,255,.3)),var(--album-paper);box-shadow:3px 5px 16px #0c100e2e}.turning-face:after{content:"";position:absolute;right:0;top:0;width:5px;height:100%;background:linear-gradient(90deg,#0000001f,#ffffff4d)}.turning-back{transform:rotateY(180deg);background:linear-gradient(270deg,rgba(0,0,0,.05),transparent 9%,rgba(255,255,255,.15)),var(--album-paper)}@media(max-width:800px){.panel-notes .note-context{font-size:8px}.note-nav .note-sheet{display:inline-block}}.album-open .sleeve-fold{left:32%;top:52%;width:min(22.5vw,320px);height:min(50vh,440px);aspect-ratio:auto;filter:drop-shadow(0 4px 2px rgba(12,16,14,.12)) drop-shadow(18px 28px 24px rgba(12,16,14,.17))}.fold-leaf{position:absolute;top:0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.fold-leaf-primary,.fold-leaf-secondary{left:100%;transform-origin:left center}.fold-leaf .panel-tracks{left:0;backface-visibility:hidden;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 8%,transparent 92%,rgba(0,0,0,.12)),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),var(--deep)}.fold-leaf-primary:before,.fold-leaf-secondary:before{content:"";position:absolute;z-index:4;left:-3px;top:0;width:7px;height:100%;pointer-events:none;background:linear-gradient(90deg,#00000047,#ffffff29,#00000014);opacity:.72}.panel-tracks-more{background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 9%,transparent 90%,rgba(255,255,255,.04)),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),color-mix(in srgb,var(--deep) 88%,var(--accent))!important}.sleeve-fold:focus-visible{outline:1px solid var(--ink);outline-offset:8px}@media(max-width:800px){.album-open .sleeve-fold{left:4%;top:58%;width:30vw}.fold-leaf .panel{padding:7%}.fold-leaf .track-list button{grid-template-columns:16px 1fr auto;padding:5px 0}.fold-leaf .track-list i{display:none}}@media(min-width:801px){.library-copy{top:112px;width:min(76vw,980px);max-width:min(76vw,980px)}.library-copy h1{max-width:100%;font-size:var(--library-title-size,clamp(32px,3.7vw,54px));line-height:.9;text-wrap:balance;overflow-wrap:anywhere}.library-copy.is-long-title h1{max-width:92%;line-height:.94;letter-spacing:-.055em}.library-copy.is-ultra-title h1{max-width:88%;line-height:.98;letter-spacing:-.035em}.library-copy>p{margin-bottom:12px}.library-copy>span{margin-top:10px}}@media(max-width:800px){.library-copy{top:88px;width:88vw;max-width:88vw}.library-copy h1{font-size:var(--library-title-size,clamp(26px,7vw,38px));line-height:.92;text-wrap:balance;overflow-wrap:anywhere}.library-copy.is-long-title h1{font-size:clamp(19px,5vw,27px);line-height:.96}.library-copy.is-ultra-title h1{font-size:clamp(15px,4vw,21px);line-height:1}.library-copy>p{margin-bottom:9px}.library-copy>span{margin-top:8px}.detail-copy.is-long-title{top:122px;width:88vw}.detail-copy.is-long-title h2{font-size:clamp(18px,4.8vw,26px);line-height:.95;letter-spacing:-.045em;text-wrap:balance}.detail-copy.is-ultra-title h2{font-size:clamp(15px,4vw,21px);line-height:1;letter-spacing:-.03em}.detail-copy.is-long-title p{margin-bottom:10px}.detail-copy.is-long-title>span{margin-top:8px;font-size:7px}}.album-search-results .search-empty{padding:18px 12px;font:8px var(--mono);letter-spacing:.08em;opacity:.62}.gesture-hint{top:174px}.album-open .album-search{visibility:hidden;pointer-events:none}@media(max-width:800px){.album-search{right:18px;top:82px;width:min(260px,48vw)}.album-search>label{display:none}}@media(min-width:801px){.album-open{--booklet-left:clamp(292px,32vw,520px)}.album-open .sleeve-fold{left:var(--booklet-left)}.album-open .scene-wrap{clip-path:none}}@media(min-width:501px)and (max-width:800px){.album-open{--booklet-left:30vw}.album-open .sleeve-fold{left:var(--booklet-left);width:22.5vw}.album-open .scene-wrap{clip-path:none}}.panel-notes .note-body{overflow:hidden}.panel-notes .note-context{flex:1;min-height:0;overflow-y:auto;padding-right:9px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(20,20,17,.28) transparent}.panel-notes .note-context::-webkit-scrollbar{width:3px}.panel-notes .note-context::-webkit-scrollbar-track{background:transparent}.panel-notes .note-context::-webkit-scrollbar-thumb{background:#14141147}.panel-notes .note-nav button{display:none}.panel-notes .note-sheet{min-width:auto;letter-spacing:.12em}.playlist-list .playlist-empty{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:9px;border-bottom:0;text-align:center}.playlist-list .playlist-empty strong{font:500 16px var(--sans)}.playlist-list .playlist-empty small{font:7px var(--mono);letter-spacing:.08em;opacity:.55}.playlist-list button{grid-template-columns:38px 42px minmax(0,1fr) 76px 22px}@media(max-width:800px){.playlist-list button{grid-template-columns:28px 36px minmax(0,1fr) 64px 14px}.playlist-list button time{font-size:6px}}.auth-screen{position:fixed;z-index:450;inset:0;display:grid;place-items:center;padding:24px;background:#17211f;color:#eeece5;overflow:auto}.auth-screen[hidden]{display:none}.auth-card{width:min(510px,100%);padding:clamp(28px,5vw,60px);border:1px solid rgba(238,236,229,.25);box-shadow:24px 32px 70px #00000038;background:#26312e}.auth-kicker{margin:0 0 25px;font:9px var(--mono);letter-spacing:.17em;color:#b7c7c2}.auth-card h1{margin:0;font:clamp(36px,6vw,62px)/.98 var(--display);letter-spacing:-.06em}.auth-intro{max-width:320px;margin:20px 0 30px;font:12px/1.8 var(--sans);opacity:.74}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;font:8px var(--mono);letter-spacing:.12em}.auth-form label[hidden]{display:none}.auth-form input{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(238,236,229,.45);border-radius:0;outline:0;background:transparent;color:var(--bone);font:14px var(--sans)}.auth-form input::placeholder{color:#eeece566}.auth-submit{display:flex;justify-content:space-between;margin-top:9px;padding:13px 16px;border:0;background:#b7c7c2;color:#17211f;font:10px var(--mono);letter-spacing:.08em}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-actions{display:flex;justify-content:space-between;gap:16px;margin-top:18px}.auth-actions button{padding:0;border:0;background:none;color:inherit;font:9px var(--sans);opacity:.7}.auth-status{min-height:20px;margin:25px 0 0;font:10px/1.5 var(--sans);color:#d6b79f}.topbar-actions{justify-self:end;display:flex;align-items:center;gap:20px}.account-logout{padding:0;border:0;background:none;font:8px var(--sans);white-space:nowrap;opacity:.65}.album-hit:disabled{pointer-events:none;visibility:hidden}@media(max-width:800px){.topbar-actions{gap:11px}.account-logout{font-size:7px}}