/* Purchase/referral presentation only. Existing auth, orders and native return bridges stay intact. */
.plans{grid-template-columns:repeat(3,minmax(0,1fr))}#logoutBtn,#referralBtn{width:auto;margin-right:8px;font-size:12px;padding:10px 14px}
:root{color-scheme:light;--bg-primary:#f5f5f0;--bg-secondary:#fff;--bg-tertiary:#eceee5;--text-primary:#20251f;--text-secondary:#697166;--border:#d8decf;--accent:#6854d7;--error:#bc3444;--success:#2c7858;--mw-shadow:0 18px 55px #45573a17}body{background:var(--bg-primary)!important;color:var(--text-primary)!important}body,input,select,button{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.wrap{max-width:1080px!important;margin:32px auto!important;padding:24px!important}.card{background:#fff!important;border-color:var(--border)!important;box-shadow:var(--mw-shadow)!important;border-radius:20px!important;padding:28px!important}h1{font-size:28px!important;line-height:1.5!important}h2,h3{color:var(--text-primary)!important}.muted,.benefits,label{color:var(--text-secondary)!important;line-height:1.8!important}.auth,.order,.box{background:#f6f7f1!important;border-color:var(--border)!important}.plan{background:#f6f7f1!important;border-color:var(--border)!important;box-shadow:none!important;min-height:190px;line-height:1.7}.plan.active{background:#ede8fb!important;border-color:#aa9ae3!important}.plan .price{font-weight:650!important}.plans{gap:12px!important}.plan:hover{transform:none!important}.price{color:var(--text-primary)!important}input,select,textarea{background:#fff!important;border-color:#cbd3bf!important;color:var(--text-primary)!important;font-size:16px!important;min-height:44px;border-radius:9px!important}button{border-radius:9px!important;min-height:44px;font-weight:550!important;background:var(--text-primary)!important;color:#fff!important}button:hover{filter:brightness(1.12)}button.secondary{background:#e9ece2!important;color:#35432b!important;border:1px solid var(--border)!important}.badge,.ok{color:#246c4a!important}.warn{color:#946306!important}.error{color:#a8293a!important;background:#fff0f0!important}.info{color:#514482!important;background:#f0ebff!important}.paybox{background:#eee8fa!important;border-color:#c9bee4!important;color:#534375!important}code{background:#e8ecdf!important;color:#425935!important;overflow-wrap:anywhere}.mw-account-top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1032px;margin:0 auto 22px;color:var(--text-secondary);font-size:12px}.mw-account-top strong{font-size:18px;color:var(--text-primary)}.mw-account-top button{width:auto;margin:0;padding:9px 14px;font-size:12px;background:#e9ece2!important;color:#35432b!important}.mw-account-top span{font-size:11px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}.mw-ui-overlay .mw-ui-btn{width:auto;margin:0;padding:10px 16px;font-size:14px}.mw-ui-overlay .mw-ui-btn.primary{background:var(--accent)!important}.mw-ui-overlay .mw-ui-btn.danger{background:var(--error)!important}.mw-action-card{color:var(--text-primary)}
@media(max-width:760px){.wrap{margin:12px auto!important;padding:12px!important}.card{padding:20px 16px!important}.plans{grid-template-columns:repeat(2,minmax(0,1fr))!important}.plan{padding:14px!important;min-width:0}.plan strong{font-size:16px!important}.plan .price{font-size:25px!important}.benefits{font-size:12px!important}.auth-row{grid-template-columns:1fr!important}.auth-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.auth-actions button{font-size:12px!important;padding:12px 6px!important}.mw-account-top{flex-wrap:wrap;margin-inline:4px}.mw-account-top span{flex-basis:100%;order:3}h1{font-size:24px!important}.order{font-size:13px;line-height:1.8;overflow-wrap:anywhere}}
@media(max-width:360px){.plans,.auth-actions{grid-template-columns:1fr!important}}
/* Shared visual direction with the in-app account and settings surfaces. */
:root{--bg-primary:#f4f7fc;--bg-tertiary:#f1f4fa;--text-primary:#273149;--text-secondary:#718096;--border:#e3e9f3;--accent:#6551d4;--mw-shadow:0 18px 55px #31456d18}
.card{position:relative;overflow:hidden;border-top:6px solid #7860d8!important}.mw-account-top{background:linear-gradient(120deg,#9b51dd,#6459d8 68%,#5a76d9);border-radius:20px 20px 45% 5%;padding:22px;color:#f4efff}.mw-account-top strong,.mw-account-top span{color:white}.mw-account-top button{background:#ffffff25!important;color:white!important}.auth,.order,.box,.plan{background:#f7f9fd!important}.plan.active,.paybox{background:#efebfb!important;border-color:#c7b9ed!important;color:#55449f!important}button{border-radius:24px!important;background:#1ac4b6!important;color:#153747!important;box-shadow:0 6px 14px #16bfa222}button.secondary{background:#eef2f9!important;color:#53627a!important;border:0!important;box-shadow:none}input,select,textarea{border-color:#dfe6ef!important;border-radius:12px!important}code{background:#efebfb!important;color:#55449f!important}
