.app-shell{max-width:430px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 40px rgba(0,0,0,.08);padding-bottom:92px;overflow:hidden;position:relative}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 8px;position:relative;z-index:5}
.site-footer{height:1px}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);height:78px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(15px);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #edf1ef;z-index:20;box-shadow:0 -8px 30px rgba(6,48,31,.06)}
.bottom-nav button{border:0;background:none;color:#748087;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px}
.bottom-nav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.bottom-nav .active{color:var(--green);font-weight:800}
.bottom-nav .active svg{fill:var(--green);stroke:var(--green)}
.menu-layer{position:fixed;inset:0;z-index:40;pointer-events:none}
.menu-scrim{position:absolute;inset:0;border:0;background:rgba(5,24,14,.34);opacity:0;transition:.22s}
.side-menu{position:absolute;top:0;right:max(calc((100vw - 430px)/2),0px);width:min(82vw,330px);height:100%;background:#fff;padding:calc(22px + env(safe-area-inset-top)) 22px 28px;transform:translateX(108%);transition:.25s;box-shadow:-14px 0 34px rgba(0,0,0,.13)}
.menu-layer.open{pointer-events:auto}.menu-layer.open .menu-scrim{opacity:1}.menu-layer.open .side-menu{transform:none}
.side-menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.side-close{width:36px;height:36px;border:0;background:#f6f8f6;border-radius:10px;font-size:24px;line-height:1}
.side-links a{display:block;text-decoration:none;padding:15px 2px;border-bottom:1px solid #edf1ef;font-size:14px;font-weight:700}