.ap-page{background:radial-gradient(900px 600px at 50% -8%, color-mix(in srgb, var(--accent) 16%, var(--paper)), var(--paper) 60%);flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.ap-top{justify-content:space-between;align-items:center;width:100%;max-width:560px;padding:22px clamp(18px,4vw,26px) 6px;display:flex}.ap-top .share-chip{border-radius:var(--r-pill);background:var(--card);box-shadow:var(--sh-sm);color:var(--ink-soft);border:1px solid var(--line-soft);align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.ap-top .share-chip svg{width:14px;height:14px;color:var(--accent-2)}.player{z-index:2;width:100%;max-width:460px;margin:auto;padding:18px clamp(18px,4vw,24px) 28px;position:relative}.cover-wrap{width:min(300px,74vw);margin:8px auto 26px;position:relative}.cover{aspect-ratio:1;border-radius:var(--r-xl);--ph-tint:var(--accent-3);box-shadow:var(--sh-lg);position:relative;overflow:hidden}.cover .moon{background:radial-gradient(circle at 36% 32%, #fff6da, var(--accent) 75%, var(--accent-2));width:54px;height:54px;box-shadow:0 0 40px color-mix(in srgb, var(--accent) 70%, transparent);border-radius:50%;position:absolute;top:18px;right:18px}.cover .cap{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--accent-3) 80%, #4a3a6a);font-size:10.5px;position:absolute;bottom:16px;left:16px;right:16px}.cover-wrap .cover-badge{background:var(--card);border-radius:var(--r-pill);box-shadow:var(--sh-md);white-space:nowrap;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.cover-wrap .cover-badge svg{width:15px;height:15px;color:var(--accent-2)}.ap-title{text-align:center}.ap-title h1{font-size:clamp(26px,6vw,34px);line-height:1.06}.ap-title .sub{color:var(--ink-soft);margin-top:10px;font-size:15px}.ap-title .sub b{color:var(--accent-2);font-weight:600}.lyrics{max-width:420px;height:96px;margin:26px auto 8px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 28% 72%,#0000);mask-image:linear-gradient(#0000,#000 28% 72%,#0000)}.lyrics .ll-track{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.lyrics .ll{text-align:center;font-family:var(--font-display);color:var(--ink-faint);opacity:.5;padding:5px 0;font-size:19px;line-height:1.45;transition:color .3s,transform .3s,opacity .3s}.lyrics .ll.on{color:var(--ink);opacity:1;font-weight:600;transform:scale(1.04)}.scrub{margin-top:22px}.scrub-track{background:var(--cream);cursor:pointer;border-radius:8px;height:8px;position:relative}.scrub-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:8px;width:0%;position:absolute;top:0;bottom:0;left:0}.scrub-knob{width:18px;height:18px;box-shadow:var(--sh-md);background:#fff;border-radius:50%;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.scrub-time{font-family:var(--font-mono);color:var(--ink-soft);justify-content:space-between;margin-top:8px;font-size:12.5px;display:flex}.controls{justify-content:center;align-items:center;gap:clamp(18px,7vw,34px);margin-top:18px;display:flex}.ctl{width:52px;height:52px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:flex}.ctl:hover{background:var(--card);box-shadow:var(--sh-sm);transform:scale(1.06)}.ctl svg{width:26px;height:26px}.ctl .skip-lbl{font-size:8.5px;font-weight:700;font-family:var(--font-mono);position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.ctl-skip{position:relative}.play-big{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 86%, white), var(--accent));color:#3a2410;width:84px;height:84px;box-shadow:var(--sh-glow);border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.play-big:hover{transform:scale(1.05)}.play-big svg{width:34px;height:34px}.secondary{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.sbtn{border-radius:var(--r-pill);background:var(--card);box-shadow:var(--sh-sm);border:1px solid var(--line-soft);color:var(--ink-soft);align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.sbtn svg{width:15px;height:15px}.sbtn:hover{color:var(--ink);transform:translateY(-1px)}.sbtn.on{background:color-mix(in srgb, var(--accent) 18%, var(--card));color:#8a5316;border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.ap-foot{margin-top:auto;padding:26px}.ap-foot a{color:var(--ink-faint);align-items:center;gap:9px;font-size:13px;display:inline-flex}.ap-foot a:hover{color:var(--accent-2)}.ap-page .spark{pointer-events:none;z-index:0;position:absolute}