.app-frame{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-frame.has-tabs .app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}.app-main{flex:1 1;display:flex;flex-direction:column}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:rgba(252,253,252,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.app-topbar .wordmark-sm{font-size:15px;font-weight:800;letter-spacing:-.03em;color:var(--green)}.app-topbar nav{display:flex;align-items:center;gap:8px}.nav-link{padding:7px 12px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--body);transition:background .18s ease,color .18s ease}.nav-link:hover{background:var(--wash);color:var(--green)}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:11px;background:linear-gradient(160deg,var(--green-hi) 0,var(--green) 100%);color:#fff;font-size:13.5px;font-weight:700;box-shadow:0 10px 20px -12px rgba(11,122,75,.9);transition:transform .18s var(--ease),box-shadow .18s ease}.nav-cta:hover{color:#fff;transform:translateY(-1px)}.nav-cta:active{transform:translateY(1px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;background:rgba(252,253,252,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar-inner{width:100%;max-width:var(--shell);display:grid;grid-template-columns:repeat(4,1fr)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 4px 10px;min-height:64px;color:var(--muted-2);font-size:10.5px;font-weight:700;letter-spacing:.01em;text-align:center;transition:color .18s ease}.tab:hover{color:var(--green)}.tab svg{width:22px;height:22px;display:block}.tab[aria-current=page]{color:var(--green)}.tab[aria-current=page]:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:var(--green)}.tab-badge{position:absolute;top:6px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#C7452F;color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;box-shadow:0 0 0 2px var(--surface)}.zone-notice{margin:0;padding:12px 20px;background:#FFF8E6;border-bottom:1px solid #f0e0b8;font-size:13px;line-height:1.5;color:#6B551B}.zone-notice code{font-family:var(--mono);font-size:12px;background:#fff;padding:1px 5px;border-radius:4px;border:1px solid #eadfc0}