.pop-lyric-picker{position:relative;margin:23px -4px 0;padding:17px 13px 12px;overflow:hidden;border:1px solid #b6d8ff3d;border-radius:22px;background:radial-gradient(circle at 78% 28%,#6850a946,transparent 42%),radial-gradient(circle at 25% 80%,#2c8b8057,transparent 50%),linear-gradient(145deg,#111e2e,#1a1c33 58%,#0f2530);box-shadow:inset 0 1px 0 #ffffff32,0 18px 42px #0008}
.pop-lyric-picker::before{content:"";position:absolute;right:-55px;top:65px;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle at 29% 25%,#dcfff09e,#7be6c16b 12%,#6767a988 45%,#191939 72%,#090d27 100%);box-shadow:inset -28px -25px 28px #050c2aab,0 0 52px #8e88ff67;opacity:.43;pointer-events:none}
.pop-lyric-heading,.pop-lyric-footer{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}.pop-lyric-heading strong{font-size:16px;font-weight:630}.pop-lyric-heading button,.pop-lyric-footer button{border:0;background:transparent;color:#a7eed8;font-size:12px;cursor:pointer}.pop-lyric-picker p{position:relative;margin:10px 1px 14px;color:#b4c8d0;font-size:12px;line-height:1.55}
.pop-lyric-scroll,.lyric-reader{position:relative;display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#8bb5ae55 transparent;scroll-snap-type:y proximity;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.pop-lyric-line,.lyric-reader-line{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-height:53px;padding:10px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#d6e1e5;text-align:left;font:inherit;font-size:16px;line-height:1.45;scroll-snap-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y;transition:background .2s,border-color .2s,transform .2s,color .2s}
.pop-lyric-line small,.lyric-reader-line small{flex:none;width:39px;color:#80aaa9;font-size:11px;font-variant-numeric:tabular-nums}.pop-lyric-line span,.lyric-reader-line span{min-width:0}.pop-lyric-line.placeholder{color:#9bb0b8;font-size:14px}.pop-lyric-line:hover,.lyric-reader-line:hover{background:#ffffff0d}.pop-lyric-line.selected,.lyric-reader-line.selected{border-color:#c7ffe089;background:linear-gradient(110deg,#8ce7c232,#99a5fb23);color:#f4fff8;box-shadow:inset 0 1px 0 #ffffff36,0 9px 25px #0004;transform:scale(.995)}.pop-lyric-line.selected small,.lyric-reader-line.selected small{color:#c4f5e4}
.pop-lyric-footer{margin:13px 2px 1px;color:#e1f5ea;font-size:12px;font-variant-numeric:tabular-nums}.time-picker{margin-top:17px;border-bottom:1px solid #c0d9d322;padding-bottom:12px}.time-picker summary{color:#a3b9bc;font-size:12px;cursor:pointer}.time-picker .selection-block{margin-top:17px}.dimension-block{margin-top:23px}.dimension:disabled{opacity:.5;cursor:not-allowed}.lyric-reader{max-height:280px;margin-top:4px;padding:8px 2px;border-top:1px solid #b4e5d42a;border-bottom:1px solid #b4e5d42a}.lyric-reader[hidden],.map-list[hidden]{display:none}.lyric-reader-empty{padding:42px 20px;color:#a9bdc0;text-align:center;font-size:13px;line-height:1.6}
.home-sculpture{right:-23px;top:5px;width:210px;height:210px;filter:drop-shadow(0 24px 31px #000b)}.home-ring{left:9px;top:14px;width:180px;height:176px}.home-core{left:56px;top:52px;width:100px;height:100px;background:radial-gradient(circle at 28% 24%,#f1fff2 0,#b8fff1 8%,#6ccfc5 25%,#546bae 55%,#101640 85%,#060b20 100%);box-shadow:inset -22px -23px 26px #060b24c9,inset 8px 8px 13px #eaffff6a,0 0 21px #85ffe2a6,0 0 65px #9085de74}.home-core::after{left:17px;top:13px;width:55px;height:35px;border-top:1px solid #f4ffffa8}.home-note.note-one{right:5px;top:0;transform:translateZ(65px);font-size:25px}.home-note.note-two{left:2px;bottom:0;transform:translateZ(45px);font-size:28px}
.sound-stage{perspective:650px;--stage-pulse:.25}.depth-notes{position:absolute;z-index:3;inset:0;pointer-events:none;transform-style:preserve-3d;overflow:hidden}.depth-notes i{position:absolute;font:normal 28px Georgia,serif;color:#c8f8e4;text-shadow:0 0 4px #f0fff4,0 0 18px #79dfdb,0 4px 15px #0c1730;opacity:calc(.29 + var(--stage-pulse) * .65);filter:drop-shadow(0 9px 8px #020e27);will-change:transform;animation:depth-note-a 6.5s ease-in-out infinite alternate}.depth-notes i:nth-child(1){left:72%;top:17%;font-size:32px;animation-duration:7.2s}.depth-notes i:nth-child(2){left:50%;top:49%;font-size:21px;color:#c8bdff;animation-name:depth-note-b;animation-duration:5.5s;animation-delay:-2s}.depth-notes i:nth-child(3){left:86%;top:58%;font-size:27px;animation-name:depth-note-c;animation-duration:8s;animation-delay:-3s}.stage-glass{z-index:2}.stage-hint{z-index:4}
@keyframes depth-note-a{from{transform:translate3d(-9px,12px,80px) rotate(-17deg) scale(.85)}to{transform:translate3d(15px,-22px,115px) rotate(15deg) scale(1.2)}}@keyframes depth-note-b{from{transform:translate3d(15px,-12px,40px) rotate(20deg) scale(.8)}to{transform:translate3d(-18px,8px,85px) rotate(-14deg) scale(1.08)}}@keyframes depth-note-c{from{transform:translate3d(-17px,-18px,95px) rotate(-15deg) scale(.72)}to{transform:translate3d(6px,14px,135px) rotate(19deg) scale(1.1)}}
@media(max-width:360px){.pop-lyric-line,.lyric-reader-line{font-size:14px}.home-sculpture{right:-31px;top:21px;transform:scale(.87)}}
@media(prefers-reduced-motion:reduce){.depth-notes i{animation:none;will-change:auto}.pop-lyric-line,.lyric-reader-line{transition:none}}