@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c95a17d6aa1ccc69-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/84792440f5374347-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/10735954b8957dce-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/69c8297e91a203ed-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/32ec8d161d520037-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ceda3e828136e1b8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/103fc5fac08dcb15-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Tight Fallback;src:local("Arial");ascent-override:100.51%;descent-override:25.03%;line-gap-override:0.00%;size-adjust:96.39%}.__className_727f1d{font-family:Inter Tight,Inter Tight Fallback;font-style:normal}.__variable_727f1d{--font-loudness:"Inter Tight","Inter Tight Fallback"}.dark.section-loudness{--lo-page:#0b1222;--lo-cream:#f1ece2;--lo-cream-dim:rgb(241 236 226/62%);--lo-cream-faint:rgb(241 236 226/38%);--lo-amber:#f3b565;--lo-shell-top:#e2e2e2;--lo-shell-mid:#cfcfcf;--lo-shell-low:#bfbfbf;--lo-screen:#111113;--lo-ink:#f2f2f2;--lo-dim:#8e8e93;--lo-faint:#6e6e73;--lo-knob:#262626;--lo-well:#131313;--lo-go:#16c75a;--lo-go-deep:#0b5a2a;--lo-heat:#ff7a1a;--lo-heat-deep:#6b1d00;--lo-label:#c6c6c6;--lo-hint:#3c3c3c;--lo-ease:cubic-bezier(0.32,0.72,0,1);--background:var(--lo-page);--foreground:var(--lo-cream);color:var(--lo-cream);background:var(--lo-page);color-scheme:dark;font-family:var(--font-loudness),"PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;& *,& :after,& :before{box-sizing:border-box}& :where(p,h1,h2,h3){margin:0}& :where(button){font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}& :focus-visible{outline:2px solid #0a84ff;outline-offset:4px}}.section-loudness .lo-stage{position:relative;isolation:isolate;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(28px,4.5vw,80px);padding:clamp(20px,5.5vh,60px) clamp(20px,5.5vw,96px)}.section-loudness .lo-slot{container-type:size;height:100%;min-height:0;display:grid;place-items:center}.section-loudness .lo-device{container-type:inline-size;width:min(100cqw,calc(100cqh * 1152 / 1392),640px);aspect-ratio:1152/1392;position:relative;touch-action:manipulation;user-select:none}.section-loudness .lo-scene,.section-loudness .lo-scene>*{position:absolute;inset:0;pointer-events:none}.section-loudness .lo-scene{z-index:-1;overflow:hidden}.section-loudness .lo-sky{background:linear-gradient(180deg,#0d1729,#121e35 38%,#0c1424 68%,#070a12)}.section-loudness .lo-ambient{inset:-12%;background-size:cover;background-position:70% 50%;filter:blur(70px) saturate(1.15);opacity:.42}.section-loudness .lo-lamp{background:radial-gradient(ellipse 30% 36% at 58% 30%,rgb(255 184 100/40%) 0,rgb(255 160 72/14%) 42%,transparent 70%),radial-gradient(ellipse 60% 40% at 62% 100%,rgb(255 170 86/16%) 0,transparent 70%);opacity:.4;transition:opacity 1.6s var(--lo-ease)}.section-loudness .lo-stage[data-playing] .lo-lamp{opacity:1}.section-loudness .lo-rain{width:100%;height:100%}.section-loudness .lo-ground{top:auto;height:24%;background:linear-gradient(180deg,rgb(160 182 220/7%),transparent 2px),linear-gradient(180deg,rgb(6 9 16/0),rgb(6 9 16/70%))}.section-loudness .lo-vignette{background:radial-gradient(ellipse 75% 70% at 55% 50%,transparent 55%,rgb(3 5 10/62%) 100%)}.section-loudness .lo-copy{justify-self:end;width:min(100%,460px);display:grid;gap:clamp(12px,2vh,20px)}.section-loudness .lo-eyebrow{display:flex;gap:10px;align-items:baseline;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--lo-amber)}.section-loudness .lo-eyebrow span:first-child{letter-spacing:.12em}.section-loudness .lo-headline{margin:0;font-weight:500;font-size:clamp(40px,min(6vw,9.5vh),88px);line-height:1.05;letter-spacing:.14em;text-shadow:0 0 40px rgb(255 178 92/18%)}.section-loudness .lo-headline,.section-loudness .lo-tagline{font-family:Songti SC,STSong,"Noto Serif SC","Source Han Serif SC",serif;color:var(--lo-cream)}.section-loudness .lo-tagline{font-size:clamp(16px,2.3vh,21px);letter-spacing:.08em;opacity:.88}.section-loudness .lo-bio{font-size:14.5px;line-height:1.95;letter-spacing:.02em;color:var(--lo-cream-dim);max-width:30em}.section-loudness .lo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.section-loudness .lo-tags li{padding:5px 12px;border:1px solid rgb(241 236 226/18%);border-radius:999px;font-size:12px;letter-spacing:.06em;color:var(--lo-cream-dim)}.section-loudness .lo-meta{font-size:12.5px;letter-spacing:.06em;color:var(--lo-cream-faint);font-variant-numeric:tabular-nums}.section-loudness .lo-hint{display:flex;align-items:center;gap:10px;padding-top:clamp(4px,1vh,10px);border-top:1px solid rgb(241 236 226/10%);font-size:13px;color:var(--lo-cream-dim)}.section-loudness .lo-hint-dot{width:7px;height:7px;border-radius:50%;background:rgb(241 236 226/30%);transition:background .4s linear,box-shadow .4s linear}.section-loudness .lo-hint-dot[data-on]{background:var(--lo-amber);box-shadow:0 0 12px rgb(243 181 101/70%)}.section-loudness .lo-body:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgb(255 200 140/26%),transparent 40%,rgb(12 20 44/46%));mix-blend-mode:soft-light}.section-loudness .lo-puddle{position:absolute;left:4%;right:4%;top:calc(100% + 1.5%);height:16%;pointer-events:none;background:radial-gradient(ellipse 50% 55% at 50% 0,rgb(255 176 92/16%),transparent 72%),radial-gradient(ellipse 44% 70% at 50% 0,rgb(205 210 220/9%),transparent 76%);filter:blur(6px);opacity:.7;transition:opacity 1.6s var(--lo-ease)}.section-loudness .lo-stage[data-playing] .lo-puddle{opacity:1}.section-loudness .lo-body{--u:calc(100cqw / 1152);position:absolute;inset:0;border-radius:calc(var(--u) * 60);background:linear-gradient(180deg,var(--lo-shell-top) 0,var(--lo-shell-mid) 42%,var(--lo-shell-low) 100%);box-shadow:inset 0 calc(var(--u) * 3) 0 rgb(255 255 255/70%),inset 0 calc(var(--u) * -4) calc(var(--u) * 8) rgb(0 0 0/7%),0 calc(var(--u) * 90) calc(var(--u) * 140) calc(var(--u) * -50) rgb(0 0 0/30%),0 calc(var(--u) * 30) calc(var(--u) * 50) calc(var(--u) * -30) rgb(0 0 0/18%)}.section-loudness .lo-at{position:absolute;left:calc(var(--u) * var(--x));top:calc(var(--u) * var(--y));width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h))}.section-loudness .lo-screen-shape{position:absolute;inset:0;width:100%;height:100%;fill:var(--lo-screen)}.section-loudness .lo-screen{color:var(--lo-ink)}.section-loudness .lo-text{position:absolute;white-space:nowrap;line-height:1}.section-loudness .lo-clock{left:50%;top:calc(var(--u) * 30);translate:-50% 0;font-size:calc(var(--u) * 26);font-weight:500;color:var(--lo-dim);letter-spacing:-.02em}.section-loudness .lo-mic{position:absolute;left:calc(var(--u) * 46);top:calc(var(--u) * 48);width:calc(var(--u) * 32);height:calc(var(--u) * 52);color:#77777c}.section-loudness .lo-battery{position:absolute;left:calc(var(--u) * 994);top:calc(var(--u) * 56);height:calc(var(--u) * 28);width:calc(var(--u) * 82);display:flex;border-radius:calc(var(--u) * 7);overflow:hidden;background:#ececec}.section-loudness .lo-battery:after{content:"";position:absolute;right:calc(var(--u) * -5);top:50%;translate:0 -50%;width:calc(var(--u) * 5);height:calc(var(--u) * 11);border-radius:0 calc(var(--u) * 3) calc(var(--u) * 3) 0;background:#ececec}.section-loudness .lo-battery-fill{display:grid;place-items:center;background:#1fd15a;color:#fff;font-size:max(7px,calc(var(--u) * 15));font-weight:700;letter-spacing:-.02em}.section-loudness .lo-art{position:absolute;left:calc(var(--u) * 90);top:calc(var(--u) * 150);width:calc(var(--u) * 196);height:calc(var(--u) * 196);border-radius:calc(var(--u) * 36);background:#1b1b1d;box-shadow:inset 0 0 0 calc(var(--u) * 2) #2c2c2e;padding:calc(var(--u) * 9)}.section-loudness .lo-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--u) * 27)}.section-loudness .lo-title{left:50%;top:calc(var(--u) * 120);translate:-50% 0;font-size:calc(var(--u) * 44);font-weight:700;letter-spacing:-.045em}.section-loudness .lo-artist{left:50%;top:calc(var(--u) * 166);translate:-50% 0;font-size:max(8px,calc(var(--u) * 22));font-weight:500;color:var(--lo-faint);letter-spacing:-.02em}.section-loudness .lo-total{right:calc(var(--u) * (1112 - 780));top:calc(var(--u) * 210);font-size:max(7px,calc(var(--u) * 18));color:var(--lo-faint);font-variant-numeric:tabular-nums}.section-loudness .lo-scrub{position:absolute;left:calc(var(--u) * 382);top:calc(var(--u) * 228);width:calc(var(--u) * 398);height:calc(var(--u) * 40);cursor:pointer;touch-action:none}.section-loudness .lo-scrub:before{content:"";position:absolute;inset:50% 0 auto;height:calc(var(--u) * 3);translate:0 -50%;border-radius:calc(var(--u) * 2);background:#58585c}.section-loudness .lo-scrub-knob{position:absolute;top:50%;width:calc(var(--u) * 26);height:calc(var(--u) * 26);margin:calc(var(--u) * -13) 0 0 calc(var(--u) * -13);border-radius:50%;background:#ededed;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 5) rgb(0 0 0/50%)}.section-loudness .lo-chip{position:absolute;top:calc(var(--u) * 42);translate:-50% 0;padding:calc(var(--u) * 5) calc(var(--u) * 11);border-radius:calc(var(--u) * 9);background:#232325;color:#86868b;font-size:max(7px,calc(var(--u) * 16));font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.section-loudness .lo-lyrics{position:absolute;left:calc(var(--u) * 812);top:calc(var(--u) * 176);width:calc(var(--u) * 276);height:calc(var(--u) * 208);overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}.section-loudness .lo-lyrics ol{margin:0;padding:0;list-style:none;transition:translate .55s var(--lo-ease)}.section-loudness .lo-lyrics li{height:calc(var(--u) * 26);font-size:max(7px,calc(var(--u) * 21));line-height:calc(var(--u) * 26);font-weight:600;text-align:center;letter-spacing:-.025em;white-space:nowrap;color:rgb(242 242 242/40%);transition:color .4s var(--lo-ease),scale .4s var(--lo-ease)}.section-loudness :is(.lo-title,.lo-artist,.lo-lyrics li):lang(zh){letter-spacing:.02em}.section-loudness .lo-lyrics li[data-now]{color:var(--lo-ink);font-weight:700;scale:1.07}.section-loudness .lo-volume{left:calc(var(--u) * 74);top:calc(var(--u) * 466);font-size:calc(var(--u) * 26);font-weight:500;letter-spacing:-.03em}.section-loudness .lo-volume span{color:var(--lo-dim);font-variant-numeric:tabular-nums}.section-loudness .lo-track{right:calc(var(--u) * 80);top:calc(var(--u) * 466);font-size:calc(var(--u) * 26);font-weight:500;color:var(--lo-dim);letter-spacing:-.02em;text-transform:uppercase}.section-loudness .lo-ring{position:absolute;left:calc(var(--u) * 576);top:calc(var(--u) * 696);width:0;height:0}.section-loudness .lo-dot{position:absolute;left:0;top:0;width:calc(var(--u) * 13);height:calc(var(--u) * 13);margin:calc(var(--u) * -6.5);border-radius:50%;background:#111;box-shadow:inset 0 0 0 calc(var(--u) * 2.5) #111;transition:background .12s linear}.section-loudness .lo-dot[data-lit]{background:#f8f8f8;box-shadow:inset 0 0 0 calc(var(--u) * 2.5) #2b2b2b}.section-loudness .lo-dial{position:absolute;left:calc(var(--u) * 376);top:calc(var(--u) * 496);width:calc(var(--u) * 400);height:calc(var(--u) * 400);border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 42%,#2a2a2a 0,#1c1c1c 62%,#0e0e0e 100%);box-shadow:0 calc(var(--u) * 10) 0 #0b0b0b,0 calc(var(--u) * 52) calc(var(--u) * 70) calc(var(--u) * -6) rgb(0 0 0/42%),0 calc(var(--u) * 16) calc(var(--u) * 24) rgb(0 0 0/22%),inset 0 calc(var(--u) * 3) calc(var(--u) * 4) rgb(255 255 255/5%)}.section-loudness .lo-dial:active{cursor:grabbing}.section-loudness .lo-dial-face{position:absolute;inset:calc(var(--u) * 16);border-radius:50%;background:radial-gradient(circle at 44% 34%,#2f2f2f 0,#262626 45%,#1f1f1f 100%);box-shadow:0 0 0 calc(var(--u) * 1.5) rgb(0 0 0/55%),inset 0 calc(var(--u) * 2) calc(var(--u) * 2) rgb(255 255 255/6%),inset 0 calc(var(--u) * -8) calc(var(--u) * 16) rgb(0 0 0/35%)}.section-loudness .lo-dial-spin{position:absolute;inset:0;pointer-events:none}.section-loudness .lo-pointer{position:absolute;left:calc(var(--u) * 196.5);top:calc(var(--u) * 46);width:calc(var(--u) * 7);height:calc(var(--u) * 50);border-radius:calc(var(--u) * 4);background:#f3f3f3}.section-loudness .lo-halo{position:absolute;left:calc(var(--u) * 256);top:calc(var(--u) * 640);width:calc(var(--u) * 640);height:calc(var(--u) * 520);pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 46%,rgb(0 0 0/34%) 0,rgb(0 0 0/22%) 34%,rgb(0 0 0/9%) 58%,transparent 78%)}.section-loudness .lo-dial-label{left:50%;top:calc(var(--u) * 944);translate:-50% 0;font-size:calc(var(--u) * 34);font-weight:700;letter-spacing:-.01em;color:var(--lo-label);text-shadow:0 calc(var(--u) * -1) 0 rgb(0 0 0/12%)}.section-loudness .lo-dial-hint{left:50%;top:calc(var(--u) * 996);translate:-50% 0;font-size:calc(var(--u) * 28);font-weight:500;letter-spacing:-.035em;color:var(--lo-hint)}.section-loudness .lo-cap{position:absolute;left:calc(var(--u) * 520);top:calc(var(--u) * 640);width:calc(var(--u) * 112);height:calc(var(--u) * 112);border-radius:50%;display:grid;place-items:center;color:#e4e4e4;background:radial-gradient(circle at 50% 36%,#202020 0,#191919 58%,#131313 100%);box-shadow:0 0 0 calc(var(--u) * 1.5) rgb(0 0 0/60%),0 calc(var(--u) * 1.5) 0 calc(var(--u) * 1.5) rgb(255 255 255/5%),inset 0 calc(var(--u) * 4) calc(var(--u) * 7) rgb(0 0 0/62%),inset 0 calc(var(--u) * -1.5) calc(var(--u) * 1) rgb(255 255 255/7%);transition:translate .12s var(--lo-ease),box-shadow .12s var(--lo-ease),color .3s linear}.section-loudness .lo-cap:active{translate:0 calc(var(--u) * 2);box-shadow:0 0 0 calc(var(--u) * 1.5) rgb(0 0 0/60%),inset 0 calc(var(--u) * 6) calc(var(--u) * 10) rgb(0 0 0/75%)}.section-loudness .lo-cap svg{grid-area:1/1;width:calc(var(--u) * 40);height:calc(var(--u) * 40);transition:opacity .18s linear,scale .18s var(--lo-ease)}.section-loudness .lo-cap [data-icon=pause],.section-loudness .lo-cap[data-playing] [data-icon=play]{opacity:0;scale:.6}.section-loudness .lo-cap[data-playing] [data-icon=pause]{opacity:1;scale:1}.section-loudness .lo-meter{display:inline-flex;align-items:flex-end;gap:calc(var(--u) * 3);height:calc(var(--u) * 20);margin-right:calc(var(--u) * 12);vertical-align:calc(var(--u) * -1);color:#55555a;transition:color .3s linear}.section-loudness .lo-meter i{width:calc(var(--u) * 4);height:100%;border-radius:calc(var(--u) * 1);background:currentcolor;transform-origin:bottom;scale:1 .2;transition:scale .3s var(--lo-ease)}.section-loudness .lo-meter[data-on]{color:#1fd15a}.section-loudness .lo-meter[data-on] i{animation:lo-bar .8s ease-in-out infinite alternate}.section-loudness .lo-meter[data-on] i:nth-child(2){animation-duration:.62s;animation-delay:-.3s}.section-loudness .lo-meter[data-on] i:nth-child(3){animation-duration:.94s;animation-delay:-.5s}.section-loudness .lo-meter[data-on] i:nth-child(4){animation-duration:.7s;animation-delay:-.15s}@keyframes lo-bar{0%{scale:1 .25}to{scale:1 1}}.section-loudness .lo-step{position:absolute;top:calc(var(--u) * 626);width:calc(var(--u) * 164);height:calc(var(--u) * 164);border-radius:50%;background:radial-gradient(circle at 36% 30%,#3b3b3b 0,#222 52%,#161616 100%);box-shadow:0 calc(var(--u) * 24) calc(var(--u) * 36) calc(var(--u) * -6) rgb(0 0 0/46%),0 calc(var(--u) * 6) calc(var(--u) * 10) rgb(0 0 0/24%),inset 0 calc(var(--u) * 2) calc(var(--u) * 3) rgb(255 255 255/9%);transition:translate .12s var(--lo-ease),box-shadow .12s var(--lo-ease)}.section-loudness .lo-step[data-plus]{left:calc(var(--u) * 84)}.section-loudness .lo-step[data-minus]{left:calc(var(--u) * 924)}.section-loudness .lo-step[data-down]{translate:0 calc(var(--u) * 3);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 20) calc(var(--u) * -6) rgb(0 0 0/42%),0 calc(var(--u) * 3) calc(var(--u) * 5) rgb(0 0 0/22%),inset 0 calc(var(--u) * 3) calc(var(--u) * 8) rgb(0 0 0/40%)}.section-loudness .lo-step:before,.section-loudness .lo-step[data-plus]:after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u) * 64);height:calc(var(--u) * 3.5);margin:calc(var(--u) * -1.75) 0 0 calc(var(--u) * -32);background:#f3f3f3;border-radius:calc(var(--u) * 2)}.section-loudness .lo-step[data-plus]:after{rotate:90deg}.section-loudness .lo-grille{position:absolute;left:calc(var(--u) * 69);top:calc(var(--u) * 947);width:calc(var(--u) * 184);height:calc(var(--u) * 322);background-image:radial-gradient(circle,#0c0c0c 0 calc(var(--u) * 8.5),transparent calc(var(--u) * 9));background-size:calc(var(--u) * 23) calc(var(--u) * 23)}.section-loudness .lo-switch{position:absolute;left:calc(var(--u) * 368);top:calc(var(--u) * 1094);width:calc(var(--u) * 416);height:calc(var(--u) * 116);border-radius:calc(var(--u) * 58);background:#2b2b2b;box-shadow:0 0 0 calc(var(--u) * 6) #151515,inset 0 calc(var(--u) * 5) calc(var(--u) * 10) rgb(0 0 0/55%);display:grid;grid-template-columns:1fr 1fr}.section-loudness .lo-switch-thumb{position:absolute;left:calc(var(--u) * 8);top:calc(var(--u) * 8);width:calc(var(--u) * 194);height:calc(var(--u) * 100);border-radius:calc(var(--u) * 50);background:linear-gradient(180deg,#3ee383,#0cb44d 60%,#04a443);box-shadow:0 calc(var(--u) * 4) calc(var(--u) * 8) rgb(0 0 0/38%),inset 0 calc(var(--u) * 2) calc(var(--u) * 2) rgb(255 255 255/35%);transition:translate .42s var(--lo-ease),background .3s linear;pointer-events:none}.section-loudness .lo-switch[data-hot] .lo-switch-thumb{translate:calc(var(--u) * 206) 0;background:linear-gradient(180deg,#ffc15a,#ff8a1f 58%,#f26a00)}.section-loudness .lo-switch{margin:0;padding:0;border:0;min-inline-size:0}.section-loudness .lo-switch-opt{position:relative;display:grid;place-items:center;border-radius:calc(var(--u) * 58);cursor:pointer}.section-loudness .lo-switch-opt:has(:focus-visible){outline:2px solid #0a84ff;outline-offset:calc(var(--u) * -6)}.section-loudness .lo-switch svg{width:calc(var(--u) * 54);height:calc(var(--u) * 54);transition:color .3s linear}.section-loudness .lo-module{position:absolute;left:calc(var(--u) * 892);top:calc(var(--u) * 952);width:calc(var(--u) * 188);height:calc(var(--u) * 320);border-radius:calc(var(--u) * 16);background:var(--lo-well);box-shadow:inset 0 calc(var(--u) * 3) calc(var(--u) * 8) rgb(0 0 0/60%),0 calc(var(--u) * 1.5) 0 rgb(255 255 255/45%)}.section-loudness .lo-eq{position:absolute;left:calc(var(--u) * 30);top:calc(var(--u) * 48);width:calc(var(--u) * 128);height:calc(var(--u) * 128);border-radius:50%;touch-action:none;background:radial-gradient(circle at 50% 34%,#3d3e48 0,#282930 58%,#18191d 100%);box-shadow:0 0 0 calc(var(--u) * 6) #0a0a0b,0 calc(var(--u) * 10) calc(var(--u) * 16) rgb(0 0 0/60%),inset 0 calc(var(--u) * 2) calc(var(--u) * 2) rgb(255 255 255/8%);display:grid;place-items:center;color:#9a9ba5;font-size:calc(var(--u) * 26);font-weight:500}.section-loudness .lo-eq-spin{position:absolute;inset:0;transition:rotate .28s var(--lo-ease);pointer-events:none}.section-loudness .lo-eq-spin:before{content:"";position:absolute;left:50%;top:calc(var(--u) * 11);width:calc(var(--u) * 4);height:calc(var(--u) * 16);margin-left:calc(var(--u) * -2);border-radius:calc(var(--u) * 2);background:#ff8a1f}.section-loudness .lo-fx{position:absolute;left:calc(var(--u) * 24);top:calc(var(--u) * 198);width:calc(var(--u) * 142);height:calc(var(--u) * 100);border-radius:calc(var(--u) * 18);display:grid;place-items:center;font-size:calc(var(--u) * 32);font-weight:700;letter-spacing:-.02em;color:#6f5446;background:radial-gradient(ellipse at 50% 60%,#4a2412 0,#2a130a 62%,#190b06 100%);box-shadow:inset 0 calc(var(--u) * 2) calc(var(--u) * 4) rgb(0 0 0/50%);transition:color .25s linear,box-shadow .35s var(--lo-ease)}.section-loudness .lo-fx[aria-pressed=true]{color:#fff;text-shadow:0 calc(var(--u) * 1) calc(var(--u) * 6) rgb(90 20 0/60%);background:radial-gradient(ellipse at 50% 62%,#ffe08a 0,#ffab3d 22%,#f26a0c 48%,#9a2c05 76%,#3a0f05 100%);box-shadow:0 0 calc(var(--u) * 22) rgb(255 118 26/42%),inset 0 calc(var(--u) * 2) calc(var(--u) * 3) rgb(255 255 255/25%)}.section-loudness .lo-fx[aria-pressed=true][data-live]{animation:lo-ember 2.4s ease-in-out infinite}@keyframes lo-ember{50%{box-shadow:0 0 calc(var(--u) * 34) rgb(255 118 26/58%),inset 0 calc(var(--u) * 2) calc(var(--u) * 3) rgb(255 255 255/25%)}}.section-loudness .lo-badge{left:50%;top:calc(var(--u) * 1288);translate:-50% 0;font-size:calc(var(--u) * 30);font-weight:700;letter-spacing:-.02em;color:#4a4a4a}.section-loudness .lo-temp{left:50%;top:calc(var(--u) * 1328);translate:-50% 0;font-size:max(7px,calc(var(--u) * 18));color:#8a8a8a}.section-loudness .lo-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (width < 900px) and (orientation:portrait){.section-loudness .lo-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(14px,2.5vh,28px);padding:clamp(16px,4vh,40px) clamp(16px,5vw,40px) clamp(12px,3vh,32px)}.section-loudness .lo-copy{justify-self:center;text-align:center;width:min(100%,520px);gap:10px}.section-loudness .lo-eyebrow,.section-loudness .lo-hint,.section-loudness .lo-tags{justify-content:center}.section-loudness .lo-headline{font-size:clamp(32px,9vw,52px)}.section-loudness .lo-bio,.section-loudness .lo-hint,.section-loudness .lo-meta{display:none}}@media (height < 760px){.section-loudness .lo-bio{display:none}}@media (height < 560px){.section-loudness .lo-meta,.section-loudness .lo-tags{display:none}}@media (prefers-reduced-motion:reduce){.section-loudness .lo-eq-spin,.section-loudness .lo-lamp,.section-loudness .lo-lyrics ol,.section-loudness .lo-puddle,.section-loudness .lo-step,.section-loudness .lo-switch-thumb{transition:none}.section-loudness .lo-fx[aria-pressed=true][data-live]{animation:none}.section-loudness .lo-meter[data-on] i{animation:none;scale:1 .8}.section-loudness .lo-meter[data-on] i:nth-child(odd){scale:1 .5}.section-loudness .lo-cap,.section-loudness .lo-cap svg,.section-loudness .lo-lyrics li{transition:none}}