.nav{position:fixed;bottom:0;left:0;right:0;background:transparent;border:0;padding:0 8px calc(6px + env(safe-area-inset-bottom));backdrop-filter:none;z-index:50}
.nav .navin{box-sizing:border-box;max-width:620px;margin:0 auto;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:4px 6px;background:#fffdfaf2;border:1px solid #eee5f1;border-radius:30px;box-shadow:0 3px 18px #37214612;backdrop-filter:blur(16px)}
.nav .navin button{box-sizing:border-box;position:relative;flex:1 1 0;min-width:0;height:48px;min-height:48px;margin:0;padding:5px 1px;display:grid;grid-template-rows:22px 13px;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;align-items:center;gap:3px;color:#7d788e;background:transparent;border:0;border-radius:24px;font-family:inherit;font-size:10px;font-weight:600;line-height:13px;white-space:nowrap;appearance:none;-webkit-appearance:none}
.nav .navin button.on{color:var(--purple);background:#f3ecff}
.nav .navin .nav-icon{display:block;grid-row:1;grid-column:1;width:22px;height:22px;margin:0;fill:currentColor;align-self:center}
.nav .navin .nav-label{display:block;grid-row:2;grid-column:1;height:13px;margin:0;line-height:13px;align-self:start}
.nav .request-count{position:absolute;top:0;left:calc(50% + 5px);margin:0;padding:2px 4px;font-size:9px;line-height:11px;border:2px solid white;background:var(--purple);color:white;border-radius:99px}
.nav [hidden]{display:none!important}.nav button:focus-visible{outline:3px solid var(--purple);outline-offset:-2px}
.app{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
@media(max-width:360px){.nav{padding-inline:5px}.nav .navin{padding-inline:3px}.nav .navin button{font-size:9px}}