@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--cream: #FDF8F3;--warm-white: #FFFAF5;--sand: #E8DFD5;--sage: #7FA886;--sage-light: #E8F0E9;--terracotta: #D4836D;--terracotta-light: #F5E6E2;--bark: #5C4033;--bark-light: #8B7355;--charcoal: #2D2D2D;--text: #3D3D3D;--text-light: #7A7A7A;--shadow: rgba(92, 64, 51, .08)}body{font-family:Nunito,-apple-system,sans-serif;background:var(--cream);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app{max-width:500px;margin:0 auto;min-height:100vh;background:var(--cream);padding-bottom:80px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--warm-white);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--sand)}.logo{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;color:var(--bark)}.logo svg{width:28px;height:28px;color:var(--terracotta)}.checkin-trigger{display:flex;align-items:center;gap:6px;background:var(--sage);color:#fff;border:none;padding:10px 18px;border-radius:25px;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7fa8864d}.checkin-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7fa88666}.checkin-trigger svg{width:18px;height:18px}.at-park-section{padding:16px 0;background:var(--warm-white);border-bottom:1px solid var(--sand)}.section-header{display:flex;align-items:center;gap:8px;padding:0 20px 12px;font-size:.85rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.pulse-dot{width:8px;height:8px;background:var(--sage);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.at-park-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.at-park-scroll::-webkit-scrollbar{display:none}.at-park-card{display:flex;align-items:center;gap:12px;background:var(--sage-light);padding:12px 16px;border-radius:16px;flex-shrink:0;min-width:200px;border:2px solid var(--sage)}.at-park-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white}.at-park-info{display:flex;flex-direction:column;gap:2px}.at-park-name{font-weight:700;font-size:.95rem;color:var(--bark)}.at-park-location{font-size:.8rem;color:var(--sage);font-weight:600}.at-park-time{font-size:.75rem;color:var(--text-light)}.main{padding:16px}.feed{display:flex;flex-direction:column;gap:20px}.post-card{background:var(--warm-white);border-radius:24px;overflow:hidden;box-shadow:0 4px 20px var(--shadow)}.post-top{display:flex;justify-content:space-between;align-items:center;padding:16px}.post-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--sand)}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;font-size:1rem;color:var(--bark)}.author-breed{font-size:.8rem;color:var(--text-light)}.post-location{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--sage);font-weight:600;background:var(--sage-light);padding:6px 12px;border-radius:20px}.post-location svg{width:14px;height:14px}.post-image{position:relative;aspect-ratio:4/3;background:var(--sand)}.post-image img{width:100%;height:100%;object-fit:cover}.post-time{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.post-content{padding:16px}.post-caption{font-size:.95rem;line-height:1.5;margin-bottom:16px;color:var(--text)}.post-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:6px;background:var(--cream);border:2px solid var(--sand);padding:10px 16px;border-radius:25px;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:all .2s ease}.action-btn svg{width:20px;height:20px}.action-btn:hover{border-color:var(--bark-light)}.action-btn.woof-btn.active{background:var(--terracotta-light);border-color:var(--terracotta);color:var(--terracotta)}.action-btn.sniff-btn.active{background:var(--sage-light);border-color:var(--sage);color:var(--sage)}.post-replies{margin-top:16px;padding-top:16px;border-top:1px solid var(--sand)}.reply{font-size:.9rem;margin-bottom:8px;color:var(--text)}.reply strong{color:var(--bark)}.more-replies{background:none;border:none;color:var(--text-light);font-size:.85rem;cursor:pointer;font-family:inherit;font-weight:600}.parks-view,.pack-view,.profile-view{padding-top:8px}.view-title{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;color:var(--bark);margin-bottom:20px}.view-title svg{width:24px;height:24px;color:var(--terracotta)}.parks-list{display:flex;flex-direction:column;gap:12px}.park-card{display:flex;justify-content:space-between;align-items:center;background:var(--warm-white);padding:16px 20px;border-radius:20px;box-shadow:0 2px 12px var(--shadow)}.park-main{display:flex;align-items:center;gap:14px}.park-icon{font-size:1.8rem}.park-details{display:flex;flex-direction:column}.park-name{font-weight:700;font-size:1rem;color:var(--bark)}.park-meta{font-size:.8rem;color:var(--text-light)}.park-stats{display:flex;align-items:center;gap:12px}.dog-count{display:flex;align-items:center;gap:4px;color:var(--bark);font-weight:700}.dog-count svg{width:18px;height:18px;color:var(--terracotta)}.vibe-tag{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.vibe-tag.busy{background:#ffeee8;color:#d4836d}.vibe-tag.chill{background:#e8f4f8;color:#5b9dae}.vibe-tag.quiet{background:#e8f0e9;color:#7fa886}.vibe-tag.social{background:#fff4e8;color:#d4a86d}.pack-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:20px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pack-member{display:flex;flex-direction:column;align-items:center;background:var(--warm-white);padding:20px 12px;border-radius:20px;box-shadow:0 2px 12px var(--shadow)}.pack-member img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:3px solid var(--sage-light)}.member-name{font-weight:700;font-size:.9rem;color:var(--bark);margin-bottom:4px}.member-stat{font-size:.7rem;color:var(--text-light);text-align:center}.add-member{border:2px dashed var(--sand);background:transparent;box-shadow:none}.add-icon{width:64px;height:64px;border-radius:50%;background:var(--sage-light);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.add-icon svg{width:24px;height:24px;color:var(--sage)}.profile-card{background:var(--warm-white);border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px var(--shadow);margin-bottom:20px}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--sage);margin-bottom:16px}.profile-name{font-size:1.4rem;font-weight:800;color:var(--bark);margin-bottom:4px}.profile-breed{color:var(--terracotta);font-weight:600;font-size:.9rem;margin-bottom:8px}.profile-bio{color:var(--text-light);font-size:.9rem;margin-bottom:24px}.profile-stats{display:flex;justify-content:center;gap:32px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--bark)}.stat-label{font-size:.75rem;color:var(--text-light)}.profile-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:6px;background:var(--cream);padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--bark)}.badge svg{width:16px;height:16px;color:var(--terracotta)}.recent-parks h3{font-size:1rem;font-weight:700;color:var(--bark);margin-bottom:12px}.parks-mini{display:flex;flex-direction:column;gap:8px}.park-mini{display:flex;align-items:center;gap:8px;background:var(--warm-white);padding:12px 16px;border-radius:14px;font-size:.9rem;color:var(--text);box-shadow:0 2px 8px var(--shadow)}.park-mini svg{width:16px;height:16px;color:var(--sage)}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;background:var(--warm-white);display:flex;justify-content:space-around;padding:12px 0 20px;border-top:1px solid var(--sand);z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-light);font-family:inherit;font-size:.7rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:16px;transition:all .2s ease}.nav-item svg{width:24px;height:24px}.nav-item.active{color:var(--terracotta);background:var(--terracotta-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal{background:var(--warm-white);width:100%;max-width:500px;border-radius:24px 24px 0 0;padding:20px;max-height:80vh;overflow-y:auto}.modal-handle{width:40px;height:4px;background:var(--sand);border-radius:2px;margin:0 auto 20px}.checkin-modal h2{font-size:1.3rem;font-weight:800;color:var(--bark);margin-bottom:8px}.modal-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:24px}.checkin-parks{display:flex;flex-direction:column;gap:12px}.checkin-option{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--cream);border:2px solid var(--sand);padding:16px 20px;border-radius:16px;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s ease}.checkin-option:hover{border-color:var(--sage);background:var(--sage-light)}.checkin-park-name{font-weight:700;font-size:1rem;color:var(--bark);display:block;margin-bottom:4px}.checkin-park-meta{font-size:.8rem;color:var(--text-light)}.checkin-arrow{font-size:1.2rem;color:var(--sage)}@media (max-width: 400px){.pack-grid{grid-template-columns:repeat(2,1fr)}}