*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#eef0f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}a{color:inherit}.app-frame{max-width:480px;margin:0 auto;height:100dvh;height:100vh;background:#fff6ee;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 0 40px #00000014}@media (min-width: 481px){.app-frame{margin-top:12px;height:calc(100vh - 24px);border-radius:24px}}.app-topbar{flex:0 0 auto;height:56px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#ff7a00;color:#fff;font-size:17px;font-weight:600}.app-topbar .back-btn{color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer}.app-content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.app-bottomnav{flex:0 0 auto;display:flex;border-top:1px solid #f0d9c0;background:#fff;padding-bottom:env(safe-area-inset-bottom)}.bottomnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0 6px;min-height:56px;font-size:11px;color:#9a9a9a;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none}.bottomnav-item .icon{font-size:21px}.bottomnav-item.active{color:#ff7a00;font-weight:600}.centered-screen{min-height:100%;display:flex;align-items:center;justify-content:center}