/* Touch-first layout, isolated from desktop. Keep viewport zoom available. */
@media(min-width:768px) and (max-width:1023px){html body[data-sk-page] input:not([type=checkbox]):not([type=radio]),html body[data-sk-page] textarea,html body[data-sk-page] select{font-size:16px!important;min-height:46px}body[data-sk-page=home] .sk-hero [data-testid=swap-btn]{width:44px!important;height:44px!important}}
@media(max-width:767px){
 html{scroll-padding-top:16px}
 html body{overflow-wrap:break-word}
 html body[data-sk-page] input:not([type=checkbox]):not([type=radio]),html body[data-sk-page] textarea,html body[data-sk-page] select{font-size:16px!important;min-height:46px}
 html body[data-sk-page] input::placeholder,html body[data-sk-page] textarea::placeholder{font-size:14px!important}
 body[data-sk-page=home] header>div{padding:13px 16px 0!important;gap:12px;flex-wrap:wrap}
 body[data-sk-page=home] header>div>div:last-child{margin-left:auto;gap:6px!important}
 body[data-sk-page=home] header nav{display:flex!important;order:3;flex-basis:100%;width:100%;gap:0!important;justify-content:space-between;border-top:1px solid #edf1f8;padding:0;margin:0}
 body[data-sk-page=home] header nav a{display:flex;align-items:center;justify-content:center;min-height:43px;font-size:11px!important;flex:1;white-space:nowrap;padding:0 5px}
 body[data-sk-page=home] header [data-testid=login-btn],body[data-sk-page=home] header [data-testid=cabinet-btn]{min-height:42px;font-size:12px!important;padding:0 14px!important}
 body[data-sk-page=home] header [data-testid=logo]>div{width:34px!important;height:34px!important;border-radius:10px!important}
 body[data-sk-page=home] header [data-testid=logo]>span{font-size:20px!important}
 body[data-sk-page=home] .sk-ticker .animate-ticker{justify-content:flex-start!important;gap:25px!important;padding:6px 16px!important}
 body[data-sk-page=home] .sk-hero{padding:24px 0 32px!important}
 body[data-sk-page=home] .sk-hero>div{padding-left:16px!important;padding-right:16px!important}
 body[data-sk-page=home] .sk-hero-grid{gap:24px!important}
 body[data-sk-page=home] .sk-hero-copy>div:first-child{margin-bottom:13px!important}
 body[data-sk-page=home] .sk-hero-copy>div:first-child span{font-size:10px!important}
 body[data-sk-page=home] .sk-hero-copy h1{font-size:clamp(34px,10.5vw,50px)!important;line-height:1.08!important;letter-spacing:-1.8px!important;margin-bottom:14px!important}
 body[data-sk-page=home] .sk-hero-copy>p{font-size:12px!important;line-height:1.7!important;margin-bottom:0!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]{padding:20px!important;outline-width:4px!important;border-radius:20px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]>div:first-of-type{margin-bottom:20px!important;gap:8px}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] h2{font-size:19px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]>div:has(>label){padding:12px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{min-width:106px!important;max-width:128px!important;min-height:46px!important;padding-right:10px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog] img{width:25px!important;height:25px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]){font-size:20px!important;min-height:46px!important;padding:4px 0 4px 10px!important;min-width:0!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input::placeholder{font-size:20px!important}
 body[data-sk-page=home] .sk-hero [data-testid=swap-btn]{width:44px!important;height:44px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-btn]{height:52px!important;min-height:52px!important}
 body [data-radix-popper-content-wrapper]{max-width:calc(100vw - 24px)!important}
 body [data-testid=currency-selector-popover]{width:min(340px,calc(100vw - 24px))!important;max-height:min(460px,calc(100dvh - 110px));overflow-y:auto;overscroll-behavior:contain}
 body [data-testid=currency-selector-popover] button[data-testid^=currency-option]{min-height:58px!important;width:100%;gap:10px!important}
 body [data-testid=currency-search-input]{font-size:16px!important;min-height:46px!important}
 body[data-sk-page=home] .sk-home>section:not(.sk-hero)>div,body[data-sk-page=home] footer>div{padding-left:16px!important;padding-right:16px!important}
 body[data-sk-page=home] .sk-home>section:not(.sk-hero) .grid>div{min-width:0}
 body[data-sk-page=home] footer{padding-bottom:90px!important}
 body[data-sk-page=home] footer a{display:inline-flex;align-items:center;min-height:36px}
 body[data-sk-page=exchange] .max-w-3xl,body[data-sk-page=exchange] .max-w-2xl,body[data-sk-page=exchange] .max-w-lg,body[data-sk-page=exchange] .max-w-xl{padding:24px 14px 88px!important}
 body[data-sk-page=exchange] form{min-width:0}
 body[data-sk-page=exchange] .p-6{padding:18px!important}
 body[data-sk-page=exchange] button:not([role=tab]){min-height:46px!important}
 body[data-sk-page=exchange] .font-mono{overflow-wrap:anywhere}
 body[data-sk-page=content] .App>.min-h-screen>div[class*=max-w-]{margin:16px 12px 85px!important;padding:23px 18px!important}
 body[data-sk-page=content] header>div{padding-left:14px!important;padding-right:14px!important;gap:9px!important}
 body[data-sk-page=content] h1{font-size:16px!important}
 body[data-sk-page=content] .sk-brand-back{font-size:10px!important;white-space:nowrap}
 body[data-sk-page=content] .prose{overflow-wrap:anywhere}
 /* Existing support widget, including safe areas and small landscape displays. */
 body .App>button.fixed.bottom-6.right-6{width:48px!important;height:48px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;border-radius:15px!important}
 body[data-sk-page=home] .sk-home,body[data-sk-page=exchange] .App>.min-h-screen,body:is([data-sk-page=auth],[data-sk-page=admin-login]) .App>.min-h-screen{padding-bottom:76px!important}
 body:has(input:focus,textarea:focus) [data-testid=chat-open-btn]{visibility:hidden!important;pointer-events:none!important}
 body .App>div.fixed.bottom-4.right-4{width:calc(100vw - 24px)!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));overflow-y:auto!important;overscroll-behavior:contain}
 body .App>div.fixed.bottom-4.right-4 button{min-width:36px;min-height:40px}
 body .App>div.fixed.bottom-4.right-4 input{font-size:16px!important}
}
@media(max-width:359px){
 body[data-sk-page=home] header>div{padding-left:12px!important;padding-right:12px!important}
 body[data-sk-page=home] header [data-testid=logo]>span{font-size:18px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator]{padding:15px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] h2{font-size:17px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]){font-size:18px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{min-width:100px!important;font-size:12px!important}
 body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] .bg-green-50{padding:3px 5px!important;font-size:8px!important}
}