:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 20% 10%,#246bfd12,#0000 30%),#f4f6f9;grid-template-columns:minmax(320px,402px);justify-content:center;align-items:start;gap:44px;min-height:100vh;padding:24px;display:grid}.app-shell--preview{grid-template-columns:238px minmax(320px,402px)}.page-index{border:1px solid #e5e9f0;height:min(874px,100vh - 48px);padding:18px 14px;position:sticky;top:24px;overflow-y:auto;box-shadow:0 18px 48px #17233c14}.phone{border:1px solid #e5e9f0;flex-direction:column;width:402px;height:min(874px,100vh - 48px);min-height:680px;display:flex;overflow:hidden;background:#f7f8fa!important;border-radius:28px!important;box-shadow:0 24px 64px #17233c24!important}.app-bar{padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e5e9f0;flex:none;background:#fffffff0!important}.page-content{min-height:0;padding:24px 20px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;flex:auto;overflow:hidden auto}.page-content>*{min-width:0}.bottom-navigation{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #e5e9f0;flex:none;box-shadow:0 -8px 28px #17233c0d;height:calc(70px + env(safe-area-inset-bottom))!important}.mobile-picker{display:none}@media (width<=760px){.app-shell{background:#f7f8fa;min-height:100dvh;padding:0;display:block}.page-index{display:none}.mobile-picker{height:calc(50px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-picker .MuiFormControl-root{width:172px}.mobile-picker .MuiInputBase-root{border-radius:10px;height:34px;font-size:12px}.phone{border:0;width:100%;height:100dvh;min-height:0;box-shadow:none!important;border-radius:0!important}}@media (width<=360px){.page-content{padding-inline:16px}}@media (width<=760px){.app-shell--preview .phone{height:calc(100dvh - 50px - env(safe-area-inset-top))}}.page-content a:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #246bfd}