*,:before,:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;background:#f4eaf6;height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow-y:auto}input,textarea,select{-webkit-user-select:auto;user-select:auto}#root{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-shell{background:#fff8fc;max-width:430px;min-height:100dvh;margin:0 auto;padding-bottom:84px;position:relative}.bottom-nav{z-index:900;width:100%;max-width:430px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #f3e8ff;gap:6px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #7c3aed0f}.nav-btn{color:#8b849c;cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0 6px;font-size:11px;font-weight:700;transition:background .2s,color .2s,transform .1s;display:flex}.nav-btn span:first-child{font-size:20px}.nav-btn.active{color:#7c3aed;background:#f3e8ff}.nav-btn:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}