.app-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;transition:background .3s ease;overflow:hidden}.mobile-frame{position:relative;width:100%;display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;z-index:1}.mobile-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:60px 20px 20px;scrollbar-width:none;-ms-overflow-style:none}.mobile-content::-webkit-scrollbar{display:none}.status-bar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;font-size:14px;font-weight:600;z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none}.notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:30px;background:#000;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:21}.status-right{display:flex;gap:6px;align-items:center;pointer-events:auto;cursor:default}@media(min-width:481px){.mobile-frame{width:375px;height:85vh;max-height:850px;border-radius:50px;box-shadow:0 0 0 12px #1e293b,0 0 0 13px #ffffff1a,0 30px 60px -12px #0009;overflow:hidden;border:1px solid rgba(0,0,0,.1)}}@media(max-width:480px){.app-container{padding:0;align-items:flex-start}.mobile-frame{width:100%;height:100%;border-radius:0;box-shadow:none;border:none}.notch{display:none}.status-bar{height:44px;padding-top:5px}.mobile-content{padding-top:50px}}.modal-overlay{position:absolute;inset:0;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end}.modal-content{width:100%;max-height:90%;border-top-left-radius:24px;border-top-right-radius:24px;padding:24px 24px 40px;overflow-y:auto;overflow-x:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0003}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.web-frame{width:1000px!important;max-width:95vw!important;border-radius:12px!important;box-shadow:0 25px 50px -12px #00000080!important;border:1px solid rgba(255,255,255,.1)!important}.web-view .status-bar,.web-view .notch{display:none!important}.web-view .mobile-content{padding-top:40px!important;display:flex!important;flex-direction:row!important;gap:40px!important}.web-view .mobile-content>div:first-child{flex:0 0 350px!important;display:flex;flex-direction:column}.web-view .mobile-content>div:last-child{flex:1!important;margin-top:0!important;border-left:1px solid rgba(150,150,150,.2);padding-left:40px!important}.web-view .modal-overlay{align-items:center!important;justify-content:center!important}.web-view .modal-content{width:500px!important;max-height:80vh!important;border-radius:16px!important;animation:fadeInScale .2s ease-out!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.web-login-frame{width:400px!important;height:auto!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000080!important;border:1px solid rgba(150,150,150,.2)!important}