/* Same approved cosmic artwork and UP mesh as the existing brand homepage. */
.mobile-app{background:#070812}.mobile-cosmos{position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#06081615,#08091365 65%,#080811aa),url('/brand/assets/cosmos-v4.png') center 68%/cover no-repeat}.mobile-device{background:#0b0c1680;isolation:isolate;box-shadow:0 30px 120px #0005}.mobile-device:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06091310 0%,#0d0b1866 750px,#0d0b18c9 1500px),url('/brand/assets/cosmos-v4.png') 62% 0/auto 960px no-repeat}.mobile-topbar{background:#0b0d19d9}.mobile-environment{background:#121127b3}.mobile-app .mobile-bottom-nav{background:#101022eb}.mobile-app .m-feature-banner{background:linear-gradient(95deg,#090c1fcc 0%,#0b102a45 70%,#14102a33),url('/brand/assets/cosmos-v4.png') 64% 75%/auto 250px;border-color:#a38eed40;box-shadow:inset 0 1px #cbbfff0b,0 12px 30px #03040c30}.m-feature-banner>div:first-child{position:relative;z-index:2}.m-mini-label{color:#b3a5db}.mobile-wordmark .brand-emblem{position:relative;display:block;width:35px;height:35px;flex:0 0 35px;filter:drop-shadow(0 2px 7px #7050ec66)}.mobile-wordmark .brand-emblem .brand-icon{inset:4px;width:27px;height:27px}.mobile-wordmark .brand-icon img,.m-profile-promo .brand-icon img{width:485%;height:auto;max-width:none;left:-105%;top:-73%;position:absolute;filter:url(#remove-white)}.m-profile-promo>.brand-emblem{width:44px;height:44px;position:relative;flex:0 0 44px}.m-profile-promo .brand-icon{inset:5px;width:34px;height:34px}.mobile-app .m-banner-art.logo-stage{position:relative;display:block;inset:auto;transform:none;width:145px;height:145px;max-width:100%;border-radius:30%;perspective:none;touch-action:pan-y;cursor:grab;outline-offset:3px}.m-banner-art.logo-stage canvas{display:block;width:100%;height:100%;opacity:0;position:relative;z-index:2}.m-banner-art.logo-stage.webgl-ready canvas{opacity:1}.mobile-app .m-banner-art.logo-stage>.brand-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:100px;bottom:auto;padding:0;letter-spacing:0}.mobile-app .m-banner-art.logo-stage .brand-icon img{position:absolute;width:485%;height:auto;max-width:none;left:-105%;top:-73%;transform:none;filter:url(#remove-white) drop-shadow(0 4px 9px #603bdd44)}.m-banner-art.logo-stage.webgl-ready>.brand-icon{display:none}.mobile-app .m-account-glance,.mobile-app .m-signal-card,.mobile-app .post{background:linear-gradient(120deg,#191426ed,#131323e3);backdrop-filter:blur(8px)}.mobile-app .m-menu{background:#131120e8}.mobile-app .m-compose-prompt{background:#19142be0}.mobile-app .m-market-strip>a{background:#121324c4}.mobile-footer{color:#8b80a0}
@media(max-width:520px){.mobile-app{background:#080914}.mobile-device{background:transparent}.mobile-cosmos{z-index:0;background:linear-gradient(180deg,#06091315,#0d0b1844 72%,#0d0b1877),url('/brand/assets/cosmos-v4.png') 62% center/auto 100svh no-repeat}.mobile-device{z-index:1}.mobile-device:before{display:none}.mobile-topbar{background:#090c1ae6}}
/* One continuous sky: the identity area is part of the page, not a framed card. */
.mobile-cosmos{z-index:0}.mobile-device{z-index:1;background:transparent;border:0;border-radius:0;box-shadow:none}.mobile-device:before{display:none}.mobile-desktop-note{z-index:1}
.mobile-app .m-feature-banner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px;min-height:178px;margin:20px 0 24px;padding:16px 0 20px;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.m-feature-banner>div:first-child{min-width:0}.mobile-app .m-feature-banner h2{margin-top:12px;margin-bottom:20px;line-height:1.5}.mobile-app .m-banner-art.logo-stage{width:160px;height:auto;aspect-ratio:1;justify-self:end;max-width:100%}
@media(max-width:360px){.mobile-app .m-feature-banner{gap:6px;min-height:162px}.mobile-app .m-feature-banner h2{font-size:21px}.mobile-app .m-feature-banner .m-mini-label{font-size:6px;letter-spacing:1.1px}}
/* Carry the open composition through the mobile interface; retain input/button affordances. */
.m-platform-proof{margin:0 0 26px;padding:8px 0 4px}
.m-platform-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;text-align:center}
.m-platform-proof-grid strong{display:block;font-size:27px;font-weight:600;line-height:1.3;color:#e5d8ff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.m-platform-proof-grid span{display:block;font-size:10px;line-height:1.6;color:#b9accb;margin-top:8px}
.m-platform-proof>p{font-size:10px;line-height:1.8;color:#9185a3;text-align:center;margin:18px 0 0}
html[lang=en] .m-platform-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
@media(max-width:360px){.m-platform-proof-grid{gap:6px}.m-platform-proof-grid strong{font-size:24px}.m-platform-proof-grid span{font-size:9px}}
.mobile-app .panel,.mobile-app .m-account-glance,.mobile-app .m-market-strip>a,.mobile-app .m-signal-card,.mobile-app .post,.mobile-app .m-profile-promo,.mobile-app .m-menu,.mobile-app .m-notice-card,.mobile-app .m-follow-gate,.mobile-app .hub-map-intro,.mobile-app .hub-feature,.mobile-app .studio-policy,.mobile-app .fee-note,.mobile-app .hub-notice{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.mobile-app .m-shortcuts a>span{border:0;background:none;border-radius:0;color:#bea3e4}.mobile-app .m-shortcuts{margin:12px 0 30px}.mobile-app .m-shortcuts a{gap:4px}.mobile-app .m-account-glance{padding:15px 0 12px;margin:0 0 12px}.mobile-app .m-account-glance.is-guest{padding:12px 0}.mobile-app .m-account-bottom{border:0;padding-top:8px}.mobile-app .m-market-strip{gap:22px;margin:18px 0 28px}.mobile-app .m-market-strip>a{padding:10px 0}.mobile-app .m-commodity{border:0;background:none;font-size:17px;width:30px}.mobile-app .m-commodity.oil{background:none;border:0;font-size:10px}
.mobile-app .m-signal-scroll{gap:24px}.mobile-app .m-signal-card{padding:6px 8px 12px 0}.mobile-app .m-section{margin-top:32px}.mobile-app .m-home-feed{margin-top:20px}.mobile-app .post{padding:14px 0 22px;margin-bottom:20px}.mobile-app .post-actions{border:0;padding-top:8px;margin-top:14px}.mobile-app .post-topic{background:none;padding-left:0}.mobile-app .strategy-card{padding:20px 0 25px}.mobile-app .strategy-card .card-bottom{border:0}.mobile-app .subscription{padding:20px 0}.mobile-app .account{border:0;background:none;border-radius:0;padding-left:0;padding-right:0}
.mobile-app .m-profile-numbers{border:0}.mobile-app .m-profile-promo{padding:18px 0;margin:18px 0}.mobile-app .m-menu{padding:0}.mobile-app .m-menu>a{border:0;padding:19px 0}.mobile-app .m-notification{border:0}.mobile-app .m-notice-card{padding:15px 0}.mobile-app .m-copy-tools a{border:0;background:none}.mobile-app .m-copy-tools{gap:18px;margin-bottom:16px}.mobile-app .hub-pad,.mobile-app .panel.pad,.mobile-app .chart-panel{padding-left:0;padding-right:0}.mobile-app .hub-feature{padding:17px 0}.mobile-app .hub-feature-grid{gap:9px}.mobile-app .hub-map-intro{padding:15px 0}.mobile-app .hub-stats{border:0;border-radius:0;background:none;gap:20px}.mobile-app .hub-stats>div{background:none;padding:10px 0}.mobile-app .stat-row .stat{padding:15px 3px}.mobile-app .studio-policy{padding:15px 0}.mobile-app .hub-notice{padding:10px 0}.mobile-app .fee-note{padding:10px 0}.mobile-app .mobile-bottom-nav{border-top:0;border-radius:0}.mobile-app .mobile-topbar{border-bottom:0}