/* Reuse the existing welcome/dashboard five-item bar and circular home button. */
.momoham-bottom-nav-space { height:calc(80px + env(safe-area-inset-bottom)); flex-shrink:0; }
.momoham-bottom-nav-wrap {
    position:fixed; z-index:100; left:50%; bottom:0; width:100%;
    transform:translateX(-50%); pointer-events:none;
}
.momoham-bottom-nav {
    box-sizing:border-box; position:relative; width:100%; min-height:58px;
    display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end;
    padding:0 4px env(safe-area-inset-bottom); margin:0; gap:0;
    border-top:1px solid #d8ceca; border-bottom:1px solid #d8ceca;
    background:rgba(255,250,248,.98); backdrop-filter:blur(12px); pointer-events:auto;
}
.momoham-bottom-nav a {
    box-sizing:border-box; position:relative; min-width:0; min-height:58px;
    display:flex; align-items:center; justify-content:center; padding:0 4px; margin:0;
    border:0; border-radius:0; background:transparent; color:#4b433f; text-align:center;
    font-size:10px; font-weight:600; letter-spacing:-.01em; line-height:1.15;
    white-space:nowrap; cursor:pointer; text-decoration:none;
}
.momoham-bottom-nav > :nth-child(1)::after,
.momoham-bottom-nav > :nth-child(4)::after {
    content:''; position:absolute; top:17px; right:0; width:1px; height:24px; background:#ddd4cf;
}
.momoham-bottom-nav .active { font-weight:700; }
.momoham-bottom-nav .momoham-nav-home {
    align-self:start; width:58px; min-width:58px; height:58px; min-height:58px;
    margin:-20px auto 0; padding:0; border:1px solid rgba(255,255,255,.72); border-radius:50%;
    background:linear-gradient(145deg,#f28a6f 0%,#e67864 48%,#db6552 100%); color:#fff;
    box-shadow:0 8px 18px rgba(188,83,62,.26),0 3px 6px rgba(60,51,51,.16),inset 0 1px 1px rgba(255,255,255,.42),inset 0 -2px 3px rgba(143,55,41,.12);
    font-size:0; font-weight:700; letter-spacing:0; line-height:1; overflow:visible;
    transform:translateY(0); transition:transform .16s ease,box-shadow .16s ease;
}
.momoham-bottom-nav .momoham-nav-home::before {
    content:''; display:block; position:absolute; top:16px; left:50%; width:25px; height:23px;
    transform:translateX(-50%); background:#fff; border-radius:0; pointer-events:none;
    clip-path:polygon(50% 0%,100% 40%,88% 40%,88% 100%,61% 100%,61% 67%,39% 67%,39% 100%,12% 100%,12% 40%,0% 40%);
}
.momoham-bottom-nav .momoham-nav-home::after {
    content:''; display:block; position:absolute; left:50%; top:31px; width:5px; height:8px;
    transform:translateX(-50%); background:#df6955; border-radius:1px 1px 0 0; pointer-events:none;
}
.momoham-bottom-nav .momoham-nav-home:active {
    transform:translateY(2px);
    box-shadow:0 4px 10px rgba(188,83,62,.22),0 2px 4px rgba(60,51,51,.12),inset 0 1px 1px rgba(255,255,255,.35);
}
@media(min-width:1024px) {
    .momoham-bottom-nav-wrap { width:42vw; max-width:840px; }
}