/* Memoroam — Navigation */
/* Home topbar */
.home-topbar{display:flex;justify-content:space-between;align-items:flex-end;padding:52px 0 18px;}
.home-topbar-left{display:flex;flex-direction:column;gap:2px;}
.home-greeting{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--text);line-height:1.1;}
.home-subtitle{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:.2px;}
.bell-btn{width:44px;height:44px;border-radius:50%;background:var(--text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;position:relative;flex-shrink:0;}
.bell-btn:hover{transform:scale(1.08);}
.bell-badge{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:50%;background:#E85D5D;border:2px solid var(--bg);}

/* ── NAV ── */
.bottom-nav{flex-shrink:0;background:rgba(240,235,227,.96);backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;padding:12px 0 calc(26px + env(safe-area-inset-bottom,0px));height:calc(76px + env(safe-area-inset-bottom,0px));position:relative;z-index:50;transition:background .3s,border-color .3s;}
.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px 18px;position:relative;transition:transform .15s;}
.nav-btn:active{transform:scale(.88);}
.nav-btn svg{color:var(--muted);transition:color .2s;}
.nav-btn.active svg{color:var(--text);}
.nav-dot{width:5px;height:5px;border-radius:50%;background:var(--text);position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);animation:dotPop .25s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes dotPop{from{transform:translateX(-50%) scale(0);}to{transform:translateX(-50%) scale(1);}}

/* FAB floats above nav */
.fab{position:fixed;bottom:88px;right:calc(50% - 195px + 18px);width:50px;height:50px;border-radius:50%;background:var(--text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 22px rgba(0,0,0,.24);transition:transform .2s,opacity .3s;z-index:60;}
.fab:hover{transform:scale(1.1);}
.fab.hidden{opacity:0;pointer-events:none;transform:scale(.8);}

/* ── Dark Mode ── */
[data-theme="dark"] .bottom-nav{background:rgba(26,23,20,.96);}