:root{--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--stone-50: #fafaf9;--stone-100: #f5f5f4;--stone-200: #e7e5e4;--stone-300: #d6d3d1;--stone-400: #a8a29e;--stone-500: #78716c;--stone-600: #57534e;--stone-700: #44403c;--stone-800: #292524;--stone-900: #1c1917;--radius: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--stone-100);color:var(--stone-900);min-height:100vh}a{text-decoration:none;color:var(--amber-700)}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:1rem}.navbar{background:var(--amber-500);color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.navbar-brand{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.navbar-links{display:flex;gap:.5rem}.navbar-links a,.navbar-links button{color:#fff;background:#ffffff26;padding:.5rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:background .2s}.navbar-links a:hover,.navbar-links button:hover{background:#ffffff4d;text-decoration:none}.container{max-width:680px;margin:2rem auto;padding:0 1rem}.container-wide{max-width:960px;margin:2rem auto;padding:0 1rem}.card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 3px #00000014}.card+.card{margin-top:1rem}.post-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 3px #00000014}.post-card+.post-card{margin-top:1rem}.post-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.post-avatar{width:44px;height:44px;border-radius:50%;background:var(--amber-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-meta{display:flex;flex-direction:column}.post-meta .name{font-weight:700;color:var(--stone-900)}.post-meta .breed{font-size:.8rem;color:var(--stone-500)}.post-content{margin-bottom:.75rem;white-space:pre-wrap;line-height:1.5}.post-image{width:100%;border-radius:var(--radius);margin-bottom:.75rem;max-height:400px;object-fit:cover}.post-actions{display:flex;gap:1rem;padding-top:.5rem;border-top:1px solid var(--stone-100)}.post-actions button{background:none;color:var(--stone-500);font-size:.9rem;display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border-radius:var(--radius);transition:all .2s}.post-actions button:hover{background:var(--stone-100);color:var(--stone-700)}.post-actions button.liked{color:#ef4444}.btn{padding:.6rem 1.2rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:all .2s}.btn-primary{background:var(--amber-500);color:#fff}.btn-primary:hover{background:var(--amber-600)}.btn-secondary{background:var(--stone-200);color:var(--stone-700)}.btn-secondary:hover{background:var(--stone-300)}.btn-follow{padding:.4rem 1rem;font-size:.85rem;border-radius:9999px}.btn-follow.following{background:var(--stone-200);color:var(--stone-600)}.btn-follow:not(.following){background:var(--amber-500);color:#fff}.btn-danger{background:#fee2e2;color:#dc2626}.btn-danger:hover{background:#fecaca}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.9rem;color:var(--stone-600)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.6rem .8rem;border:2px solid var(--stone-200);border-radius:var(--radius);font-size:.95rem;transition:border-color .2s;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--amber-400)}.form-group textarea{resize:vertical;min-height:80px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.user-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 3px #00000014;text-align:center;transition:transform .2s,box-shadow .2s}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.user-card .avatar{width:72px;height:72px;border-radius:50%;background:var(--amber-100);margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:2.2rem;overflow:hidden}.user-card .avatar img{width:100%;height:100%;object-fit:cover}.user-card .display-name{font-weight:700;font-size:1.05rem;color:var(--stone-900)}.user-card .username{font-size:.8rem;color:var(--stone-500)}.user-card .breed-tag{display:inline-block;background:var(--amber-100);color:var(--amber-800);padding:.15rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin:.5rem 0}.user-card .stats{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;font-size:.85rem;color:var(--stone-500)}.user-card .stats strong{color:var(--stone-800)}.profile-header{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--amber-100);display:flex;align-items:center;justify-content:center;font-size:3.5rem;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info h1{font-size:1.6rem;margin-bottom:.1rem}.profile-info .username{color:var(--stone-500);margin-bottom:.5rem}.profile-info .bio{color:var(--stone-600);margin-bottom:.5rem;line-height:1.5}.profile-info .stats{display:flex;gap:1.5rem;font-size:.9rem;color:var(--stone-500);margin-bottom:1rem}.profile-info .stats strong{color:var(--stone-800)}.profile-actions{display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:500px;padding:1.5rem;box-shadow:0 20px 60px #0003}.modal h2{margin-bottom:1rem;font-size:1.2rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.login-modal{max-width:420px}.login-modal h1{font-size:2rem;text-align:center;margin-bottom:.25rem}.login-modal .subtitle{text-align:center;color:var(--stone-500);margin-bottom:1.5rem}.dog-emoji-hero{text-align:center;font-size:4rem;margin-bottom:1rem}.create-post-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--amber-500);color:#fff;font-size:1.8rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #f59e0b66;transition:transform .2s;z-index:50}.create-post-btn:hover{transform:scale(1.1)}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.3rem;color:var(--stone-800)}.section-header p{color:var(--stone-500);font-size:.9rem}.error-msg{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--stone-500)}.empty-state .emoji{font-size:3rem;margin-bottom:.5rem}.upload-preview{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius);margin-top:.5rem}.loading{text-align:center;padding:2rem;color:var(--stone-500)}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;background:var(--stone-200);border-radius:var(--radius);padding:.25rem}.tabs button{flex:1;padding:.6rem;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.9rem;background:transparent;color:var(--stone-600);transition:all .2s}.tabs button.active{background:#fff;color:var(--stone-900);box-shadow:0 1px 3px #0000001a}@media (max-width: 600px){.navbar{padding:.75rem 1rem}.navbar-brand{font-size:1.2rem}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-actions{justify-content:center}.create-post-btn{bottom:1.5rem;right:1.5rem}}