.page-enter-active,.page-leave-active{transition:opacity .22s,transform .22s}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}:root{--primary:#0d828f;--primary-dark:#085f6a;--primary-light:#e0f4f6;--primary-xlight:#f0fafb;--accent:#b4d331;--accent-dark:#8faa1e;--accent-light:#f0f8d0;--surface:#fff;--surface-2:#f4f7f8;--surface-3:#eaecef;--on-surface:#0f1e2a;--on-surface-2:#3d5263;--on-surface-3:#7a9aaa;--divider:#e2ecf0;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:30px;--r-full:9999px;--font:"DM Sans", sans-serif;--font-display:"DM Serif Display", serif;--topbar-h:56px;--nav-h:68px;--sidebar-w:248px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--on-surface);-webkit-font-smoothing:antialiased}.bottom-nav{background:var(--surface);border-top:1px solid var(--divider);padding:6px 0 max(env(safe-area-inset-bottom,0px), 6px);z-index:100;flex-shrink:0;display:flex;box-shadow:0 -1px #0000000a,0 -8px 20px #0d828f0d}.bn-item{cursor:pointer;color:inherit;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;text-decoration:none;transition:transform .15s;display:flex;position:relative}.bn-item:active{transform:scale(.86)}.bn-item .material-icons-round{color:var(--on-surface-3);font-size:22px;transition:color .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}.bn-item .lbl{color:var(--on-surface-3);font-size:10px;font-weight:500;transition:color .2s}.bn-item.active .material-icons-round{color:var(--primary);transform:translateY(-3px)scale(1.12)}.bn-item.active .lbl{color:var(--primary);font-weight:700}.bn-pip{background:var(--primary);border-radius:0 0 3px 3px;width:0;height:3px;transition:width .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.bn-item.active .bn-pip{width:36px}@media (width>=900px){body{background:#080f14}}