@media (max-width:900px),(pointer:coarse),(hover:none){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto!important;-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{font-size:15px;line-height:1.8}.app{min-height:100dvh;zoom:1!important}body:before{background-size:100% auto}.topbar{height:60px;padding:0 8px;gap:6px;margin:8px auto 0;width:calc(100% - 16px);top:calc(8px + env(safe-area-inset-top))}.logo span,.logo{display:none}.brandmark{display:block;top:50%}.brandmark img{height:34px}.brandmark:after{bottom:-9px;height:9px;filter:blur(5px)}.iconbtn{width:38px;height:38px}.iconbtn svg{width:17px;height:17px}.langbtn{height:38px;padding:0 12px;font-size:12px}.avatar{width:32px;height:32px;font-size:12px}.topbar-user{padding:3px;border:none;background:transparent;box-shadow:none}.topbar-user .nm,.topbar-user .rl{display:none}.page{padding:16px 14px calc(28px + env(safe-area-inset-bottom))}.page-head{margin-bottom:16px;padding-inline-start:2px}.page-head h1{font-size:20px}.page-head p{font-size:13px}.grid-2,.grid-3{grid-template-columns:1fr;gap:12px}.card-pad{padding:18px}.card-head{padding:15px 17px}.list-row{padding:14px 16px;gap:11px}.list-ic{width:38px;height:38px;border-radius:13px}.stat{padding:14px 17px}.stat .val{font-size:23px}.auth-wrap{grid-template-columns:1fr;padding:12px 12px calc(20px + env(safe-area-inset-bottom));gap:0}.auth-side{display:none}.auth-main{padding:4px 0}.auth-card{padding:22px 18px;border-radius:24px}.auth-card>h1{font-size:21px}.auth-card>.sub{font-size:13px;margin-bottom:20px}.roles{gap:10px;margin-bottom:18px}.role{padding:14px 10px;border-radius:18px}.role .ic{width:40px;height:40px;border-radius:13px}.role b{font-size:13.5px}.roles-3{gap:6px}.roles-3 .role{padding:10px 4px;border-radius:14px}.roles-3 .role .ic{width:32px;height:32px;border-radius:10px}.roles-3 .role b{font-size:12px}.roles-3 .role>span:last-child{font-size:10px}.role span{font-size:11px}.input{height:50px;border-radius:16px;font-size:16px}textarea.input{font-size:16px}.btn{height:50px;font-size:15px}.btn-sm{height:40px;font-size:13px}.otp-row{gap:7px}.otp-box{width:clamp(38px,13vw,54px);height:56px;font-size:20px;border-radius:16px}.access-form .otp-box{width:clamp(34px,11.5vw,48px);height:52px;font-size:18px}.access-form{padding:26px 16px 22px}.access-form .big-ic{width:60px;height:60px;border-radius:20px}.access-form h2{font-size:18px}.access-form p{font-size:12.5px;margin-bottom:18px}.pt-head{padding:16px;gap:13px;border-radius:22px}.pt-av{width:52px;height:52px;border-radius:17px;font-size:17px}.pt-head h2{font-size:18px}.pt-meta{font-size:12px;gap:7px}.tabs{margin-bottom:16px;padding:5px;-webkit-overflow-scrolling:touch}.tab{padding:9px 14px;font-size:13px}.note{padding:16px;border-radius:20px}.note-body{font-size:13px;line-height:2}.locked-ov{padding:20px 16px}.locked-ov p{font-size:12px}.timer-bar{padding:11px 14px;border-radius:18px}.timer-bar .txt{font-size:12px;min-width:0}.timer-bar .cd{font-size:16px;padding:3px 12px}.modal-bg{place-items:end center;padding:0}.modal{max-width:100%;border-radius:26px 26px 0 0;max-height:92dvh;animation:sheetup .42s var(--spring);padding-bottom:env(safe-area-inset-bottom)}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:none}}.modal-head{padding:18px 18px 0}.modal-body{padding:16px 18px 18px}.modal-foot{padding:0 18px 18px;flex-direction:column-reverse}.modal-foot .btn{width:100%}.modal-bg{z-index:120}.modal:before{content:"";position:absolute;top:9px;left:50%;transform:translate(-50%);width:44px;height:4px;border-radius:99px;background:#64748b59;z-index:5;animation:none}.modal-head{padding-top:24px}.toasts{inset-inline:12px;bottom:calc(14px + env(safe-area-inset-bottom));zoom:1!important}.toast{max-width:none;font-size:12.5px;padding:12px 16px}#splash .skip{bottom:calc(20px + env(safe-area-inset-bottom));inset-inline-end:16px;height:38px;font-size:12px}.recent-item:hover,.stat:hover,.role:hover{transform:none}}@media (max-width:380px){.otp-box{height:50px;font-size:18px}.brandmark img{height:30px}.langbtn{padding:0 9px}}@media (max-height:480px) and (pointer:coarse){.topbar{height:52px}.brandmark img{height:26px}.page{padding:12px 14px 20px}.auth-card{padding:24px 20px}.roles-3{gap:10px}.roles-3 .role{padding:14px 10px;border-radius:16px}.roles-3 .role .ic{width:38px;height:38px;border-radius:12px}.roles-3 .role b{font-size:13.5px}.roles-3 .role>span:last-child{font-size:11.5px}.role{padding:16px 12px}.role .ic{width:44px;height:44px}.role svg{width:21px;height:21px}.role b{font-size:14.5px}.role span{font-size:12px}.field label{font-size:14px}.field .hint{font-size:12.5px}.input{height:52px;font-size:15.5px}}