:root{--pri:#0E1B3F;--pri2:#2E7D33;--acc:#F5D33B;--ink:#0E1B3F;--sub:#64748b;--line:#e5e7eb;--ok:#2E9B3D;--bad:#dc2626;--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{overscroll-behavior:none}body{margin:0;background:#0E1B3F;font-family:Montserrat,system-ui,sans-serif;color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}.app{max-width:520px;margin:0 auto;min-height:100vh;background:#f4f6fb;position:relative;display:flex;flex-direction:column}.scroll{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:12px}.hdr{background:linear-gradient(135deg,#0E1B3F,#123A6B);color:#fff;padding:calc(12px + var(--sat)) 16px 12px;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hdr,.hdr .logo{display:flex;align-items:center}.hdr .logo{width:34px;height:34px;border-radius:9px;background:#F5D33B;justify-content:center;flex-shrink:0;overflow:hidden}.hdr .title{font-weight:700;font-size:16px;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr .ic{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:19px;position:relative}.btn{background:var(--pri);color:#fff;border:0;border-radius:12px;padding:13px 16px;font-weight:700;font-size:14px;width:100%;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{background:#94a3b8}.btn.sm{width:auto;padding:9px 14px;font-size:12px;border-radius:10px}.btn.out{background:#fff;color:var(--pri);border:2px solid var(--pri)}.card{border:1px solid var(--line);border-radius:16px;padding:14px}.card,.inp{background:#fff}.inp{border:1px solid var(--line);border-radius:12px;padding:13px;font-size:15px;width:100%;color:var(--ink)}.pill{padding:2px 8px;border-radius:999px}.gchip,.pill{font-size:10px;font-weight:700}.gchip{display:inline-flex;border-radius:6px;overflow:hidden}.gchip .a{background:#e6f4e6;color:#2E7D33;padding:2px 5px}.gchip .b{color:#fff;padding:2px 5px}.muted{color:var(--sub)}.tabbar{background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + var(--sab));position:-webkit-sticky;position:sticky;bottom:0;z-index:20}.tabbar a{display:flex;flex-direction:column;align-items:center;font-size:10px;font-weight:600;gap:3px;flex:1 1;cursor:pointer}.tabbar .badge{position:absolute;top:-4px;right:50%;margin-right:-16px;background:#dc2626;color:#fff;border-radius:10px;font-size:9px;padding:0 5px;font-weight:700}.toast{position:fixed;bottom:calc(80px + var(--sab));left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:11px 18px;border-radius:22px;font-size:13px;font-weight:600;z-index:99;box-shadow:0 6px 20px rgba(0,0,0,.3)}.fade{animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.actionbar{background:#fff;border-top:1px solid var(--line);padding:12px 16px calc(12px + var(--sab));display:flex;gap:10px;position:-webkit-sticky;position:sticky;bottom:0}