:root{--mpn-bg:#0a0a12;--mpn-surface:#0a0e1ab8;--mpn-surface-h:#0c1224e0;--mpn-sp:#1db954;--mpn-sp-dim:#1db95424;--mpn-sp-border:#1db95440;--mpn-sp-border-h:#1db954a6;--mpn-sc:#ff6a00;--mpn-sc-dim:#ff6a001f;--mpn-sc-border:#ff6a0040;--mpn-sc-border-h:#ff6a00a6;--mpn-bce:#ff6a00;--mpn-bce-border:#ff6a0040;--mpn-text:#fff8ebeb;--mpn-muted:#fff8eb5c;--mpn-faint:#fff8eb24;--header-h:72px;--station-radius:18px}.mpn-root{background:var(--mpn-bg);min-height:100vh;color:var(--mpn-text);padding-top:var(--header-h);font-family:IBM Plex Mono,monospace;position:relative;overflow-x:hidden}.mpn-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.mpn-blob{will-change:transform, opacity;filter:blur(80px);opacity:0;border-radius:50%;animation:1.4s forwards mpn-blob-in,18s ease-in-out infinite mpn-blob-drift;position:absolute}@keyframes mpn-blob-in{0%{opacity:0}to{opacity:1}}@keyframes mpn-blob-drift{0%{transform:translate(0)}33%{transform:translate(28px,-20px)}66%{transform:translate(-18px,26px)}to{transform:translate(0)}}.mpn-blob--1{background:radial-gradient(circle,#1db9542e 0%,#0000 70%);width:60vmax;height:60vmax;animation-duration:1.4s,20s;animation-delay:0s,0s;top:-20%;left:-12%}.mpn-blob--2{background:radial-gradient(circle,#ff6a0029 0%,#0000 70%);width:55vmax;height:55vmax;animation-duration:1.4s,24s;animation-delay:.2s,3s;bottom:-10%;right:-10%}.mpn-blob--3{background:radial-gradient(circle,#643cc824 0%,#0000 70%);width:45vmax;height:45vmax;animation-duration:1.4s,17s;animation-delay:.4s,6s;top:30%;left:35%}.mpn-blob--4{background:radial-gradient(circle,#00a08c1c 0%,#0000 70%);width:38vmax;height:38vmax;animation-duration:1.4s,22s;animation-delay:.6s,10s;top:55%;right:20%}.mpn-vignette{pointer-events:none;background:radial-gradient(85% 85%,#0000 20%,#0a0a12d9 100%);position:absolute;inset:0}.mpn-grain,.mpn-grain--global{z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;animation:.9s steps(2,end) infinite mpn-grain-jitter;position:absolute;inset:0}.mpn-grain--global{z-index:100;opacity:.035;position:fixed}@keyframes mpn-grain-jitter{0%{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(2px,-3px)}75%{transform:translate(-2px,-1px)}to{transform:translate(3px,1px)}}.mpn-header{z-index:10;align-items:center;padding:36px 48px 28px;animation:.4s both mpn-fade-up;display:flex;position:relative}.mpn-back{letter-spacing:.2em;text-transform:uppercase;color:var(--mpn-muted);flex-shrink:0;font-size:.58rem;text-decoration:none;transition:color .2s;position:absolute;left:48px}.mpn-back:hover{color:var(--mpn-text)}.mpn-header-center{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.mpn-page-title{letter-spacing:.3em;color:#fff;text-shadow:0 2px 24px #0009;font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1}.mpn-page-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--mpn-muted);font-size:.52rem}.mpn-main{z-index:2;max-width:1200px;margin:0 auto;padding:0 40px 80px;position:relative}.mpn-columns{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.mpn-col{flex-direction:column;gap:20px;display:flex}.mpn-col-header{border-bottom:1px solid #ffffff0f;justify-content:center;align-items:center;padding:18px 0 14px;display:flex}.mpn-col--sp .mpn-col-header{border-bottom-color:var(--mpn-sp-border)}.mpn-col--sc .mpn-col-header{border-bottom-color:var(--mpn-sc-border)}.mpn-col-logo{opacity:.9;width:auto;height:34px;transition:opacity .2s;display:block}.mpn-col-logo:hover{opacity:1}.mpn-station{border-radius:var(--station-radius);background:var(--mpn-surface);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff12;animation:.55s both mpn-fade-up;position:relative;overflow:hidden}.mpn-station:first-child{animation-delay:80ms}.mpn-station:nth-child(2){animation-delay:.16s}.mpn-station--sp{border-color:var(--mpn-sp-border)}.mpn-station--sc,.mpn-station--bce{border-color:var(--mpn-sc-border)}.mpn-station-backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}.mpn-backdrop-img{object-fit:cover;object-position:center top;filter:blur(48px)saturate(.6);opacity:.18;width:100%;height:100%;transform:scale(1.15)}.mpn-backdrop-veil{background:linear-gradient(#0a0e1a66 0%,#0a0e1abf 100%);position:absolute;inset:0}.mpn-station .mpn-grain{z-index:1;opacity:.05}.mpn-station-head{z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 16px;display:flex;position:relative}.mpn-station-left{align-items:center;gap:14px;display:flex}.mpn-avatar-ring{border:2px solid;border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:box-shadow .35s,border-color .35s;overflow:hidden}.mpn-avatar-ring--sp{border-color:#1db95466}.mpn-avatar-ring--sp:hover{border-color:#1db954cc;box-shadow:0 0 28px #1db9544d}.mpn-avatar-ring--sc{border-color:#ff6a0066}.mpn-avatar-ring--sc:hover{border-color:#ff6a00cc;box-shadow:0 0 28px #ff6a004d}.mpn-avatar-ring--bce{border-color:#ff6a0066}.mpn-avatar-ring--bce:hover{border-color:#ff6a00cc;box-shadow:0 0 28px #ff6a004d}.mpn-avatar{object-fit:cover;width:100%;height:100%}.mpn-station-info{flex-direction:column;gap:5px;display:flex}.mpn-platform-badge{letter-spacing:.2em;text-transform:uppercase;border:1px solid;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:.5rem;display:inline-flex}.mpn-platform-badge--sp{color:var(--mpn-sp);border-color:var(--mpn-sp-border)}.mpn-platform-badge--sc,.mpn-platform-badge--bce{color:var(--mpn-sc);border-color:var(--mpn-sc-border)}.mpn-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.mpn-dot--sp{background:var(--mpn-sp);box-shadow:0 0 6px var(--mpn-sp)}.mpn-dot--sc,.mpn-dot--bce{background:var(--mpn-sc);box-shadow:0 0 6px var(--mpn-sc)}.mpn-artist-name{letter-spacing:.04em;font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:.9}.mpn-artist-name--sp{color:#fff;text-shadow:0 0 20px #1db95438}.mpn-artist-name--sc,.mpn-artist-name--bce{color:#fff;text-shadow:0 0 20px #ff6a0038}.mpn-profile-link{letter-spacing:.14em;text-transform:uppercase;border:1px solid;border-radius:30px;flex-shrink:0;padding:6px 14px 5px;font-size:.54rem;text-decoration:none;transition:background .25s,box-shadow .25s,color .25s}.mpn-profile-link--sp{color:var(--mpn-sp);border-color:var(--mpn-sp-border)}.mpn-profile-link--sp:hover{background:var(--mpn-sp);color:#050e07;box-shadow:0 4px 20px #1db95459}.mpn-profile-link--sc{color:var(--mpn-sc);border-color:var(--mpn-sc-border)}.mpn-profile-link--sc:hover{border-color:var(--mpn-sc);background:#ff6a001a;box-shadow:0 4px 20px #ff6a0040}.mpn-profile-link--bce{color:var(--mpn-sc);border-color:var(--mpn-sc-border)}.mpn-profile-link--bce:hover{border-color:var(--mpn-sc);background:#ff6a001a;box-shadow:0 4px 20px #ff6a0040}.mpn-divider{z-index:3;height:1px;margin:0 22px;position:relative}.mpn-divider--sp{background:linear-gradient(90deg,#1db95433,#0000)}.mpn-divider--sc,.mpn-divider--bce{background:linear-gradient(90deg,#ff6a0033,#0000)}.mpn-tracklist{z-index:3;padding:10px 0 14px;position:relative}.mpn-track{border-top:1px solid #ffffff0a;transition:background .25s;position:relative}.mpn-track:last-child{border-bottom:1px solid #ffffff0a}.mpn-track--sp:not(.mpn-track--unavail):hover{background:#1db9540d}.mpn-track--sc:not(.mpn-track--unavail):hover,.mpn-track--bce:not(.mpn-track--unavail):hover{background:#ff6a000d}.mpn-track--playing.mpn-track--sp{background:#1db95412}.mpn-track--playing.mpn-track--sc,.mpn-track--playing.mpn-track--bce{background:#ff6a0012}.mpn-track--unavail{opacity:.4}.mpn-track-inner{cursor:pointer;text-align:left;width:100%;color:var(--mpn-text);background:0 0;border:none;align-items:center;gap:10px;padding:12px 22px;font-family:IBM Plex Mono,monospace;display:flex;position:relative}.mpn-track--unavail .mpn-track-inner{cursor:default}.mpn-track-num{letter-spacing:.14em;color:var(--mpn-faint);flex-shrink:0;width:20px;font-size:.54rem}.mpn-track--playing .mpn-track-num{color:var(--mpn-muted)}.mpn-track-art{object-fit:cover;opacity:.75;border-radius:4px;flex-shrink:0;width:32px;height:32px;transition:opacity .25s}.mpn-track:hover .mpn-track-art,.mpn-track--playing .mpn-track-art{opacity:1}.mpn-track-title{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.76rem;font-style:italic;overflow:hidden}.mpn-track-mid{flex-shrink:0;justify-content:flex-end;width:100px;display:flex}.mpn-track-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--mpn-faint);font-size:.5rem}.mpn-track-action{text-align:center;width:16px;color:var(--mpn-muted);flex-shrink:0;font-size:.7rem;transition:color .2s}.mpn-track--sp:not(.mpn-track--unavail):hover .mpn-track-action,.mpn-track--sp.mpn-track--playing .mpn-track-action{color:var(--mpn-sp)}.mpn-track--sc:not(.mpn-track--unavail):hover .mpn-track-action,.mpn-track--sc.mpn-track--playing .mpn-track-action,.mpn-track--bce:not(.mpn-track--unavail):hover .mpn-track-action,.mpn-track--bce.mpn-track--playing .mpn-track-action{color:var(--mpn-sc)}.mpn-track-ext{color:var(--mpn-faint);text-align:center;flex-shrink:0;width:16px;font-size:.76rem;line-height:1;text-decoration:none;transition:color .2s}.mpn-track-ext:hover{color:var(--mpn-text)}.mpn-mini-wf{align-items:center;gap:1.5px;height:16px;display:flex}.mpn-mini-bar{background:#ffffff1a;border-radius:1px;flex-shrink:0;width:2px;height:30%}.mpn-mini-bar--filled.mpn-mini-bar--sc{background:#ff6a00b3;animation:.55s ease-in-out infinite alternate mpn-bar-dance}.mpn-mini-bar--filled-sp{background:#1db954b3;animation:.55s ease-in-out infinite alternate mpn-bar-dance}.mpn-mini-bar:nth-child(odd){animation-delay:60ms}.mpn-mini-bar:nth-child(3n){animation-delay:.14s}.mpn-mini-bar:nth-child(5n){animation-delay:.22s}@keyframes mpn-bar-dance{0%{opacity:.65;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1.3)}}.mpn-progress-bar{background:#ffffff0f;height:1.5px}.mpn-progress-fill{height:100%;transition:width 60ms linear}.mpn-progress-fill--sc{background:var(--mpn-sc)}.mpn-progress-fill--sp{background:var(--mpn-sp)}@keyframes mpn-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:860px){.mpn-columns{grid-template-columns:1fr}.mpn-header{padding:24px 20px 20px}.mpn-back{left:20px}.mpn-main{padding:0 16px 60px}.mpn-station-head{padding:16px 16px 12px}.mpn-track-inner{gap:8px;padding:11px 16px}.mpn-track-mid{width:70px}}@media (max-width:768px){.mpn-root{padding-top:60px}.mpn-page-title{font-size:2rem}}