/* The current application controls readiness; this decoration adds no delay. */
body.app-starting #main>:not(#app-startup){display:none!important}
body.plavelist-ui:not(.private-preview) #home-section:not([data-home-presentation="current"]):not([data-home-presentation="error"]){display:none!important}
body.app-starting .desktop-nav,body.app-starting .header-actions,body.app-starting .mobile-nav,body.app-starting .mobile-bottom-nav,body.app-starting .mobile-header-action,body.app-starting .mobile-search-form,body.app-starting .pg-mobile-fan-links{visibility:hidden;pointer-events:none}
.pg-startup{box-sizing:border-box;max-width:760px;min-height:clamp(340px,53vh,500px);margin:auto;padding:58px 24px 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#20284b}
.pg-startup[hidden]{display:none!important}
.pg-startup-art{width:100%;max-width:460px;padding:10px 0 0}
.pg-startup-friends{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:10px}
.pg-startup-character{display:block;min-width:0;transform-origin:50% 90%}
.pg-startup-character img{display:block;width:100%;height:auto;aspect-ratio:176/168;object-fit:contain;user-select:none}
.pg-startup-copy{padding:26px 0 0}
.pg-startup h1{font:600 26px/1.5 "Noto Sans TC",system-ui,sans-serif;margin:0 0 8px;letter-spacing:-.025em}
.pg-startup-copy>p{font-size:14px;line-height:1.8;color:#6c748b;margin:0}
.pg-startup-dots{display:flex;gap:9px;margin-top:23px;align-items:center;height:12px}
.pg-startup-dots span{width:6px;height:6px;border-radius:50%;background:#97c8e8;opacity:.55}
.pg-startup-dots span:nth-child(2){background:#e3be6b;--friend-index:1}
.pg-startup-dots span:nth-child(3){background:#db9caf;--friend-index:2}
.pg-startup-dots span:nth-child(4){background:#999da7;--friend-index:3}
.pg-startup-dots span:nth-child(5){background:#616773;--friend-index:4}
body.app-starting .pg-startup[aria-busy="true"] .pg-startup-character{animation:pg-mmmm-greet 3s ease-in-out infinite;animation-delay:calc(var(--friend-index,0)*.17s)}
body.app-starting .pg-startup[aria-busy="true"] .pg-startup-dots span{animation:pg-mmmm-dot 3s ease-in-out infinite;animation-delay:calc(var(--friend-index,0)*.17s)}
@keyframes pg-mmmm-greet{0%,12%,44%,100%{transform:translateY(0) rotate(0)}24%{transform:translateY(-5px) rotate(-2deg)}34%{transform:translateY(-2px) rotate(1deg)}}
@keyframes pg-mmmm-dot{0%,12%,48%,100%{opacity:.4;transform:scale(1)}28%{opacity:1;transform:scale(1.25)}}
.pg-startup .boot-error{position:static;inset:auto;transform:none;width:100%;max-width:460px;box-sizing:border-box;margin:24px 0 0;padding:18px 0;border:0;border-top:1px solid #e2e4ee;border-radius:0;background:transparent;box-shadow:none;color:#20284b}
.pg-startup .boot-error p{font-size:14px;line-height:1.8;margin:0 0 14px}
.pg-startup .boot-error button{min-height:44px}
.pg-startup[aria-busy="false"] .pg-startup-dots{display:none}
body.motion-paused .pg-startup-character,body.motion-paused .pg-startup-dots span{animation:none!important;transform:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.pg-startup-character,.pg-startup-dots span{animation:none!important;transform:none!important;opacity:1}}
@media(max-width:820px){.pg-startup{min-height:380px;padding:44px 20px 50px}.pg-startup-art{max-width:400px}.pg-startup-friends{gap:6px}.pg-startup-copy{padding-top:22px}.pg-startup h1{font-size:23px}.pg-startup-copy>p{max-width:300px;font-size:14px}}