:root{--ink:#183047;--blue:#a9dcf0;--yellow:#f4c83d;--cream:#fffbed;--white:#fff;--line:#1830472e}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0}body,button,input{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}button{color:inherit;cursor:pointer}.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}.experience{background:var(--cream);min-height:100svh;overflow:hidden}.loading-screen{background:linear-gradient(#dff5fb 0 56%,#fffbed 56%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen:before{content:"";opacity:.22;background:radial-gradient(circle at 50% 46%,#fff 0 8%,#0000 24%);position:absolute;inset:0}.loading-sun{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:clamp(90px,12vw,170px);animation:2s ease-in-out infinite sun-breathe;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 0 0 26px #ffffff54,0 0 70px #f4c83d5c}.loading-title{z-index:4;justify-items:center;gap:14px;margin-top:-5vh;display:grid;position:relative}.loading-title small,.loading-title span{letter-spacing:.25em;font-size:9px}.loading-title strong{letter-spacing:-.06em;font:italic 400 clamp(46px,7vw,100px)/.9 Georgia,serif}.loading-title span{color:#5794ac}.wave{z-index:2;transform-origin:50% 100%;border-radius:50% 50% 0 0/30% 30% 0 0;width:120%;height:48%;position:absolute;bottom:-19%;left:-10%}.wave:before{content:"";background:radial-gradient(at 50% 100%,#0000 49%,currentColor 50% 62%,#0000 63%) 0 0/120px 55px;width:100%;height:50px;position:absolute;top:-22px;left:0}.wave-back{color:#b4e3f2;opacity:.75;background:#b4e3f2;animation:2.7s ease-in-out infinite alternate wave-drift;bottom:-12%}.wave-mid{color:#72c2df;opacity:.8;background:#72c2df;animation:2.2s ease-in-out -.5s infinite alternate-reverse wave-drift}.wave-front{color:#fff;background:#fff;animation:1.9s ease-in-out -.8s infinite alternate wave-drift;bottom:-27%}@keyframes wave-drift{to{transform:translate(4%)scaleY(1.08)}}@keyframes sun-breathe{50%{transform:translate(-50%)scale(1.04)}}.intro-screen{background:radial-gradient(circle at 82% 18%,#f4c83df2 0 8%,#0000 8.2%),linear-gradient(120deg,#fffdf5 0 58%,#d8f1f8 58%);place-items:center;min-height:100svh;display:grid;position:relative}.intro-screen:after{content:"";pointer-events:none;opacity:.22;background:repeating-linear-gradient(90deg,#0000 0 79px,#18304726 80px);position:absolute;inset:0}.intro-index,.intro-foot{z-index:2;letter-spacing:.23em;color:#5d8193;margin:0;font-size:9px;position:absolute}.intro-index{top:34px;left:38px}.intro-foot{bottom:30px;right:38px}.intro-copy{z-index:3;width:min(620px,100% - 48px);position:relative}.intro-copy>span{color:#4e8da7;margin-bottom:18px;font:italic 400 20px Georgia,serif;display:block}.intro-copy h1{letter-spacing:-.075em;margin:0;font:400 clamp(64px,9.4vw,138px)/.78 Georgia,serif}.intro-copy h1 em{color:#e8b715;font-weight:400}.intro-copy p{color:#557082;margin:36px 0 30px;font-size:12px;line-height:2}.intro-copy button{border:1px solid var(--ink);letter-spacing:.15em;background:#ffffff8c;border-radius:999px;justify-content:space-between;align-items:center;width:190px;padding:7px 7px 7px 22px;font-size:10px;transition:all .3s;display:flex}.intro-copy button i{background:var(--yellow);border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-style:normal;display:grid}.intro-copy button:hover{background:#fff;width:212px}.beach-screen{background:#bfe7f4;min-height:100svh;position:relative;overflow:hidden}.beach-photo,.beach-shade{width:100%;height:100%;position:absolute;inset:0}.beach-photo{object-fit:cover}.beach-shade{pointer-events:none;background:linear-gradient(90deg,#0e2f414d,#0000 46%),linear-gradient(#0000 68%,#102e3e3d)}.scene-header{z-index:3;color:#fff;text-shadow:0 2px 18px #001f3059;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 32px;display:grid;position:absolute;top:0;left:0;right:0}.scene-header b{font:italic 400 28px Georgia,serif}.scene-header span{letter-spacing:.22em;font-size:9px}.scene-header button{color:#fff;letter-spacing:.12em;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fff3;border:1px solid #ffffffbf;border-radius:999px;justify-self:end;padding:11px 15px;font-size:9px}.scene-copy{z-index:2;color:#fff;text-shadow:0 3px 28px #002b3e57;position:absolute;top:23%;left:5vw}.scene-copy small{letter-spacing:.24em;font-size:9px}.scene-copy h2{letter-spacing:-.055em;margin:16px 0 0;font:400 clamp(40px,5vw,76px)/.98 Georgia,serif}.cassette-hotspot{z-index:4;background:0 0;border:0;width:150px;height:110px;position:absolute;top:79%;left:64.2%;transform:translate(-50%,-50%)}.hotspot-ring{aspect-ratio:1;border:1px solid #fff;border-radius:50%;width:65px;animation:1.8s ease-out infinite hotspot;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #ffffff2e}.hotspot-label{min-width:95px;color:var(--ink);text-align:left;letter-spacing:.14em;background:#ffffffe6;border-radius:8px;padding:9px 12px;font-size:7px;transition:all .2s;display:block;position:absolute;top:38%;left:78%;box-shadow:0 10px 30px #0f304133}.hotspot-label b{margin-top:4px;font-size:10px;display:block}.cassette-hotspot:hover .hotspot-ring{background:#f4c83d75}.cassette-hotspot:hover .hotspot-label{background:var(--yellow);transform:translateY(-3px)}@keyframes hotspot{0%{box-shadow:0 0 #ffffff9e}to{box-shadow:0 0 0 24px #fff0}}.scene-hint{z-index:3;color:#fff;letter-spacing:.16em;text-shadow:0 2px 15px #0006;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;bottom:27px;left:32px}.scene-hint i{background:var(--yellow);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #f4c83d38}.tape-room{background:radial-gradient(circle at 82% 12%,var(--yellow) 0 7%,transparent 7.2%),linear-gradient(135deg,#eefafd,#fffbed 58%);min-height:100svh;padding:84px 5vw 100px;position:relative}.tape-room:before{content:"";pointer-events:none;opacity:.16;background:repeating-linear-gradient(0deg,#0000 0 47px,#1830472e 48px);position:fixed;inset:0}.tape-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbedcc;grid-template-columns:1fr auto 1fr;align-items:center;height:68px;padding:0 28px;display:grid;position:fixed;top:0;left:0;right:0}.tape-header span{color:#5d7b8b;letter-spacing:.18em;font-size:8px}.tape-header button{border:1px solid var(--line);letter-spacing:.1em;background:#fff;border-radius:999px;width:max-content;padding:9px 13px;font-size:9px}.tape-header button:last-child{color:#4e879f;justify-self:end}.tape-stage{z-index:2;grid-template-columns:90px minmax(300px,820px) 90px;justify-content:center;align-items:center;gap:3vw;min-height:62vh;display:grid;position:relative}.cassette-player{aspect-ratio:1.72;background:linear-gradient(155deg,#ffe86f,#f2c83a 64%,#d9a915);border:2px solid #d4aa22;border-radius:clamp(22px,3vw,45px);width:100%;padding:4% 5% 3%;transition:opacity .28s,transform .28s;position:relative;box-shadow:inset 0 0 0 9px #ffffff5c,inset 0 -18px 34px #895c001c,0 34px 80px #2f495933}.cassette-player:before,.cassette-player:after{content:"";background:#aa8214;border-radius:50%;width:8px;height:8px;position:absolute;top:7%;box-shadow:0 0 0 3px #ffffff42}.cassette-player:before{left:4%}.cassette-player:after{right:4%}.cassette-player.switch-right{opacity:0;transform:translate(-80px)rotate(-5deg)scale(.94)}.cassette-player.switch-left{opacity:0;transform:translate(80px)rotate(5deg)scale(.94)}.cassette-label{letter-spacing:.15em;justify-content:space-between;align-items:center;height:11%;padding:0 3%;font-size:8px;display:flex}.cassette-label b{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;max-width:60%;font:italic 400 clamp(15px,2vw,27px) Georgia,serif;overflow:hidden}.photo-window{background:#1a2e3e;border:clamp(7px,1.2vw,16px) solid #fff9d2;border-radius:15px;height:63%;overflow:hidden;box-shadow:inset 0 0 0 1px #18304761,0 10px 20px #5c430829}.photo-window img{object-fit:cover;width:100%;height:100%;display:block}.reel-row{color:#65808b;text-align:center;letter-spacing:.15em;background:#fff9df;border-radius:0 0 24px 24px;grid-template-columns:46px 1fr 46px;align-items:center;gap:15px;height:17%;margin:0 9%;padding:0 4%;font-size:7px;display:grid}.reel-row i{aspect-ratio:1;background:var(--cream);border:8px dotted #65808b;border-radius:50%;animation:8s linear infinite reel}.reel-row span{border-bottom:2px solid #e2bd3e;padding-bottom:6px}.tape-bottom{justify-content:space-between;display:flex;position:absolute;bottom:3%;left:36%;right:36%}.tape-bottom i{background:#8a742e;border-radius:50%;width:7px;height:7px}@keyframes reel{to{transform:rotate(360deg)}}.switch-button{color:#517389;letter-spacing:.12em;background:0 0;border:0;justify-items:center;gap:9px;font-size:8px;display:grid}.switch-button i{background:#fff;border:1px solid #8ab8c8;border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;font-style:normal;transition:all .25s;display:grid}.switch-button:hover i{background:var(--blue);transform:scale(1.08)}.switch-button:disabled{opacity:.25;cursor:default}.tape-info{z-index:2;border-top:1px solid var(--line);grid-template-columns:1.2fr 1fr auto;align-items:end;gap:24px;width:min(820px,100%);margin:8px auto 0;padding-top:22px;display:grid;position:relative}.tape-info small{color:#5893aa;letter-spacing:.18em;font-size:8px}.tape-info h1,.tape-info input{margin:6px 0 0;font:italic 400 clamp(28px,3vw,42px) Georgia,serif}.tape-info input{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #86b8c8;outline:none;padding:0}.tape-info p{color:#698293;margin:0;font-size:9px;line-height:1.7}.tape-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.tape-actions button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 11px;font-size:8px}.tape-actions .danger{color:#9d4a36;background:#fff0e9;border-color:#c98066}.tape-shelf{z-index:2;gap:7px;width:min(940px,100%);margin:34px auto 0;padding-bottom:8px;display:flex;position:relative;overflow-x:auto}.tape-shelf button{border:1px solid var(--line);text-align:left;background:#ffffff8c;border-radius:10px;flex:0 0 145px;gap:5px;padding:11px 13px;display:grid}.tape-shelf button.active{background:#ffea77;border-color:#d0a216}.tape-shelf span{color:#6b8796;font-size:7px}.tape-shelf b{white-space:nowrap;text-overflow:ellipsis;font:400 14px Georgia,serif;overflow:hidden}.drop-zone{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbedf2;border:2px dashed #d3a813;border-radius:30px;place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:16px}.drop-zone span{background:var(--yellow);border-radius:50%;place-items:center;width:68px;height:68px;font-size:42px;display:grid}.drop-zone strong{font:400 clamp(28px,4vw,52px) Georgia,serif}.drop-zone small{color:#6a8390;letter-spacing:.15em;font-size:9px}.toast{z-index:120;letter-spacing:.08em;background:#fff;border:1px solid #bad5df;border-radius:999px;padding:12px 17px;font-size:9px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #1d3f5233}@media (max-width:760px){.loading-title{margin-top:-12vh}.wave{width:150%;left:-25%}.intro-screen{background:radial-gradient(circle at 78% 14%,#f4c83df2 0 7%,#0000 7.2%),linear-gradient(150deg,#fffdf5 0 67%,#d8f1f8 67%);place-items:end start;padding:0 22px 14vh}.intro-index{top:22px;left:22px}.intro-foot{bottom:20px;right:22px}.intro-copy{width:100%}.intro-copy h1{font-size:clamp(64px,20vw,92px)}.intro-copy p{margin:27px 0 24px}.beach-photo{object-position:69% center}.scene-header{grid-template-columns:1fr auto;padding:19px}.scene-header span{display:none}.scene-header b{font-size:23px}.scene-copy{top:17%;left:20px}.scene-copy h2{font-size:42px}.cassette-hotspot{width:120px;top:82%;left:54%}.hotspot-label{top:20%;left:64%}.scene-hint{max-width:45%;line-height:1.6;bottom:18px;left:20px}.tape-room{padding:82px 17px 85px;overflow:auto}.tape-header{grid-template-columns:1fr 1fr;height:62px;padding:0 12px}.tape-header span{display:none}.tape-header button:last-child{font-size:0}.tape-header button:last-child:after{content:"♪ 音乐";font-size:9px}.tape-stage{grid-template-columns:42px minmax(230px,1fr) 42px;gap:4px;min-height:45vh}.switch-button i{width:36px;height:36px;font-size:18px}.switch-button span{display:none}.cassette-player{border-radius:20px;box-shadow:inset 0 0 0 5px #ffffff57,0 20px 45px #2f49592e}.cassette-label b{font-size:14px}.reel-row{grid-template-columns:28px 1fr 28px;gap:5px;margin:0 5%}.reel-row i{border-width:5px}.reel-row span{font-size:5px}.tape-info{grid-template-columns:1fr;gap:13px;margin-top:6px}.tape-info h1,.tape-info input{font-size:31px}.tape-actions{justify-content:flex-start}.tape-shelf{margin-top:24px}.tape-shelf button{flex-basis:125px}}.mobile-photo{display:none}@media (max-width:760px){.desktop-photo{display:none}.mobile-photo{object-position:center;display:block}.cassette-hotspot{top:81%;left:39%}.tape-header button:last-child:after{content:"♪ 音效"}}.photo-window{cursor:zoom-in;width:100%;padding:0;position:relative}.photo-window img{object-fit:contain;background:#172d3d}.original-hint{color:var(--ink);letter-spacing:.1em;background:#ffffffe6;border-radius:999px;padding:8px 11px;font-size:8px;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 24px #00192838}.original-viewer{z-index:80;color:#fff;background:#09161ff7;grid-template-rows:1fr auto;place-items:center;padding:62px 28px 24px;display:grid;position:fixed;inset:0}.original-viewer img{object-fit:contain;min-width:0;max-width:100%;min-height:0;max-height:calc(100svh - 112px)}.original-viewer>button{z-index:2;color:#fff;background:#ffffff1a;border:1px solid #ffffff73;border-radius:999px;padding:10px 14px;font-size:9px;position:absolute;top:18px;right:20px}.original-viewer p{color:#bdd3dc;letter-spacing:.14em;margin:10px 0 0;font-size:8px}@media (min-width:761px){.tape-room{padding:68px 2vw 74px}.tape-stage{grid-template-columns:70px minmax(480px,1180px) 70px;gap:1.5vw;min-height:calc(100svh - 68px)}.cassette-player{aspect-ratio:auto;grid-template-rows:50px minmax(0,1fr) 82px 12px;height:calc(100svh - 112px);max-height:820px;padding:18px 28px 14px;display:grid}.cassette-label,.photo-window,.reel-row{height:auto}.tape-info{margin-top:30px}}@media (max-width:760px){.tape-stage{min-height:64svh}.cassette-player{aspect-ratio:auto;grid-template-rows:34px minmax(0,1fr) 56px 8px;height:58svh;max-height:530px;padding:10px 10px 8px;display:grid}.cassette-label,.photo-window,.reel-row{height:auto}.photo-window{border-width:7px}.original-hint{padding:6px 8px;font-size:7px;bottom:7px;right:7px}.original-viewer{padding:54px 10px 16px}.original-viewer img{max-height:calc(100svh - 86px)}}.beach-photo,.beach-shade,.scene-header,.cassette-hotspot,.scene-hint{transition:opacity 1.1s,filter 1.1s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.beach-screen.scene-pulling{cursor:crosshair;touch-action:none;background:#9bd5e8}.scene-pulling .beach-photo{opacity:.24;filter:blur(22px)saturate(.55);transform:scale(1.08)}.scene-pulling .beach-shade{background:linear-gradient(#569bb5b8,#7ebfd5c2)}.scene-pulling .scene-header,.scene-pulling .cassette-hotspot,.scene-pulling .scene-hint{opacity:0;pointer-events:none;transform:translateY(12px)}.scene-ready .beach-photo{opacity:1;filter:none;transform:none}.scene-copy small{animation:.9s both copy-float;display:block}.pull-letter{opacity:0;will-change:transform,opacity;display:inline-block}.pull-letter.revealed{animation:.78s cubic-bezier(.16,.8,.24,1) both pull-letter-home}.pull-instruction{color:#fff;letter-spacing:.12em;text-shadow:0 2px 15px #002a3c59;align-items:center;gap:9px;margin:25px 0 0;font-size:8px;animation:.8s .35s both copy-float;display:flex}.pull-instruction i{background:var(--yellow);border-radius:50%;width:9px;height:9px;animation:1.5s infinite pull-pulse;box-shadow:0 0 #f4c83d99}.pull-instruction span{color:#ffffffbf;display:none}@keyframes pull-letter-home{0%{opacity:0;transform:translate(var(--pull-x),var(--pull-y)) rotate(var(--pull-turn)) scale(.18);filter:blur(7px)}65%{opacity:1;filter:blur()}to{opacity:1;filter:none;transform:translate(0)rotate(0)scale(1)}}@keyframes copy-float{0%{opacity:0;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes pull-pulse{to{box-shadow:0 0 0 14px #f4c83d00}}@media (max-width:760px){.pull-instruction>span{display:inline}.scene-copy h2{min-height:96px}.scene-pulling .beach-photo{filter:blur(16px)saturate(.6)}}.album-hotspot{z-index:4;width:calc(92px + var(--album-depth)*3px);background:0 0;border:0;height:70px;padding:0;transition:width .5s,transform .45s,opacity 1.1s;position:absolute;top:78%;left:16%;transform:translate(-50%,-50%)rotate(-5deg)}.album-hotspot:hover{transform:translate(-50%,-55%)rotate(-1deg)}.album-pages{box-shadow:calc(var(--album-depth)*.9px) calc(var(--album-depth)*.7px) 0 #ffffffbf,calc(var(--album-depth)*1.25px) calc(var(--album-depth)*1px) 0 #4a7e9133;background:repeating-linear-gradient(0deg,#fff 0 2px,#d9edf3 2px 3px);border-radius:5px;position:absolute;inset:8px -3px -7px 7px}.album-pages i{display:none}.album-cover{color:var(--ink);background:linear-gradient(145deg,#fff6bd,#f2c83a);border:1px solid #70530940;border-radius:7px;justify-content:space-between;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0;box-shadow:0 12px 25px #38371d33}.album-cover:before{content:"";background:#1830472e;width:2px;position:absolute;top:10px;bottom:10px;left:11px}.album-cover small{letter-spacing:.16em;font-size:7px}.album-cover b{font:italic 400 22px Georgia,serif}.scene-pulling .album-hotspot{opacity:0;pointer-events:none;transform:translate(-50%,-35%)rotate(-5deg)}.album-room{touch-action:none;color:var(--ink);background:radial-gradient(circle at 82% 15%,#f4c83de6 0 6%,#0000 6.2%),linear-gradient(145deg,#f4fbfd,#fffbed 62%);position:fixed;inset:0;overflow:hidden}.album-room:before{content:"";opacity:.15;background:repeating-linear-gradient(90deg,#0000 0 99px,#18304729 100px);position:absolute;inset:0}.album-header{z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 30px;display:grid;position:absolute;top:0;left:0;right:0}.album-header b{font:italic 400 26px Georgia,serif}.album-header span{letter-spacing:.2em;color:#688594;font-size:8px}.album-header button{border:1px solid var(--line);background:#ffffffb8;border-radius:50%;justify-self:end;width:40px;height:40px;font-size:20px}.wheel-gallery{perspective:1200px;position:absolute;inset:70px 0 96px}.album-card{--wheel-offset:0;--wheel-distance:0;width:min(58vw,760px);height:min(67vh,690px);opacity:calc(1 - var(--wheel-distance)*.32);z-index:calc(20 - var(--wheel-distance));transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*38vw)) translateY(calc(var(--wheel-distance)*7vh)) rotate(calc(var(--wheel-offset)*7deg)) scale(calc(1 - var(--wheel-distance)*.16));filter:blur(calc(var(--wheel-distance)*1.5px));pointer-events:auto;background:#edf4f5;border:0;border-radius:18px;padding:0;transition:transform .72s cubic-bezier(.18,.82,.2,1),opacity .55s,filter .55s;position:absolute;top:48%;left:50%;overflow:hidden;box-shadow:0 24px 70px #1d3c4c29}.album-card:not(.active){cursor:pointer}.album-card img{object-fit:contain;background:#173044;width:100%;height:100%;display:block}.album-card>span{letter-spacing:.12em;background:#ffffffdb;border-radius:999px;padding:7px 9px;font-size:8px;position:absolute;top:14px;left:14px}.album-card.active{box-shadow:0 32px 90px #1d3c4c3d}.album-current{z-index:25;white-space:nowrap;align-items:baseline;gap:13px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.album-current span{color:#6b8997;font-size:8px}.album-current h1{text-overflow:ellipsis;max-width:46vw;margin:0;font:italic 400 clamp(22px,3vw,38px) Georgia,serif;overflow:hidden}.album-current i{color:#e3b419;font-size:25px;font-style:normal;animation:1.8s ease-in-out infinite album-breathe}.album-add{z-index:30;border:1px solid var(--line);background:#fff;border-radius:50%;width:42px;height:42px;font-size:22px;position:absolute;bottom:27px;left:28px}.album-wave-hint{z-index:25;align-items:center;gap:5px;display:flex;position:absolute;bottom:42px;right:30px}.album-wave-hint i{background:#8ab7c8;border-radius:3px;width:3px;height:10px}.album-wave-hint i:nth-child(2),.album-wave-hint i:nth-child(4){height:20px}.album-wave-hint i:nth-child(3){background:var(--yellow);height:30px}@keyframes album-breathe{50%{transform:translateY(-4px)}}@media (max-width:760px){.album-hotspot{width:calc(76px + var(--album-depth)*2px);height:58px;top:78%;left:78%}.album-cover{padding:9px}.album-cover b{font-size:17px}.album-room{background:radial-gradient(circle at 80% 11%,#f4c83de6 0 5%,#0000 5.2%),linear-gradient(155deg,#effafd,#fffbed 68%)}.album-header{height:58px;padding:0 16px}.album-header b{font-size:22px}.wheel-gallery{inset:58px 0 88px}.album-card{width:82vw;height:65svh;max-height:590px;transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*72vw)) translateY(calc(var(--wheel-distance)*5vh)) rotate(calc(var(--wheel-offset)*6deg)) scale(calc(1 - var(--wheel-distance)*.12));top:47%}.album-current{bottom:23px}.album-current h1{max-width:58vw;font-size:23px}.album-add{bottom:19px;left:16px}.album-wave-hint{bottom:32px;right:17px}}.music-room{color:var(--ink);background:radial-gradient(circle at 16% 18%,#a9dcf0b8 0 11%,#0000 11.2%),radial-gradient(circle at 85% 15%,#f4c83deb 0 7%,#0000 7.2%),linear-gradient(145deg,#fffdf4,#edf9fc);padding:88px 6vw 90px;position:fixed;inset:0;overflow:auto}.music-room:before{content:"";pointer-events:none;opacity:.15;background:repeating-linear-gradient(0deg,#0000 0 59px,#18304729 60px);position:fixed;inset:0}.music-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbedd1;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 28px;display:grid;position:fixed;top:0;left:0;right:0}.music-header span{color:#628495;letter-spacing:.2em;font-size:8px}.music-header button{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px}.music-header button:last-child{justify-self:end;font-size:18px}.music-deck{z-index:2;place-items:center;width:min(940px,100%);margin:4vh auto 0;display:grid;position:relative}.music-cassette{aspect-ratio:1.78;background:linear-gradient(155deg,#ffe66b,#f0c229 65%,#d8a613);border:2px solid #d3a413;border-radius:clamp(28px,4vw,60px);width:100%;padding:6% 7% 5%;position:relative;box-shadow:inset 0 0 0 12px #ffffff57,inset 0 -24px 35px #6d4a0021,0 35px 90px #1f445638}.music-cassette:before,.music-cassette:after{content:"";background:#9a781b;border-radius:50%;width:9px;height:9px;position:absolute;top:8%;box-shadow:0 0 0 3px #ffffff4d}.music-cassette:before{left:5%}.music-cassette:after{right:5%}.music-label{text-align:center;background:#fff9dc;border-radius:16px 16px 5px 5px;height:44%;padding:4% 6%}.music-label small,.music-label span{letter-spacing:.18em;color:#658392;font-size:8px}.music-label h1{text-overflow:ellipsis;white-space:nowrap;max-width:80%;margin:5% auto 4%;font:italic 400 clamp(30px,5vw,62px)/.9 Georgia,serif;overflow:hidden}.music-reels{background:#fffef5;border-radius:0 0 30px 30px;grid-template-columns:clamp(52px,8vw,92px) 1fr clamp(52px,8vw,92px);align-items:center;gap:4%;height:32%;margin:0 9%;padding:0 5%;display:grid}.music-reels>i{aspect-ratio:1;background:#dff2f7;border:11px dotted #668697;border-radius:50%}.music-room.is-playing .music-reels>i{animation:2.8s linear infinite reel}.music-reels>div{background:#f8e498;border:1px solid #c9a129;border-radius:999px;height:16px;padding:4px}.music-reels>div span{border-radius:inherit;background:#5ca8c2;max-width:100%;height:100%;transition:width .25s linear;display:block}.music-tape-base{justify-content:space-between;display:flex;position:absolute;bottom:5%;left:35%;right:35%}.music-tape-base i{background:#887224;border-radius:50%;width:9px;height:9px}.music-play{z-index:3;border:8px solid var(--cream);background:var(--ink);color:#fff;border-radius:50%;width:76px;height:76px;font-size:24px;transition:all .25s;position:absolute;bottom:-35px;box-shadow:0 14px 35px #18304740}.music-play:hover{transform:scale(1.07)}.music-room.is-playing .music-play{background:#55a9c6}.music-controls{z-index:3;grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:min(760px,100%);margin:72px auto 0;display:grid;position:relative}.music-controls label{border:1px solid var(--line);background:#ffffffc7;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:14px;height:48px;padding:0 18px;display:grid}.music-controls label span{letter-spacing:.16em;font-size:8px}.music-controls input{accent-color:#e0b31e;width:100%}.music-controls button{border:1px solid var(--line);background:#fff;border-radius:999px;height:48px;padding:0 19px;font-size:9px}.music-controls button:first-of-type{width:48px;padding:0;font-size:21px}.music-controls button.active{background:#ffeb85;border-color:#d5aa16}.music-credit{z-index:2;color:#698391;letter-spacing:.08em;justify-content:space-between;gap:20px;width:min(760px,100%);margin:30px auto 0;font-size:8px;display:flex;position:relative}.music-credit p{margin:0}.music-credit a{color:#397f99}.music-credit a:hover{text-decoration:none}@media (max-width:760px){.music-room{padding:70px 14px}.music-header{height:58px;padding:0 13px}.music-header span{font-size:7px}.music-deck{margin-top:10vh}.music-cassette{aspect-ratio:1.25;border-radius:28px;padding:13% 7% 8%;box-shadow:inset 0 0 0 7px #ffffff57,0 24px 55px #1f445633}.music-label{height:44%}.music-label h1{max-width:90%;margin:9% auto 6%;font-size:31px}.music-reels{grid-template-columns:54px 1fr 54px;gap:5px;height:31%;margin:0 4%;padding:0 4%}.music-reels>i{border-width:7px}.music-play{width:64px;height:64px;bottom:-28px}.music-controls{grid-template-columns:1fr auto;margin-top:62px}.music-controls button:last-child{grid-column:1/-1}.music-credit{gap:8px;margin-top:22px;line-height:1.6;display:grid}}.album-room{color:#f7fbfc;background:radial-gradient(circle at 82% 12%,#f4c83d1f 0 6%,#0000 6.2%),#0c1922}.album-room:before{opacity:.08;background:repeating-linear-gradient(90deg,#0000 0 119px,#bddde933 120px)}.album-header{opacity:.42;transition:opacity .3s}.album-header:hover{opacity:.9}.album-header span{color:#b4cbd4}.album-header button,.album-add{color:#fff;background:#ffffff12;border-color:#ffffff38}.album-card{width:max-content;max-width:76vw;height:max-content;max-height:78vh;box-shadow:none;opacity:calc(1 - var(--wheel-distance)*.48);filter:brightness(calc(1 - var(--wheel-distance)*.35)) saturate(calc(1 - var(--wheel-distance)*.3)) blur(calc(var(--wheel-distance)*.8px));transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*78vw)) scale(calc(1 - var(--wheel-distance)*.08));background:0 0;border-radius:0;transition:transform .68s cubic-bezier(.18,.82,.2,1),opacity .5s,filter .5s;top:49%;overflow:visible}.album-card img{object-fit:contain;background:0 0;width:auto;max-width:76vw;height:auto;max-height:78vh;box-shadow:0 30px 90px #00000075}.album-room.is-scrolling .album-card{transition:transform .12s linear,opacity .12s linear,filter .12s linear}.album-card.active{filter:none;box-shadow:none}.album-card>span{opacity:.34;color:#fff;background:#08141cb8}.album-card em{z-index:3;color:#fff;letter-spacing:.22em;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07111847;border:1px solid #ffffffad;border-radius:50%;place-items:center;width:78px;height:78px;font-size:9px;font-style:normal;transition:opacity .28s,transform .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)scale(.82)}.album-card:hover em{opacity:1;transform:translate(-50%,-50%)scale(1)}.album-card:hover img{filter:brightness(.72);transition:filter .35s}.album-current{opacity:.38;transition:opacity .3s;bottom:18px}.album-current:hover{opacity:.82}.album-current h1{font-size:clamp(18px,2.2vw,30px)}.album-current i,.album-wave-hint{opacity:.48}.album-add{opacity:.42;transition:opacity .3s,background .3s}.album-add:hover{opacity:1;background:#ffffff24}.album-original{z-index:90;background:#03090df7;place-items:center;padding:42px;display:grid;position:fixed;inset:0}.album-original img{object-fit:contain;min-width:0;max-width:100%;min-height:0;max-height:calc(100svh - 70px)}.album-original>button{color:#fff;background:#ffffff0f;border:1px solid #ffffff57;border-radius:50%;width:42px;height:42px;font-size:20px;position:absolute;top:20px;right:22px}.album-original>span{color:#a9c0ca;letter-spacing:.18em;font-size:8px;position:absolute;bottom:20px;left:24px}@media (max-width:760px){.wheel-gallery{inset:48px 0 76px}.album-card{max-width:86vw;max-height:72svh;transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*92vw)) scale(calc(1 - var(--wheel-distance)*.06));top:48%}.album-card img{max-width:86vw;max-height:72svh}.album-card em{width:64px;height:64px}.album-current{bottom:17px}.album-current h1{font-size:18px}.album-original{padding:52px 8px 18px}.album-original img{max-height:calc(100svh - 76px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.album-card{max-width:58vw;opacity:calc(1 - var(--wheel-distance)*.4);filter:brightness(calc(1 - var(--wheel-distance)*.3)) saturate(calc(1 - var(--wheel-distance)*.25)) blur(calc(var(--wheel-distance)*.7px));transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*66vw)) scale(var(--wheel-scale))}.album-card img{max-width:58vw}@media (max-width:760px){.album-card{max-width:86vw;transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*92vw)) scale(var(--wheel-scale))}.album-card img{max-width:86vw}}.album-manage-trigger{z-index:32;color:#ffffff7a;letter-spacing:.12em;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;height:28px;padding:0 10px;font-size:7px;transition:all .25s;position:absolute;bottom:24px;right:22px}.album-manage-trigger i{color:#e3b419;margin-left:5px;font-style:normal}.album-manage-trigger:hover{color:#fff;background:#ffffff1a;border-color:#ffffff6b}.album-manager{z-index:85;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#050f15f0;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;width:min(430px,100vw - 32px);padding:24px;animation:.42s cubic-bezier(.16,.84,.22,1) both manager-in;display:flex;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:-30px 0 90px #0000007a}.album-manager>header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.album-manager header small{color:#7fa3b2;letter-spacing:.18em;font-size:7px}.album-manager header h2{margin:5px 0 0;font:italic 400 25px Georgia,serif}.album-manager header button{color:#fff;background:0 0;border:1px solid #ffffff2e;border-radius:50%;width:34px;height:34px;font-size:18px}.manager-actions{grid-template-columns:1fr auto auto;gap:7px;padding:15px 0;display:grid}.manager-actions button,.manager-empty button{color:#fff;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:999px;height:34px;padding:0 12px;font-size:8px}.manager-actions button:first-child{color:#ffe77b;border-color:#e3b41980}.manager-actions .manager-delete{color:#ffb5a9}.manager-actions .manager-delete:disabled{opacity:.25;cursor:default}.manager-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:9px;min-height:0;padding:2px 2px 12px;display:grid;overflow:auto}.manager-grid button{aspect-ratio:1;background:#0c1c25;border:1px solid #0000;border-radius:7px;padding:0;position:relative;overflow:hidden}.manager-grid img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:all .2s;display:block}.manager-grid button:hover img{opacity:1}.manager-grid button.selected{border-color:#f4c83d;box-shadow:0 0 0 2px #f4c83d2e}.manager-grid button.selected img{opacity:.48}.manager-grid span{color:#fff;font-size:7px;position:absolute;top:7px;left:7px}.manager-grid i{color:#ffe35e;background:#050f1580;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid;position:absolute;top:7px;right:7px}.manager-empty{color:#91aab4;flex:1;place-content:center;justify-items:center;gap:10px;display:grid}.manager-empty span{opacity:.3;font:italic 400 48px Georgia,serif}.manager-empty p{margin:0;font-size:10px}.manager-empty button{margin-top:4px}@keyframes manager-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.manager-login{flex-direction:column;flex:1;justify-content:center;gap:12px;width:100%;max-width:300px;margin:0 auto;display:flex}.manager-login span{color:#e3b419;letter-spacing:.2em;font-size:7px}.manager-login h3{margin:0;font:italic 400 30px Georgia,serif}.manager-login p{color:#8ba3ad;margin:0 0 8px;font-size:10px;line-height:1.7}.manager-login input{color:#fff;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:999px;outline:0;height:42px;padding:0 15px;font-size:11px}.manager-login input:focus{border-color:#e3b419b3}.manager-login button{color:#07151d;letter-spacing:.08em;background:#e3b419;border:1px solid #e3b41980;border-radius:999px;height:40px;font-size:9px}.manager-login button:disabled{opacity:.5}@media (max-width:760px){.album-manage-trigger{bottom:18px;right:14px}.album-manager{border-radius:15px;width:calc(100vw - 16px);padding:18px;top:8px;bottom:8px;right:8px}.manager-actions{grid-template-columns:1fr auto}.manager-actions .manager-delete{grid-column:1/-1}.manager-grid{grid-template-columns:repeat(3,1fr);gap:7px}.manager-login{max-width:280px}}.wheel-gallery{inset:44px 0 8px}.album-card{max-width:min(55vw,900px);max-height:86vh;opacity:calc(1 - var(--wheel-distance)*.58);filter:brightness(calc(1 - var(--wheel-distance)*.48)) saturate(calc(1 - var(--wheel-distance)*.42)) blur(calc(var(--wheel-distance)*1.1px));transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*44vw)) translateY(calc(var(--wheel-arc)*9vh)) rotate(calc(var(--wheel-offset)*2.5deg)) scale(var(--wheel-scale));top:43%}.album-card img{max-width:min(55vw,900px);max-height:86vh}.album-card.active img{box-shadow:0 38px 110px #00000094}.album-add{bottom:22px}@media (max-width:760px){.wheel-gallery{inset:42px 0 8px}.album-card{max-width:84vw;max-height:80svh;transform:translate(-50%,-50%) translateX(calc(var(--wheel-offset)*64vw)) translateY(calc(var(--wheel-arc)*8svh)) rotate(calc(var(--wheel-offset)*2deg)) scale(var(--wheel-scale));top:43%}.album-card img{max-width:84vw;max-height:80svh}.album-add{bottom:16px}}