:root{--primary-bg: #FFFFFF;--text-primary: #1A1F2B;--text-secondary: #718096;--accent-color: #FF5252}body{margin:0;padding:0;width:100vw;min-height:100vh;background-color:#2d3748;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:430px;height:100vh;background-color:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 24px #0003}@media(min-width:480px){#root{height:90vh;min-height:800px;max-height:920px;border-radius:32px;border:8px solid #1A1F2B;margin:auto;transform:translateZ(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.page-loader{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.loader-spinner{width:40px;height:40px;border:3px solid #F1F2F6;border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}