html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.shell{max-width:420px;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px calc(80px + 16px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.donut-wrap{justify-content:center;align-items:center;width:200px;height:200px;margin:12px auto 20px;display:flex;position:relative}.donut-svg{display:block}.donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.bottom-nav-fixed{z-index:20;width:min(420px,100%);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}