/* Desktop phone-width shell. Mobile devices keep their native styling. */
@media (min-width:741px) {
/* mobile layout from public/app-v33.css */
.authhero .top{height:210px;padding:20px 20px 60px}.authhero .main{margin:-72px auto 24px}.authhero .auth{padding:18px}.authhero .field{margin:11px 0}.authhero h1{font-size:25px;margin:4px 0 5px}.authhero .support{margin-top:12px;padding:11px}.authhero .supports{gap:6px;margin-top:7px}.authhero .wa{padding:8px;font-size:12px}
/* mobile layout from public/app-v33.css */
.boot-card{padding:27px 21px;border-radius:24px}.boot-card h1{font-size:24px}.install-web{padding:7px 9px}.payment-shell{width:100%;margin:-14px -14px 0}.payment-toolbar{padding:10px 14px 14px}.payment-toolbar b{font-size:20px}.payment-steps{padding:10px 12px 8px}.payment-steps span{font-size:10px}.payment-body{padding:6px 12px 148px}.pay-card{padding:14px 13px;margin-bottom:12px}.transfer-card .amount{font-size:28px;overflow-wrap:anywhere}.transfer-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr) auto;align-items:start;gap:7px;padding-top:10px}.transfer-row b{text-align:right;line-height:1.35}.transfer-row .btn{grid-column:3;grid-row:1 / span 2;align-self:center;min-width:54px;padding:8px 7px!important}.receipt{padding:18px 12px}.receipt:after{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;margin-top:14px}.payment-footer{box-sizing:border-box;left:0;transform:none;width:100%;padding:8px 12px max(8px,env(safe-area-inset-bottom))}.payment-footer .btn{min-height:48px}.payment-footer .btn:disabled{opacity:.55;filter:saturate(.35);cursor:not-allowed}
/* mobile layout from public/app-v33.css */
.payment-app .payment-shell{width:100%;margin:0}.payment-app .payment-page{width:100%}.payment-app .payment-toolbar{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:13px}.payment-app .payment-body{padding-bottom:148px}
/* mobile layout from public/app-v45.css */
.stake-actions{grid-template-columns:1fr}.stake-action{padding:13px}.stake-action b{font-size:13px}.stake-action small{font-size:11px}.stake-wallet strong{font-size:31px}
/* mobile layout from public/index.html */
.main{padding:0 12px}.grid{display:block}.side{display:none}.bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:6px 4px max(7px,env(safe-area-inset-bottom));z-index:20}.bottom button{border:0;background:none;color:#73827d;font-size:11px;padding:7px}.bottom .active{color:var(--g);font-weight:800}.creds,.form2{grid-template-columns:1fr}.actions{gap:8px}.action{padding:14px 8px;text-align:center}.supports{grid-template-columns:1fr}.auth{padding:22px 18px}h1{font-size:28px}
/* mobile layout from public/index.html */
.startup-top{height:78px;padding:20px}.startup-layout{display:block;padding:16px 16px 84px}.startup-side{display:none}.startup-account{padding:17px}.startup-nav{display:flex;justify-content:space-around;position:fixed;inset:auto 0 0;background:var(--sk-surface);border-top:1px solid var(--sk-line);padding:17px 12px max(17px,env(safe-area-inset-bottom))}.startup-nav i{width:22px;height:22px;border-radius:6px;background:var(--sk-fill)}
/* mobile layout from public/login-v79.css */
.authhero .top{padding: max(14px,env(safe-area-inset-top)) 16px 63px}.authhero .main{margin-top:-43px;padding:0 12px 24px}.auth-layout{display:flex;flex-direction:column;gap:11px}.auth-layout .auth{padding:21px 18px}.auth-layout h1{font-size:26px}.auth-app-card{width:100%;padding:18px;gap:12px;border-radius:19px}.auth-app-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px;font-size:24px}.auth-app-card h2{font-size:18px;margin:5px 0}.auth-app-card p{margin-bottom:11px}.auth-apk{min-height:44px}.auth-privacy{align-self:center}
/* mobile layout from public/login-v79.css */
.authhero .main{padding-bottom:90px}.auth-app-card{padding:18px}.auth-app-icon{width:48px;height:48px;flex-basis:48px}.auth-app-card h2{font-size:16px;margin:4px 0 0}

html { background:#dce8e1; }
html[data-theme=dark] { background:#07110d; }
body { max-width:430px; min-height:100dvh; margin:0 auto; box-shadow:0 0 28px #0a3c281f; }
.authhero .main {padding-bottom:90px}
.flow-page { margin:0 auto; border:0; border-radius:0; overflow:visible; min-height:100dvh; }
.flow-header {padding-top:max(18px,env(safe-area-inset-top))}
.appmode .bottom,.bottom,.payment-footer,body #depositFlow .native-deposit-footer,.startup-nav {left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%)}
.authhero .support.auth-support {right:max(14px,calc((100vw - 430px)/2 + 14px));}
.account-refresh-progress.pull-refresh-line,.account-refresh-progress {left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%)}
.modal,.route-loading,.refresh-overlay,.webview-page {left:50%;right:auto;width:min(430px,100vw);transform:translateX(-50%)}
.quiet-request-tracker {max-width:min(406px,calc(100vw - 24px))}
.operations-body {padding:14px 2px 24px}.operations-tabs{flex-wrap:nowrap;overflow-x:auto}.operations-page{padding-bottom:98px}

}