/* Alpine cloak: hide elements until Alpine initializes to prevent flash */ [x-cloak] { display: none !important; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; -webkit-tap-highlight-color: transparent; overscroll-behavior: none; } /* ── Loading spinner ─────────────────────────────────────────── */ @keyframes spin { to { transform: rotate(360deg); } } .spinner { border: 2.5px solid rgba(0, 0, 0, 0.1); border-top-color: #1B5E20; border-radius: 50%; width: 20px; height: 20px; animation: spin 0.65s linear infinite; flex-shrink: 0; display: inline-block; } /* White variant for dark backgrounds */ .spinner-white { border-color: rgba(255, 255, 255, 0.3); border-top-color: #fff; } /* ── Pro username gradient ──────────────────────────────────── */ .pro-name { background: linear-gradient(90deg, #1B5E20 0%, #2e7d32 55%, #FFC107 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* ── Bottom nav safe area ────────────────────────────────────── */ .bottom-nav { padding-bottom: max(env(safe-area-inset-bottom, 0px), 2px); } /* ── Hide scrollbar (tab bars, chip rows) ──────────────────── */ .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } /* ── Page transition on route change ────────────────────────── */ @keyframes page-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } #page-content > * { animation: page-in 0.14s ease-out; } /* ═══════════════════════════════════════════════════════════════ THEME SYSTEM Three palettes applied as a class on . Key: 'cg_theme' in localStorage. Default: theme-light. Anti-flash inline