/* Legacy navigation compatibility layer. The Life navigation is defined elsewhere. */
.sidebar{grid-area:sidebar;background:rgba(255,252,248,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(237,227,216,.9);border-radius:var(--radius);padding:14px 10px;display:flex;flex-direction:column;gap:6px;height:calc(100vh - 96px);position:sticky;top:14px;box-shadow:var(--shadow-sm)}
.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:11px 14px;background:transparent;border:none;border-radius:12px;font-family:var(--font-body);font-size:14.5px;font-weight:500;color:var(--ink-soft);cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,transform .12s ease}.nav-item::before{content:'';position:absolute;left:4px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:20px;border-radius:3px;background:var(--primary);transition:transform .2s ease}.nav-item:hover{background:var(--cream);color:var(--ink)}.nav-item:active{transform:scale(.98)}.nav-item.active{background:var(--primary-soft);color:var(--primary-deep);font-weight:700}.nav-item.active::before{transform:translateY(-50%) scaleY(1)}.nav-icon{font-size:17px;opacity:.9}.nav-item.active .nav-icon{opacity:1}
.sidebar-footer{margin-top:auto;background:linear-gradient(160deg,#FFF8F1,#FDF0E6);border:1px solid var(--line);border-radius:14px;padding:12px 10px;text-align:center;box-shadow:var(--shadow-sm)}.mascot-mini img{width:56px;height:56px;border-radius:12px;cursor:pointer;transition:transform .2s ease}.mascot-quote{font-family:var(--font-body);font-size:12.5px;color:var(--ink-soft);margin-top:6px;font-weight:500}
.bn-item .msg-badge{top:1px;right:50%;transform:translateX(16px)}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:none;background:rgba(255,252,248,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:50;padding:5px 0 calc(5px + env(safe-area-inset-bottom)) 0}.bn-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:6px 2px;font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;transition:color .16s;border-radius:10px}.bn-item span{font-size:18px}.bn-item.active{color:var(--primary-deep)}.bn-item.active span{transform:scale(1.12)}
@media (max-width:900px){.sidebar{display:none}.bottom-nav{display:flex}}
@media (max-width:640px){.bottom-nav .bn-item{padding-inline:0;font-size:10px}.bottom-nav .bn-item span{font-size:17px}}
.bn-item small{font-size:10px}.bn-item span{font-size:17px}