/* Final presentation tokens. Preserve screen behavior and original Stars artwork. */
body #app{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-head:var(--font);font-family:var(--font);font-size:15px;line-height:1.45}
body #app #view :is(h1,h2,h3,button,input,select,.p-name,.section-title,.reference-nav-copy,.stat .n,.mi-text,.badge-item,.pw-wallet-amount){font-family:var(--font)!important}
body #app #view :is(.rd-page>h1,.rd-catalog-head h1,.pp-profile-title,.pw-wallet-page h1){font-size:26px!important;font-weight:700!important;line-height:1.22;letter-spacing:-.5px}
body #app #view :is(.rd-heading h2,.pp-group-title,.section-title,.pw-task h2){font-size:19px!important;line-height:1.3;font-weight:650!important;letter-spacing:-.25px}
body #app #view :is(.rd-button,.rd-card-play,.pw-wallet-actions button,.pw-task button,.pw-spin){min-height:48px!important;border-radius:14px!important;font-weight:600!important;line-height:1.3;letter-spacing:0;box-shadow:none}
body #app #view :is(.rd-button,.rd-card-play){font-size:14px!important}
body #app #view :is(.rd-button,.rd-card-play,.pw-spin):disabled{opacity:.55;filter:none}
body #app #view :is(.rd-quest-copy b,.rd-card-copy b){line-height:1.35;font-weight:600!important}
body #app #view :is(.rd-quest-copy p,.rd-meta,.pw-caption,.pw-wallet-xp-note){font-size:13px;line-height:1.5}
body #app #view .pw-wallet-switch button{min-height:44px;font-size:14px}
body #app #view .pw-wallet-amount{font-weight:700!important;letter-spacing:-1.5px}
body #app #view .pw-wallet-carousel,body #app #view .rd-wallet-stars{border-radius:24px}
body #app #view .pw-task{border-radius:18px;padding:18px}
body #app #view.pp-profile-page .profile-head{border-radius:22px!important;padding:20px!important;background:linear-gradient(135deg,#593692,#352451)!important;border-color:#7855ac!important}
body #app #view.pp-profile-page .p-name{font-size:24px!important;font-weight:700!important;letter-spacing:-.3px}
body #app #view.pp-profile-page .rank-chip{font-size:11px!important;font-weight:500}
body #app #view.pp-profile-page .xp-top{font-size:12px!important;line-height:1.5;flex-wrap:wrap}
body #app #view.pp-profile-page .xp-top b{font-weight:600}
body #app #view.pp-profile-page .account-navigation{margin-bottom:22px}
body #app #view.pp-profile-page .account-nav-card{min-height:88px!important;border-radius:16px!important;background:#232329!important;border-color:#ffffff0c!important}
body #app #view.pp-profile-page .reference-nav-copy b{font-size:13px!important;font-weight:600!important}
body #app #view.pp-profile-page .stat{border-radius:16px!important;min-height:104px!important;background:#232329!important;border-color:#ffffff0c!important}
body #app #view.pp-profile-page .stat .n{font-size:26px!important;font-weight:650!important}
body #app #view.pp-profile-page .stat .l{font-size:12px!important;color:#b6b3c0!important}
body #app #view.pp-profile-page .streak-card{border-radius:18px!important;border-color:#ffffff10!important;background:#29231f!important}
body #app #view.pp-profile-page .menu{margin-inline:0!important;border-radius:18px!important;background:#202025!important;border-color:#ffffff0c!important}
body #app #view.pp-profile-page .menu-item{min-height:64px!important}
body #app #view.pp-profile-page .mi-text{font-size:15px!important;font-weight:500;line-height:1.4;flex:1;min-width:0;overflow-wrap:anywhere}
body #app #view.pp-profile-page :is(.mi-arr,.mi-arrow,.mi-check){flex-shrink:0;margin-left:auto}
body #app #view.pp-profile-page .mi-sub{font-size:12px!important;font-weight:400;line-height:1.5;color:#aaa6b5!important}
body #app #view.pp-profile-page .badge-item{border-radius:16px!important;background:#232329!important;border-color:#ffffff0c!important}
body #app #tabbar.tabbar.professional-dock .tab{position:relative;isolation:isolate;gap:4px!important;min-height:56px!important}
body #app #tabbar.tabbar.professional-dock .tab::before{content:"";display:block!important;position:absolute;width:48px;height:32px;top:3px;left:50%;transform:translateX(-50%);border-radius:12px;background:transparent;z-index:0;transition:background .16s ease}
body #app #tabbar.tabbar.professional-dock .tab>.pi-icon,body #app #tabbar.tabbar.professional-dock .tab>span{position:relative;z-index:1}
body #app #tabbar.tabbar.professional-dock .tab>.tab-dot{z-index:2}
body #app #tabbar.tabbar.professional-dock .tab.active::before{background:#a77bff20}
body #app #tabbar.tabbar.professional-dock .tab.active{color:#d1bcff!important}
body #app #tabbar.tabbar.professional-dock .tab span{font-weight:500!important;font-size:11px!important;line-height:1.3;white-space:nowrap}
body #app #tabbar.tabbar.professional-dock .tab.active span{font-weight:600!important}
body #app :is(button,a){transition:background-color .16s ease,color .16s ease,filter .12s ease}
@media(max-width:350px){body #app #view.pp-profile-page .profile-head{padding:18px 15px!important}body #app #view.pp-profile-page .p-name{font-size:22px!important}body #app #view.pp-profile-page .reference-nav-copy b{font-size:12px!important}body #app #view.pp-profile-page .mi-text{font-size:14px!important}body #app #view .ug-feature-copy .rd-button{padding:10px;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){body #app :is(button,a),body #app #tabbar .tab::before{transition:none!important}}