.app-bottom-nav{z-index:1000;box-sizing:border-box;height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px));background:var(--color-neutral-0,#fff);border-radius:20px 20px 0 0;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -14px #14325a4d}.app-bottom-nav__tab{min-width:0;color:var(--color-neutral-500,#6b7785);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:0 2px;font-size:10.5px;line-height:14px;display:flex}.app-bottom-nav__tab.is-active{color:var(--color-brand-700,#0a6d9e);font-weight:500}.app-bottom-nav__pill{border-radius:13px;place-items:center;width:44px;height:26px;transition:background-color .2s;display:grid;position:relative}.app-bottom-nav__tab.is-active .app-bottom-nav__pill{background:var(--color-brand-50,#e8f6fd)}.app-bottom-nav__tab:active .app-bottom-nav__pill{background:var(--color-hover-item)}.app-bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-bottom-nav__tab:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:-2px}.app-bottom-nav__dot{background:var(--color-danger-500,#ec342d);width:8px;height:8px;box-shadow:0 0 0 2px var(--color-neutral-0,#fff);border-radius:50%;position:absolute;top:0;right:8px}.app-bottom-nav__monogram{letter-spacing:-.02em;border-radius:6px;place-items:center;width:22px;height:22px;font-size:9.5px;font-weight:700;line-height:1;display:inline-grid}.app-bottom-sheet{z-index:2001;position:fixed;inset:0}.app-bottom-sheet__scrim{background:#00000080;position:absolute;inset:0}.app-bottom-sheet__panel{box-sizing:border-box;max-height:78dvh;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--color-neutral-0,#fff);border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.app-bottom-sheet__grab{background:var(--color-gray-200);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:0 auto 12px}.app-bottom-sheet__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.app-bottom-sheet__title{min-width:0;color:var(--el-text-color-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.app-bottom-sheet__list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.app-bottom-sheet__home{border:1px solid var(--color-gray-200);height:40px;color:var(--app-text-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.app-bottom-sheet-enter-active .app-bottom-sheet__panel,.app-bottom-sheet-leave-active .app-bottom-sheet__panel{transition:transform .3s}.app-bottom-sheet-enter-active .app-bottom-sheet__scrim,.app-bottom-sheet-leave-active .app-bottom-sheet__scrim{transition:opacity .3s}.app-bottom-sheet-enter-from .app-bottom-sheet__panel,.app-bottom-sheet-leave-to .app-bottom-sheet__panel{transform:translateY(100%)}.app-bottom-sheet-enter-from .app-bottom-sheet__scrim,.app-bottom-sheet-leave-to .app-bottom-sheet__scrim{opacity:0}@media (prefers-reduced-motion:reduce){.app-bottom-nav__pill,.app-bottom-sheet-enter-active .app-bottom-sheet__panel,.app-bottom-sheet-enter-active .app-bottom-sheet__scrim,.app-bottom-sheet-leave-active .app-bottom-sheet__panel,.app-bottom-sheet-leave-active .app-bottom-sheet__scrim{transition:none}}
