.hero{min-height:max(100svh,680px);padding:clamp(112px, 15vh, 150px) var(--gutter) 0;isolation:isolate;text-align:center;position:relative;overflow:hidden}.scene{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-copy{flex-direction:column;align-items:center;max-width:980px;margin:0 auto;display:flex;position:relative}.pill-badge{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);color:var(--text-muted);transition:border-color var(--fast), color var(--fast);border-radius:999px;align-items:center;gap:10px;padding:7px 12px 7px 10px;font-size:13px;text-decoration:none;display:inline-flex}.pill-badge:hover{border-color:var(--line-strong);color:var(--text)}.pill-badge .ic{width:14px;height:14px}.live-dot{background:var(--success);width:8px;height:8px;animation:ping 2s var(--ease-out) infinite;border-radius:50%;box-shadow:0 0 #3dd68c99}@keyframes ping{0%{box-shadow:0 0 #3dd68c8c}80%,to{box-shadow:0 0 0 9px #3dd68c00}}.display{font:800 clamp(54px, 8.6vw, 128px)/.92 var(--f-display);letter-spacing:-.055em;margin:24px 0 22px}.display .line{vertical-align:top;padding:0 .04em .08em;display:inline-block;overflow:hidden}.display .line>span{transition:transform 1.1s var(--ease-out);display:inline-block;transform:translateY(105%)}.display .line:nth-child(2)>span{transition-delay:.12s}.display.in .line>span{transform:none}.display.reveal{filter:none;opacity:1;transform:none}.lede{color:var(--text-muted);text-wrap:balance;max-width:34em;margin:0 0 30px;font-size:clamp(16px,1.45vw,19px);line-height:1.6}.lede b{color:var(--text);font-weight:600}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.disc-hit{border-radius:50%;width:120px;height:120px;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.disc-hit[data-tip]:after{top:calc(100% + 12px);bottom:auto}.now-pill{white-space:nowrap;color:var(--text-muted);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);animation:pill-in 1s var(--ease-out) .7s both;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 14px;font-size:12px;display:inline-flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,16px)}}.now-pill .sep{color:var(--text-subtle)}.now-pill kbd{height:20px;font-size:11px}.now-pill .dot{background:var(--text-subtle);width:6px;height:6px;transition:background-color var(--base);border-radius:50%}body.playing .now-pill .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}body.playing #disc-state{color:var(--accent)}@media (width<=560px){.cta-row{flex-wrap:nowrap;gap:8px}.cta-row .btn{--h:44px;padding:0 16px;font-size:14px}.display{margin:20px 0 16px}.lede{margin-bottom:22px}.now-pill .opt{display:none}}.tracklist{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.tracklist>li{border-bottom:1px solid var(--line)}.track summary{cursor:pointer;border-radius:var(--r-m);transition:background-color var(--fast) var(--ease-std);grid-template-columns:44px 52px minmax(0,1fr) auto 160px 56px;align-items:center;gap:16px;padding:14px 12px;list-style:none;display:grid}.track summary::-webkit-details-marker{display:none}.track summary:hover,.track[open] summary{background:var(--surface)}.t-index{place-items:center;height:20px;display:grid;position:relative}.t-index .num{font:400 14px/1 var(--f-mono);color:var(--text-subtle);transition:opacity var(--fast)}.eq{opacity:0;transition:opacity var(--fast);justify-content:center;align-items:flex-end;gap:2px;display:flex;position:absolute;inset:0}.eq i{background:var(--accent);transform-origin:bottom;border-radius:1px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.eq i:nth-child(4){animation-duration:.8s;animation-delay:-.15s}@keyframes eq{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.track summary:hover .num,.track[open] .num{opacity:0}.track summary:hover .eq,.track[open] .eq{opacity:1}.t-art{border-radius:var(--r-m);background:radial-gradient(circle at 30% 30%, #ffffff59, transparent 40%), repeating-conic-gradient(from var(--r), var(--a) 0 12deg, var(--b) 12deg 24deg), var(--a);width:52px;height:52px;transition:transform var(--slow) var(--ease-spring), border-radius var(--slow) var(--ease-out);animation:18s linear infinite paused spin;box-shadow:inset 0 0 0 1px #ffffff14}.track summary:hover .t-art{border-radius:50%;animation-play-state:running;transform:scale(1.08)rotate(-4deg)}@keyframes spin{to{rotate:360deg}}.t-main{min-width:0;display:grid}.t-title{font:700 clamp(17px, 1.7vw, 22px)/1.25 var(--f-display);letter-spacing:-.02em;transition:color var(--fast);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.t-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.track summary:hover .t-title,.track[open] .t-title{color:var(--accent)}.t-wave{background:linear-gradient(90deg, var(--accent) 0 var(--p,0%), var(--text-subtle) var(--p,0%));height:28px;-webkit-mask:var(--wave-mask) center / 100% 100% no-repeat;mask:var(--wave-mask) center / 100% 100% no-repeat;opacity:.55;transition:opacity var(--base)}.track summary:hover .t-wave,.track[open] .t-wave{opacity:1}.t-dur{color:var(--text-subtle);text-align:right;font-size:13px}.t-notes{max-width:860px;padding:4px 12px 26px 140px}.t-notes p{color:var(--text-muted);margin:0;font-size:16px}.track[open] .t-notes{animation:notes .5s var(--ease-out)}@keyframes notes{0%{opacity:0;transform:translateY(-8px)}}@media (width<=1080px){.track summary{grid-template-columns:36px 48px minmax(0,1fr) auto 56px}.t-wave{display:none}.t-notes{padding-left:128px}}@media (width<=560px){.track summary{grid-template-columns:30px 44px minmax(0,1fr) 44px;gap:12px;padding:12px 6px}.t-art{width:44px;height:44px}.t-badges{display:none}.t-notes{padding:0 6px 22px}}.section-wide{width:min(1320px, calc(100% - 2 * var(--gutter)))}.shot-tabs{background:var(--surface);border:1px solid var(--line);scrollbar-width:none;border-radius:999px;width:max-content;max-width:100%;margin:0 auto 40px;padding:5px;display:flex;position:relative;overflow-x:auto}.shot-tabs button{z-index:1;color:var(--text-muted);transition:color var(--base) var(--ease-std);white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;position:relative}.shot-tabs button[aria-selected=true]{color:var(--canvas)}.tab-pill{background:var(--text);width:0;transition:transform var(--slow) var(--ease-spring), width var(--slow) var(--ease-spring);border-radius:999px;position:absolute;top:5px;bottom:5px;left:0}.stage{perspective:1800px;position:relative}.window{z-index:1;border-radius:var(--r-xl);background:var(--canvas-deep);border:1px solid var(--line-strong);transform:rotateX(var(--rx,18deg)) scale(var(--sc,.92));transform-origin:50% 100%;will-change:transform;transition:transform .2s linear;position:relative;overflow:hidden;box-shadow:0 50px 120px -40px #000000a6,0 0 0 1px #0003}.window-screen{--shot-w:1424;--win-x:0;--win-y:0;--win-w:1424;--win-h:892;aspect-ratio:var(--win-w) / var(--win-h);background:var(--canvas);position:relative;overflow:hidden}.window-screen img{max-width:none;width:calc(var(--shot-w) / var(--win-w) * 100%);left:calc(var(--win-x) / var(--win-w) * -100%);top:calc(var(--win-y) / var(--win-h) * -100%);opacity:0;filter:blur(6px);transition:opacity var(--page) var(--ease-out), transform var(--page) var(--ease-out), filter var(--page) var(--ease-out);position:absolute;transform:scale(1.03)}.window-screen img.on{opacity:1;filter:none;transform:none}.stage-shadow{z-index:0;background:radial-gradient(ellipse at center, var(--accent-glow), transparent 70%);filter:blur(30px);opacity:.7;height:140px;position:absolute;bottom:-60px;left:10%;right:10%}.stats{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--canvas-deep);padding:36px 28px 30px;position:relative;overflow:hidden}.stat:before{content:"";background:radial-gradient(ellipse at center, var(--accent-soft), transparent 60%);opacity:0;height:100%;transition:opacity var(--slow);position:absolute;inset:auto -30% -70%}.stat:hover:before{opacity:1}.stat-num{font:500 clamp(48px, 6vw, 80px)/1 var(--f-mono);letter-spacing:-.05em;align-items:baseline;gap:4px;margin:0;display:flex}.stat-num .pre{color:var(--text-subtle);font-size:.6em}.stat-num .unit{letter-spacing:0;color:var(--accent);margin-left:4px;font-size:.3em;font-weight:600}.stat-label{color:var(--text-muted);margin:16px 0 0;font-size:14px;position:relative}@media (width<=1080px){.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.stats{grid-template-columns:1fr}}.steps{gap:16px;margin:0 0 32px;padding:0;list-style:none;display:grid}.steps li{color:var(--text-muted);align-items:flex-start;gap:16px;display:flex}.steps b{color:var(--text);font-weight:600}.step-n{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.ticket{border-radius:var(--r-l);background:var(--surface);border:1px dashed var(--line-strong);align-items:center;gap:12px;min-width:0;margin-bottom:20px;padding:12px 14px;display:flex}.ticket-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);flex:none;font-size:11px}.ticket code{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.ticket code:after{content:"";vertical-align:-2px;background:var(--accent);width:7px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.ticket-note{color:var(--text-subtle);flex:none;font-size:11px}@keyframes blink{50%{opacity:0}}.facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facts li{background:var(--surface-raised);color:var(--text-muted);border-radius:999px;padding:8px 12px;font-size:13px}.facts b{color:var(--text);font-weight:500}.jam-stage{aspect-ratio:1;width:100%;position:relative}#jam-canvas{width:100%;height:100%}@media (width<=860px){.jam-stage{max-width:460px;margin:0 auto}}@media (width<=560px){.ticket-note{display:none}}.rack{border-radius:var(--r-xl);border:1px solid var(--line);background-color:var(--canvas);background-image:radial-gradient(circle at 1px 1px, var(--line-strong) 1px, transparent 0);background-size:22px 22px;grid-template-columns:repeat(6,1fr);gap:88px 18px;padding:40px clamp(16px,3vw,40px) 48px;display:grid;position:relative}.cables{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cables .cable{fill:none;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 6px 6px #00000059)}.cables .signal{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke:#fff;opacity:.85;stroke-dasharray:2 26;animation:1.4s linear infinite signal}body.playing .cables .signal{animation-duration:.55s}@keyframes signal{to{stroke-dashoffset:-28px}}.cables .plug{stroke:none}.module{z-index:2;border-radius:var(--r-l);background:linear-gradient(180deg, var(--surface-raised), var(--surface));border:1px solid var(--line-strong);transition:transform var(--slow) var(--ease-spring), border-color var(--base);padding:18px 18px 16px;position:relative;box-shadow:inset 0 1px #ffffff0d,0 20px 40px -24px #0009}.module:hover{border-color:var(--accent);transform:translateY(-4px)}.m-app{grid-column:3/5}.m-ui{grid-column:1/3}.m-core{grid-column:3/5}.m-platform{grid-column:5/7}.m-api{grid-column:1/3}.m-audio{grid-column:3/5}.m-session{grid-column:5/7}.screw{background:var(--surface-hover);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;position:absolute;top:8px}.screw:after{content:"";background:var(--text-subtle);height:1px;position:absolute;top:3px;left:1px;right:1px;transform:rotate(35deg)}.screw:first-of-type{left:8px}.screw:nth-of-type(2){right:8px}.m-head{align-items:center;gap:8px;margin-top:4px;display:flex}.led{background:var(--accent);width:7px;height:7px;opacity:var(--led,.35);box-shadow:0 0 calc(var(--led,.35) * 14px) var(--accent);border-radius:50%}.m-name{color:var(--text);font-size:13px}.m-role{font:700 20px/1.2 var(--f-display);letter-spacing:-.02em;margin:10px 0 2px}.m-desc{color:var(--text-muted);margin:0;font-size:13px}.knobs{gap:10px;margin-top:14px;display:flex}.knob{background:radial-gradient(circle at 35% 30%, var(--surface-hover), var(--canvas-deep));border:1px solid var(--line-strong);width:26px;height:26px;transform:rotate(var(--k,-40deg));border-radius:50%;transition:transform .15s linear;position:relative}.knob:after{content:"";background:var(--accent);border-radius:2px;width:2px;height:8px;margin-left:-1px;position:absolute;top:3px;left:50%}.jack{background:var(--canvas-deep);border:3px solid var(--surface-hover);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-left:-8px;position:absolute;left:50%}.jack.in{top:-8px}.jack.out{bottom:-8px}.rack-note{color:var(--text-subtle);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:26px 0 0;font-size:12px;display:flex}.no-patch{border-top:2px dashed var(--text-subtle);width:34px;height:0;position:relative}.no-patch:after{content:"×";color:var(--accent);background:var(--canvas-deep);padding:0 3px;font-size:14px;line-height:1;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@media (width<=860px){.rack{grid-template-columns:1fr 1fr;row-gap:60px}.m-app{grid-column:1/3}.m-ui,.m-api{grid-column:1/2}.m-core,.m-audio{grid-column:2/3}.m-platform{grid-area:3/1/auto/2}.m-session{grid-area:3/2/auto/3}.m-api,.m-audio{grid-row:4}}@media (width<=560px){.rack{grid-template-columns:1fr;padding-inline:14px}.cables{z-index:1}.module,.m-app,.m-ui,.m-core,.m-platform,.m-api,.m-audio,.m-session{grid-area:auto/1}}.keys{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.keycombo{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);align-content:start;gap:22px;padding:28px 22px 24px;display:grid}.caps{gap:8px;height:64px;display:flex}.cap{min-width:64px;height:60px;font:500 18px/1 var(--f-mono);color:var(--text);background:linear-gradient(180deg, var(--surface-hover), var(--surface-raised));border:1px solid var(--line-strong);box-shadow:0 5px 0 var(--canvas-deep), 0 6px 0 var(--line-strong), 0 12px 20px -8px #00000080;transition:transform 90ms var(--ease-std), box-shadow 90ms var(--ease-std), color var(--fast), border-color var(--fast);border-radius:12px;place-items:center;padding:0 14px;display:grid}.cap-wide{min-width:170px}.cap.down{box-shadow:0 1px 0 var(--canvas-deep), 0 2px 0 var(--accent), 0 0 24px -2px var(--accent-glow);color:var(--accent);border-color:var(--accent);transform:translateY(4px)}.keycombo p{gap:4px;margin:0;display:grid}.keycombo b{font:700 19px/1.2 var(--f-display);letter-spacing:-.02em}.keycombo span{color:var(--text-muted);font-size:14px}@media (width<=1080px){.keys{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.keys{grid-template-columns:1fr}}.timeline{padding-top:120px;position:relative}.timeline-wave{width:100%;height:96px;position:absolute;top:0;left:0;right:0}.milestones{grid-template-columns:repeat(6,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.milestones li{border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);color:var(--text-subtle);align-content:start;gap:6px;padding:22px 18px 20px;display:grid;position:relative}.milestones li:before{content:"";background:var(--line-strong);width:1px;height:24px;position:absolute;top:-25px;left:18px}.milestones b{font:700 18px/1.2 var(--f-display);color:var(--text-muted);letter-spacing:-.02em}.milestones span:last-child{font-size:13px;line-height:1.5}.ms-tag{border-radius:var(--r-s);background:var(--surface-raised);width:max-content;color:var(--text-subtle);padding:3px 8px;font-size:12px}.milestones .done b{color:var(--text)}.milestones .done .ms-tag{background:var(--accent-soft);color:var(--accent)}.milestones .done .ms-tag:after{content:" ✓"}.milestones .now{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), var(--surface) 70%);box-shadow:0 20px 50px -30px var(--accent-glow)}.milestones .now b{color:var(--text)}.milestones .now .ms-tag{background:var(--accent-grad);color:#fff}.milestones .now:before{background:var(--accent);width:2px}@media (width<=1080px){.milestones{grid-template-columns:repeat(3,1fr);row-gap:40px}}@media (width<=560px){.milestones{grid-template-columns:1fr 1fr}}.poster{isolation:isolate;background:var(--accent-grad);color:#1a0a00;border-radius:28px;grid-template-columns:1.1fr 1fr;grid-template-areas:"pre pre""title list""sub list""foot foot";column-gap:48px;padding:clamp(36px,6vw,80px);display:grid;position:relative;overflow:hidden}.poster-bg{z-index:-1;opacity:.35;background:repeating-radial-gradient(circle at 85% 20%,#0000 0 18px,#1a0a0040 18px 19px),radial-gradient(circle at 10% 110%,#ffffff59,#0000 40%);animation:30s linear infinite groove;position:absolute;inset:0}@keyframes groove{to{background-position:0 0,0 0;transform:rotate(0)}}.poster-pre{text-transform:uppercase;letter-spacing:.2em;grid-area:pre;margin:0 0 18px;font-size:13px}.poster-title{font:800 clamp(64px, 12vw, 168px)/.82 var(--f-display);letter-spacing:-.06em;color:#1a0a00;grid-area:title;margin:0}.poster-sub{grid-area:sub;margin:20px 0 0;font-size:18px;font-weight:600}.poster-sub em{font-family:var(--f-display);color:#ff7a1a;background:#1a0a00;border-radius:6px;padding:0 8px;font-style:normal;font-weight:800}.lineup{grid-area:list;align-content:center;margin:0;padding:0;list-style:none;display:grid}.lineup li{transition:padding var(--slow) var(--ease-spring);border-bottom:2px solid #1a0a0040;padding:14px 0;display:grid}.lineup li:hover{padding-left:12px}.lineup b{font:800 clamp(30px, 3.6vw, 46px)/1 var(--f-display);letter-spacing:-.04em}.lineup span{opacity:.75;margin-top:4px;font-size:14px;font-weight:600}.poster-foot{flex-wrap:wrap;grid-area:foot;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;display:flex}.poster-foot p{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:12px}.poster .btn-primary{color:#fff1e8;background:#1a0a00;box-shadow:0 14px 30px -12px #1a0a0099}@media (width<=1080px){.poster{grid-template-columns:1fr;grid-template-areas:"pre""title""sub""list""foot"}.lineup{margin-top:36px}}.player{z-index:60;width:min(1180px, calc(100% - 2 * var(--gutter)));background:var(--glass);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(22px)saturate(1.5);transition:transform .7s var(--ease-out);border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(0,1fr);align-items:center;gap:20px;padding:10px 16px 10px 10px;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%,140%);box-shadow:0 24px 60px -24px #0009}.player.shown{transform:translate(-50%)}.p-left{align-items:center;gap:12px;min-width:0;display:flex}.p-art{border-radius:var(--r-m);background:var(--canvas-deep);border:1px solid var(--line);flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.p-art img{width:40px;height:40px;animation:6s linear infinite paused spin}body.playing .p-art img{animation-play-state:running}.p-meta{min-width:0}.p-meta p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.p-title{font-size:14px;font-weight:600}.p-artist{color:var(--text-muted);font-size:13px}.p-center{gap:4px;display:grid}.p-transport{justify-content:center;align-items:center;gap:14px;display:flex}.play-btn{background:var(--accent-grad);color:#fff;width:42px;height:42px;box-shadow:0 6px 20px -4px var(--accent-glow);transition:transform var(--base) var(--ease-spring), box-shadow var(--base);border-radius:50%;place-items:center;display:grid}.play-btn:hover{transform:scale(1.06)}.play-btn:active{transform:scale(.9)}.play-btn .ic{width:20px;height:20px}.play-btn .ic-play{margin-left:2px}.ic-pause,body.playing .play-btn .ic-play{display:none}body.playing .play-btn .ic-pause{display:block}.p-seek{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.p-time{color:var(--text-subtle);font-size:12px}.p-wave{cursor:pointer;border-radius:4px;height:34px;position:relative}.p-wave canvas{width:100%;height:100%;display:block}.pins{pointer-events:none;position:absolute;inset:0}.pin{pointer-events:auto;background:var(--surface-raised);border:2px solid var(--text-subtle);width:10px;height:10px;transition:transform var(--base) var(--ease-spring), border-color var(--fast), background-color var(--fast);border-radius:50%;margin-left:-5px;position:absolute;top:-7px}.pin:hover,.pin.passed{border-color:var(--accent)}.pin.passed{background:var(--accent)}.pin:hover{transform:scale(1.35)}.pin[data-tip]:after{bottom:calc(100% + 10px)}.p-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.ic-volx,.muted-audio .ic-vol{display:none}.muted-audio .ic-volx{display:block}.slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--accent) 0 var(--v,70%), var(--surface-hover) var(--v,70%));outline-offset:6px;cursor:pointer;border-radius:4px;width:110px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:14px;height:14px;transition:transform var(--base) var(--ease-spring);border:0;border-radius:50%}.slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:14px;height:14px}@media (width<=860px){.player{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 12px 8px 8px}.p-right{display:none}.p-center{display:contents}.p-transport{grid-area:1/2;gap:4px}.p-seek{grid-area:2/1/auto/-1}}@media (width<=560px){.p-left .p-art{width:40px;height:40px}.p-art img{width:30px;height:30px}.player{border-radius:18px;bottom:10px}.p-transport .icon-btn{display:none}}