:root { --primary:#399349; --bg:#F7F7F2; --text:#222222; }
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); -webkit-tap-highlight-color: transparent; }
.safe-bottom { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
.glass { backdrop-filter: blur(18px); background: rgba(247,247,242,.82); }
.timeline-dot::before { content:""; position:absolute; left:-1.05rem; top:.6rem; width:.75rem; height:.75rem; border-radius:999px; background:var(--primary); box-shadow:0 0 0 5px rgba(57,147,73,.13); }
.card-shadow { box-shadow: 0 18px 45px rgba(34,34,34,.08); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }