*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9fafb;overflow:hidden}:root{--green: #16a34a;--blue: #2563eb;--text: #111827;--hint: #6b7280;--bg: #ffffff;--border: #e5e7eb;--nav-height: 56px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:100;box-shadow:0 -1px 8px #0000000f}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border:none;background:transparent;cursor:pointer;gap:3px;min-height:var(--nav-height);transition:opacity .15s}.nav-btn:active{opacity:.7}.nav-btn .icon{font-size:22px;line-height:1}.nav-btn .label{font-size:10px;color:var(--hint)}.nav-btn.active .label{color:var(--green);font-weight:600}.nav-btn.active .icon{transform:scale(1.1)}.page{position:fixed;top:0;left:0;right:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));overflow-y:auto}