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:var(--dark-bg);z-index:var(--z-critical-modal, 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:var(--z-notification, 1100)}body.native-app.platform-android{--android-nav-bar-color: var(--dark-bg)}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 .nav-link[data-view=download],body.native-app #download-view,body.native-app .pwa-install-banner{display:none!important}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:var(--danger-red-light);color:#fff;text-align:center;padding:8px 16px;font-size:.9rem;font-weight:500;z-index:var(--z-emergency, 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:var(--primary-green);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.biometric-login-btn:hover,.biometric-login-btn:focus{background:#00ff891a;border-color:var(--primary-green);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}#desktop-only-modal{position:fixed;inset:0;z-index:var(--z-critical-modal);display:flex;align-items:center;justify-content:center;padding:20px}.desktop-only-overlay{position:absolute;inset:0;background:#000000d9}.desktop-only-content{position:relative;background:#1a1a2e;border-radius:16px;padding:32px;max-width:340px;text-align:center;border:1px solid rgba(0,255,137,.2)}.desktop-only-icon{color:#00ff89;margin-bottom:16px}.desktop-only-content h3{margin:0 0 12px;color:#fff;font-size:1.25rem}.desktop-only-content p{margin:0 0 12px;color:#fffc;font-size:.95rem;line-height:1.5}.desktop-only-subtext{color:#ffffff80!important;font-size:.85rem!important}.desktop-only-actions{margin-top:20px}.desktop-only-actions .btn{width:100%;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;background:#00ff89;color:#0f0f1e;border:none;font-weight:600}#mobile-welcome-modal{position:fixed;inset:0;z-index:var(--z-critical-modal);display:flex;align-items:center;justify-content:center;padding:20px;background:#0f0f1e}.mobile-welcome-content{text-align:center;max-width:320px}.welcome-logo{width:80px;height:80px;margin:0 auto 20px;display:block}.mobile-welcome-content h2{color:#fff;margin:0 0 12px;font-size:1.5rem}.mobile-welcome-content p{color:#ffffffb3;margin:0 0 24px}.welcome-features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.welcome-features li{color:#fffc;padding:8px 0 8px 28px;position:relative}.welcome-features li:before{content:"✓";position:absolute;left:0;color:#00ff89;font-weight:700}#welcome-continue{width:100%;padding:14px 24px;background:#00ff89;color:#0f0f1e;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}