:root{--home-header:calc(68px + env(safe-area-inset-top));--home-player-space:118px}
.home-page{overflow-x:clip}
.home-page:not(.player-has-started):not(.player-demo){padding-bottom:0}
#globalPlayer[hidden]{display:none!important}
.home-page #top{padding-top:0}
.home-page .site-header{height:var(--home-header);padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(14px)}
.home-page .main-nav{max-height:calc(100vh - var(--home-header));max-height:calc(100svh - var(--home-header));overflow-y:auto}
@keyframes planetBreath{from{transform:translate3d(var(--mx),var(--my),0) scale(1.005)}to{transform:translate3d(var(--mx),var(--my),0) scale(1.025)}}@media(max-width:900px){:root{--home-header:calc(64px + env(safe-area-inset-top));--home-player-space:120px}
.home-page .main-nav{top:var(--home-header)}
}@media(max-width:900px){.home-page .main-nav{gap:0;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));max-height:calc(100vh - var(--home-header) - 104px);max-height:calc(100svh - var(--home-header) - 104px)}
.home-page .main-nav a{display:flex;align-items:center;min-height:44px}
}@media(min-width:981px) and (max-width:1160px){.home-page .global-player.player-54{grid-template-columns:minmax(160px,1fr) minmax(180px,1.5fr) auto minmax(130px,.7fr);gap:12px;padding-inline:12px}
.home-page .gp-track{padding-right:10px;gap:9px}
.home-page .gp-volume{grid-template-columns:30px minmax(50px,1fr) 30px;padding-left:10px;gap:6px}
}@media(min-width:901px) and (max-width:1100px){.home-page .social-nav span{display:none}
.home-page .lang-switch{right:54px}
}@media(orientation:landscape) and (max-height:540px){:root{--home-header:calc(54px + env(safe-area-inset-top))}
}@media(orientation:landscape) and (max-height:540px){.home-page .global-player.player-54{grid-template-columns:minmax(0,1fr) auto;min-height:82px;gap:4px 10px;padding:7px 10px}
.home-page .gp-track{grid-column:1;grid-row:1;border:0;padding:0;grid-template-columns:38px minmax(0,1fr);gap:8px}
.home-page .global-player.player-54 .gp-track>img{width:36px;height:36px}
.home-page .gp-meta small{display:none}
.home-page .gp-meta strong{font-size:11px}
.home-page .gp-actions{grid-column:2;grid-row:1;gap:3px}
.home-page .player-tool{display:none}
.home-page #prevBtn,.home-page #nextBtn{display:grid;width:32px;height:32px}
.home-page .main-play,.home-page .main-play svg{width:38px;height:38px}
.home-page .gp-timeline{grid-column:1/-1;grid-row:2;align-self:auto;padding:0;height:26px}
.home-page .gp-time-row{font-size:8px;margin:0}
.home-page .gp-wave-track{top:18px;height:9px}
.home-page .gp-seek{height:20px;margin:0}
.home-page .gp-volume{display:none}
}.runner-hero-portal .portal-mark{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff05;font-size:25px;font-weight:400;color:#e4e9ef}
.runner-hero-portal .portal-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.runner-hero-portal .portal-copy small{font-size:8px;letter-spacing:.16em;color:#8d98a5;line-height:1}
.runner-hero-portal .portal-copy strong{font-size:12px;letter-spacing:.07em;font-weight:500;line-height:1.2;white-space:nowrap}
.runner-hero-portal .portal-action{display:flex;align-items:center;gap:7px;font-size:11px;color:#bcc6d1;white-space:nowrap}
.runner-hero-portal .portal-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.runner-hero-portal:hover .portal-action svg{transform:translateX(3px)}
@media(max-width:360px),(orientation:landscape) and (max-height:540px){.runner-hero-portal .portal-mark{width:30px;height:30px;font-size:22px}
.runner-hero-portal .portal-copy strong{font-size:10px}
.runner-hero-portal .portal-action{font-size:10px;gap:4px}
.runner-hero-portal .portal-copy small{font-size:7px}
}@media(prefers-reduced-motion:reduce){.runner-hero-portal .portal-action svg{transition:none}
.runner-hero-portal:hover .portal-action svg{transform:none}
}