@font-face{font-family:Cormorant Infant;src:url(/fonts/CormorantInfant-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Baskervville;src:url(/fonts/Baskervville-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--ink:#1c1a17;--ink-soft:#6f6a61;--line:#1c1a1724;--glass:#fffefa8c;--glass-strong:#fffefad1;--paper:#efe9dc;--accent:#c2462e;--sunset:linear-gradient(92deg, #ff6188, #fc9867, #ffd866);--font-callig:"Cormorant Infant", "Snell Roundhand", Georgia, "Songti SC", serif;--font-subtle:"Baskervville", Georgia, "Songti SC", serif;font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#e0e0e0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}.app{position:fixed;inset:0}canvas{touch-action:none}.backdrop-layer{z-index:0;position:fixed;inset:0;overflow:hidden}.bg-veil-img{filter:saturate(.88)brightness(.92)contrast(1.04);opacity:.92;background-position:50%;background-size:cover;transition:filter .9s;position:absolute;inset:-4%}[data-fade=in]{animation:1.9s forwards veil-in}@keyframes veil-in{0%{opacity:0}to{opacity:.92}}.backdrop-layer.deep .bg-veil-img{filter:saturate(.62)brightness(.5)contrast(1.03)}.bg-veil-deep{opacity:0;pointer-events:none;background:radial-gradient(54% 48% at 38% 48%,#04040700 26%,#04040780 82%);transition:opacity .9s;position:absolute;inset:0}.backdrop-layer.deep .bg-veil-deep{opacity:1}.jelly-dock{aspect-ratio:4/3;perspective:800px;width:clamp(94px,8.5vw,126px);transition:opacity .7s,transform .7s cubic-bezier(.4,0,.2,1);position:absolute;bottom:148px;left:55.5%}.jelly-dock.away{opacity:0;pointer-events:none;transform:translateY(26px)scale(.9)}.jelly-flip{cursor:pointer;width:100%;height:100%;transform-style:preserve-3d;filter:drop-shadow(0 14px 22px #0000006b);background:0 0;padding:0;transition:transform .7s cubic-bezier(.34,1.56,.4,1);animation:5.2s ease-in-out infinite sprite-bob;display:block;transform:rotateY(26deg)}.jelly-dock:hover .jelly-flip{transform:rotateY(8deg)scale(1.06)}.jelly-dock.flipped .jelly-flip{animation-play-state:paused;transform:rotateY(0)}.jelly-dock.bounce .jelly-flip{animation:.62s cubic-bezier(.28,1.7,.4,1) sprite-squash}.jelly-card{position:absolute;inset:0}@keyframes sprite-bob{0%,to{translate:0;rotate:-1.8deg}50%{translate:0 -7px;rotate:2deg}}@keyframes sprite-squash{0%{scale:1}28%{scale:1.24 .7}55%{scale:.85 1.2}78%{scale:1.07 .94}to{scale:1}}.bg-blur{z-index:2;pointer-events:none;filter:blur(92px)saturate(1.24)brightness(1.12);opacity:.13;background-position:50%;background-size:cover;transition:background-image 1.4s;position:fixed;inset:0;transform:scale(1.55)}.bg-veil{z-index:3;pointer-events:none;position:fixed;inset:0}.bg-veil:before{content:"";background:radial-gradient(58% 48% at 20% 24%,#fffaf01a,#0000 70%),radial-gradient(48% 44% at 82% 76%,#fff4e214,#0000 72%);animation:26s ease-in-out infinite alternate drift-a;position:absolute;inset:0}.bg-veil:after{content:"";background:linear-gradient(168deg,#0807066b 0%,#0807061a 40% 62%,#08070675 100%);animation:15s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes drift-a{0%{opacity:.85;transform:translate(0)scale(1)}to{opacity:1;transform:translate(4%,-3%)scale(1.08)}}.bg-grain{z-index:4;pointer-events:none;opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(8,end) infinite grain;position:fixed;inset:0}@keyframes grain{0%{background-position:0 0}12.5%{background-position:-24px 18px}25%{background-position:36px -30px}37.5%{background-position:-42px -12px}50%{background-position:22px 34px}62.5%{background-position:-18px 42px}75%{background-position:40px 8px}87.5%{background-position:-34px -36px}to{background-position:0 0}}.ui-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.ui-layer>*{pointer-events:auto}.navbar{justify-content:space-between;align-items:center;padding:22px 34px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;right:0}.nav-right{gap:10px;display:flex}.nav-import{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff47;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .22s;display:grid}.nav-import:hover{background:var(--ink);color:#fff;transform:rotate(90deg)}.nav-plus{font-size:19px;font-weight:300;line-height:1}.title-block{max-width:46vw;min-height:118px;position:absolute;top:96px;left:36px}.title-song{letter-spacing:-.015em;color:#f5f0e7;text-shadow:0 2px 28px #0000008c;font-size:clamp(34px,4.6vw,62px);font-weight:750;line-height:1.06;position:relative}.title-song.ethereal{font-family:var(--font-callig);letter-spacing:-.02em;color:#0000;text-shadow:none;filter:drop-shadow(0 2px 3px #01070f73);background-image:linear-gradient(90deg,#a3adb680 0%,#bec7cea8 30%,#d8dfe5e0 66%,#f0f3f2fa 100%);-webkit-background-clip:text;background-clip:text;padding-right:.4em;font-size:clamp(40px,5vw,68px);font-style:italic;font-weight:400;line-height:.98}.title-song.ethereal:after{content:"✦";color:#ecf3f4eb;text-shadow:0 0 7px #c4e5ef80;font-size:.2em;font-style:normal;position:absolute;bottom:.14em;right:0}.title-artist{color:#f5f0e7b8;letter-spacing:.16em;text-shadow:0 1px 14px #00000080;margin-top:10px;font-size:clamp(14px,1.2vw,17px)}.ascii-dock{pointer-events:none;width:min(560px,50vw);position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.ascii-dock.in-detail{width:min(520px,34vw);top:40%;bottom:auto;left:53.5%;transform:translate(-50%,-50%)}.ascii-strip{width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.playerbar{-webkit-backdrop-filter:blur(22px)saturate(1.9);background:#ffffff21;border:1px solid #ffffff52;border-radius:22px;align-items:center;gap:24px;padding:12px 20px;display:flex;position:absolute;bottom:26px;left:36px;right:36px;box-shadow:0 14px 42px -22px #1e191247,inset 0 1px #fff6}.pb-left{align-items:center;gap:13px;min-width:210px;display:flex}.pb-thumb{object-fit:cover;border-radius:11px;width:46px;height:46px;box-shadow:0 3px 10px #0000002e}.pb-thumb-empty{background:linear-gradient(135deg,#cfcbc2,#b7b2a6)}.pb-song{text-overflow:ellipsis;white-space:nowrap;color:#f7f3ea;text-shadow:0 1px 10px #00000073;max-width:200px;font-size:13.5px;font-weight:650;overflow:hidden}.pb-artist{color:#f7f3ead9;text-shadow:0 1px 8px #00000073;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:2px;font-size:11.5px;overflow:hidden}.pb-center{align-items:center;gap:12px;display:flex}.neo-btn{cursor:pointer;color:#46413a;background:linear-gradient(145deg,#fffffff5,#f0eee8cc);border:none;border-radius:13px;line-height:1;transition:box-shadow .14s,transform .14s;position:relative;box-shadow:inset 1px 1px 2px #fffffff2,inset -1px -1px 2px #9e948480,4px 4px 10px #3a322629,-3px -3px 9px #ffffffa6}.neo-btn:hover{transform:translateY(-1px);box-shadow:inset 1px 1px 2px #fffffff2,inset -1px -1px 2px #9e948466,6px 6px 14px #3a322633,-4px -4px 10px #ffffffb3}.neo-btn:active{transform:translateY(2px)scale(.985);box-shadow:inset 3px 3px 7px #3a322638,inset -2px -2px 6px #ffffff8c,1px 1px 3px #3a32261f}.neo-sm{width:38px;height:38px;font-size:12px}.neo-main{border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.neo-face{font-size:14px;transition:opacity .18s,transform .18s}.neo-praise{font-family:var(--font-subtle);letter-spacing:.14em;background-image:var(--sunset);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;place-items:center;font-size:10px;font-style:italic;font-weight:400;transition:opacity .22s,transform .22s;display:grid;position:absolute;inset:0;transform:translateY(7px)}.neo-main:hover .neo-face{opacity:0;transform:scale(.55)}.neo-main:hover .neo-praise{opacity:1;transform:translateY(0)}.pb-right{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pb-time{color:#f7f3eac7;text-shadow:0 1px 8px #00000073;font-variant-numeric:tabular-nums;min-width:38px;font-size:11px}.pb-progress{cursor:pointer;touch-action:none;background:#ffffff2e;border-radius:5px;flex:1;height:6px;transition:height .15s;position:relative}.pb-progress:hover,.pb-progress.grab{height:9px}.pb-progress-fill{background:#fff;border-radius:5px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #fff9}.pb-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:50%;right:-7px;transform:translateY(-50%)scale(0);box-shadow:0 2px 7px #00000059,0 0 0 1px #0000000d}.pb-progress:hover .pb-knob,.pb-progress.grab .pb-knob{transform:translateY(-50%)scale(1)}.pb-vol{align-items:center;gap:7px;display:flex}.pb-vol-ico{cursor:pointer;color:#f7f3eae0;text-shadow:0 1px 8px #00000080;background:0 0;border:none;border-radius:7px;place-items:center;padding:3px;line-height:0;transition:color .15s,background .15s;display:grid}.pb-vol-ico:hover{color:#fff;background:#ffffff1f}.pb-vol input{opacity:0;appearance:none;cursor:pointer;background:#ffffff38;border-radius:2px;outline:none;width:0;height:4px;transition:width .3s,opacity .3s}.pb-vol:hover input,.pb-vol input:focus{opacity:1;width:76px}.pb-vol input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #0000004d}.pb-vol input::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #0000004d}.detail-panel{-webkit-backdrop-filter:blur(18px)saturate(1.5)brightness(1.12);color:#43321d;background:linear-gradient(115deg,#fff3 0%,#0000 26%),radial-gradient(120% 90% at 50% 0,#fffaeb4d,#0000 55%),radial-gradient(160% 120% at 50% 100%,#60482638,#0000 60%),linear-gradient(150deg,#eee0be8c,#d8c5986b 55%,#c4af8285);border-radius:6px;flex-direction:column;width:min(430px,38vw);padding:36px 30px 28px;font-family:Georgia,Times New Roman,Songti SC,serif;display:flex;position:absolute;top:78px;bottom:106px;right:36px;box-shadow:0 24px 60px -22px #140e068c,inset 0 0 0 1px #fffcf047,inset 0 1px #ffffff73,inset 0 -14px 34px #785c3233}.detail-panel:before,.detail-panel:after{content:"";z-index:2;background:linear-gradient(#54402c,#302316 45%,#261b10 58%,#40301e);border-radius:9px/7px;height:17px;position:absolute;left:-7px;right:-7px;box-shadow:0 3px 9px #00000080,inset 0 1px #ffdca047}.detail-panel:before{top:-5px}.detail-panel:after{bottom:-5px}.dp-title{color:#3c2c18;letter-spacing:.02em;font-size:24px;font-weight:700;line-height:1.25}.dp-artist{color:#8a6f45;letter-spacing:.08em;font-size:12.5px;font-family:var(--font-subtle);margin-top:6px;font-style:italic}.dp-desc{color:#44341a;border-top:1px solid #60462447;border-bottom:1px solid #60462447;max-height:104px;margin-top:16px;padding:10px 6px 10px 0;font-size:13px;font-style:italic;line-height:1.8;overflow-y:auto}.dp-songs{perspective:900px;flex:1;margin-top:10px;padding-right:6px;overflow-y:auto}.dp-song{text-align:left;width:100%;color:inherit;border-bottom:1px dashed #6048284d;border-radius:0;align-items:center;gap:13px;padding:8px 10px;font-family:inherit;font-size:13.5px;transition:background .15s,padding-left .18s;display:flex}.dp-song:hover{background:#7a5a2a1a;padding-left:15px}.dp-song.active{color:#33240f;background:linear-gradient(90deg,#8c322029,#0000 80%);font-weight:700;box-shadow:inset 3px 0 #8c3220}.dp-song-art{object-fit:cover;border:2px solid #241a0e;border-radius:50%;flex:none;width:30px;height:30px;box-shadow:0 1px 5px #0000004d}.dp-song-dot{background:radial-gradient(circle,#e9decb 0 26%,#1d1a16 27% 64%,#0e0d0b 65%);border-radius:50%;flex:none;width:22px;height:22px;margin:0 4px}.dp-song-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dp-song-dur{color:#8a6f45;font-variant-numeric:tabular-nums;font-size:11px}.dp-actions{gap:10px;margin-top:14px;display:flex}.dp-btn{color:#4a3a24;letter-spacing:.08em;text-align:center;background:0 0;border:1px solid #46321873;border-radius:4px;flex:1;padding:10px 0;font-family:inherit;font-size:12.5px;transition:all .2s}.dp-btn:hover{background:#7a5a2a24}.dp-btn.primary{color:#efe3c4;background:#3c2c18;border-color:#3c2c18}.dp-btn.primary:hover{background:#241a0c}.dp-btn.danger{color:#8c3220;border-color:#8c322073}.dp-btn.danger:hover{background:#8c32201f}.dp-tuck{z-index:3;cursor:pointer;writing-mode:vertical-rl;letter-spacing:.3em;color:#efe3c4;background:linear-gradient(#4c3826,#2e2115);border:none;border-radius:8px 0 0 8px;width:26px;padding:16px 0;font-family:inherit;font-size:12px;transition:left .18s,filter .18s;position:absolute;top:42%;left:-17px;box-shadow:-3px 3px 10px #0006,inset 0 1px #ffdca040}.dp-tuck:hover{filter:brightness(1.25);left:-22px}.dp-unfold{z-index:3;cursor:pointer;writing-mode:vertical-rl;letter-spacing:.34em;color:#efe3c4;background:linear-gradient(#4c3826,#2e2115);border:none;border-radius:8px 0 0 8px;width:30px;padding:22px 0;font-family:inherit;font-size:12.5px;transition:filter .18s;position:absolute;top:40%;right:0;box-shadow:-4px 4px 14px #00000073,inset 0 1px #ffdca040}.dp-unfold:hover{filter:brightness(1.25)}.dp-egg{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(1.5)brightness(1.12);background:linear-gradient(115deg,#ffffff29 0%,#0000 24%),linear-gradient(#efe4c680,#e4d5ae66);border-radius:4px;flex-direction:column;gap:14px;width:min(430px,38vw);padding:14px 14px 20px;display:flex;position:absolute;top:78px;bottom:106px;right:36px;box-shadow:0 24px 60px -22px #140e068c,inset 0 0 0 1px #fffcf042,inset 0 1px #ffffff6b}.halftone-reveal{cursor:crosshair;flex:1;min-height:0;overflow:hidden}.dp-egg-cap{flex-direction:column;gap:5px;padding:0 6px;display:flex}.dp-egg-cap .egg-en{font-family:var(--font-callig);letter-spacing:.01em;color:#3a2c17;font-size:26px;font-style:italic;font-weight:400;line-height:1}.dp-egg-cap .egg-zh{color:#7c6440;letter-spacing:.08em;font-family:Georgia,Songti SC,serif;font-size:12px}.modal-mask{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#18161261;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#faf8f2;border-radius:20px;width:min(480px,90vw);padding:30px;position:relative;box-shadow:0 30px 80px -20px #0006}.modal-title{font-size:19px;font-weight:750}.modal-sub{color:var(--ink-soft);margin-top:8px;font-size:12.5px;line-height:1.6}.modal-row{gap:10px;margin-top:18px;display:flex}.modal-row input{background:#fff;border:1px solid #1c1a1733;border-radius:12px;outline:none;flex:1;padding:11px 15px;font-size:13px;transition:border .2s}.modal-row input:focus{border-color:var(--ink)}.modal-btn{background:var(--ink);color:#fff;border-radius:12px;padding:0 20px;font-size:13px;transition:all .2s}.modal-btn:disabled{opacity:.45;cursor:default}.modal-btn:not(:disabled):hover{background:#000}.modal-error{color:#a33;margin-top:12px;font-size:12.5px}.modal-preview{background:#fff;border:1px solid #1c1a1717;border-radius:14px;gap:16px;margin-top:20px;padding:14px;display:flex}.modal-preview img{object-fit:cover;border-radius:10px;width:88px;height:88px}.mp-meta{flex-direction:column;flex:1;gap:4px;display:flex}.mp-name{font-size:14.5px;font-weight:700}.mp-artist{color:var(--ink-soft);font-size:12px}.mp-meta .modal-btn{align-self:flex-start;margin-top:auto;padding:8px 18px}.modal-close{width:30px;height:30px;color:var(--ink-soft);border-radius:50%;font-size:13px;transition:all .2s;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--ink);background:#1c1a1714}.bgp{width:min(560px,92vw);max-height:84vh;overflow-y:auto}.bp-sec{margin-top:18px}.bp-sec-title{letter-spacing:.14em;color:var(--ink-soft);margin-bottom:10px;font-size:12px}.bp-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.bp-cell{aspect-ratio:4/3;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:9px;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #0000001f}.bp-cell:hover{transform:translateY(-2px)}.bp-cell.on{border-color:var(--ink);box-shadow:0 0 0 2px #1c1a1726}.bp-none{color:var(--ink-soft);background:#f2efe8;font-size:12px}.bp-upload{color:var(--ink-soft);background:#fff;border:1px dashed #1c1a174d;font-size:12px}.toast-wrap{z-index:60;position:fixed;top:84px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#faf8f2;border-radius:999px;padding:11px 24px;font-size:13px;box-shadow:0 10px 30px -10px #0006}.boot-hint{letter-spacing:.3em;color:var(--ink-soft);font-size:14px;animation:1.6s ease-in-out infinite pulse;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.dp-songs::-webkit-scrollbar{width:4px}.dp-desc::-webkit-scrollbar{width:4px}.dp-songs::-webkit-scrollbar-thumb{background:#60482859;border-radius:2px}.dp-desc::-webkit-scrollbar-thumb{background:#60482859;border-radius:2px}@media (width<=1180px){.jelly-dock{width:88px}.ascii-dock{width:68vw}.title-block{max-width:56vw}}@media (width<=860px){.jelly-dock,.ascii-dock{display:none}.title-block{max-width:72vw;top:82px}.playerbar{left:18px;right:18px}.wall-controls{left:18px}}.glitch{color:inherit;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative}.glitch:after,.glitch:before{content:attr(data-text);color:inherit;clip-path:inset(0);pointer-events:none;background-color:#0000;position:absolute;top:0;left:0;overflow:hidden}.glitch:not(.enable-on-hover):after{text-shadow:var(--after-shadow,-3px 0 #ff3c50d9);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:3px}.glitch:not(.enable-on-hover):before{text-shadow:var(--before-shadow,3px 0 #28dcffd9);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-3px}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;text-shadow:var(--after-shadow,-3px 0 #ff3c50d9);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:3px}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;text-shadow:var(--before-shadow,3px 0 #28dcffd9);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-3px}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50%)}5%{clip-path:inset(10% 0 60%)}10%{clip-path:inset(15% 0 55%)}15%{clip-path:inset(25% 0 35%)}20%{clip-path:inset(30% 0 40%)}25%{clip-path:inset(40% 0 20%)}30%{clip-path:inset(10% 0 60%)}35%{clip-path:inset(15% 0 55%)}40%{clip-path:inset(25% 0 35%)}45%{clip-path:inset(30% 0 40%)}50%{clip-path:inset(20% 0 50%)}55%{clip-path:inset(10% 0 60%)}60%{clip-path:inset(15% 0 55%)}65%{clip-path:inset(25% 0 35%)}70%{clip-path:inset(30% 0 40%)}75%{clip-path:inset(40% 0 20%)}80%{clip-path:inset(20% 0 50%)}85%{clip-path:inset(10% 0 60%)}90%{clip-path:inset(15% 0 55%)}95%{clip-path:inset(25% 0 35%)}to{clip-path:inset(30% 0 40%)}}