body.native-app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.native-app.platform-ios{overscroll-behavior:none}body.native-app .app-header{padding-top:calc(env(safe-area-inset-top) + 8px)}body.native-app .bottom-nav,body.native-app .bottom-bar{padding-bottom:calc(env(safe-area-inset-bottom) + 8px)}body.keyboard-open{height:calc(100vh - var(--keyboard-height, 0px));overflow:hidden}body.keyboard-open .view-container{max-height:calc(100vh - var(--keyboard-height, 0px) - 60px);overflow-y:auto}body.keyboard-open .bottom-nav,body.keyboard-open .fixed-footer{display:none}body.native-app:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:#0f0f1e;z-index:10000}body.native-app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch}body.native-app input,body.native-app textarea,body.native-app [contenteditable=true]{-webkit-user-select:text;user-select:text}body.native-app button,body.native-app .btn,body.native-app .nav-link{min-height:44px;min-width:44px}body.native-app button:active,body.native-app .btn:active,body.native-app .clickable:active{opacity:.7;transform:scale(.98)}body.native-app .modal,body.native-app .modal-overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.native-app .modal-content{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px)}body.native-app .video-container{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.native-app .video-fullscreen{padding:0;margin:0}body.native-app .video-fullscreen video{width:100%;height:100%;object-fit:contain}body.native-app .pull-to-refresh{position:fixed;top:env(safe-area-inset-top);left:50%;transform:translate(-50%);z-index:9999}body.native-app.platform-android{--android-nav-bar-color: #0f0f1e}body.native-app.platform-android button,body.native-app.platform-android .btn{position:relative;overflow:hidden}body.native-app.platform-android button:after,body.native-app.platform-android .btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}body.native-app.platform-android button:active:after,body.native-app.platform-android .btn:active:after{width:200%;height:200%}body.native-app{opacity:1;transition:opacity .3s ease-in-out}body.native-app.loading{opacity:0}.native-offline-banner{position:fixed;top:env(safe-area-inset-top);left:0;right:0;background:#ff6b6b;color:#fff;text-align:center;padding:8px 16px;font-size:.9rem;font-weight:500;z-index:10001;transform:translateY(-100%);transition:transform .3s ease}.native-offline-banner.show{transform:translateY(0)}.biometric-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;margin-top:16px;background:transparent;border:2px solid rgba(0,255,137,.3);border-radius:12px;color:#00ff89;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.biometric-login-btn:hover,.biometric-login-btn:focus{background:#00ff891a;border-color:#00ff89;outline:none}.biometric-login-btn:active{transform:scale(.98)}.biometric-icon{display:flex;align-items:center;justify-content:center}.biometric-icon svg{width:28px;height:28px}.biometric-divider{display:flex;align-items:center;margin:20px 0;color:#ffffff80}.biometric-divider:before,.biometric-divider:after{content:"";flex:1;height:1px;background:#fff3}.biometric-divider span{padding:0 16px;font-size:.85rem}