:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf6f0;--card:#fff;--text:#2b241c;--muted:#7a6f61;--border:#ece3d6;--primary:#e8763a;--primary-dark:#cf5f25;--accent:#4f8a5b;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--primary-dark);text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:.5rem .6rem;font-family:inherit;font-size:.95rem}.app-main{min-height:calc(100vh - 60px)}.page-narrow{max-width:640px;margin:0 auto;padding:1.5rem 1rem 3rem}.page-narrow.no-pad{padding-top:1rem}.loading,.empty-state{text-align:center;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:2rem 1rem}.navbar{background:var(--card);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.brand{color:var(--primary-dark);white-space:nowrap;font-size:1.25rem;font-weight:700}.nav-links{flex:1;gap:1rem;display:flex}.nav-links a{color:var(--text);font-weight:500}.nav-links a:hover{color:var(--primary-dark)}.nav-right{align-items:center;gap:.75rem;display:flex}.dog-switcher{border-radius:20px}.me-link{font-weight:500}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:20px;padding:.55rem 1.1rem;font-weight:600}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:16px;padding:.4rem .8rem}.btn-ghost:hover{border-color:var(--primary)}.btn-follow{background:var(--accent);color:#fff;border:none;border-radius:16px;padding:.4rem 1rem;font-weight:600}.btn-follow.following{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-like{border:1px solid var(--border);background:0 0;border-radius:16px;padding:.4rem .9rem}.btn-like.liked{border-color:var(--primary);color:var(--primary-dark);background:#fdece2}.auth-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;width:360px;max-width:90vw;padding:2rem;box-shadow:0 10px 30px #0000000a}.auth-card h1{margin:0 0 .25rem}.tagline{color:var(--muted);margin-top:0}.auth-card form{flex-direction:column;gap:.85rem;margin:1rem 0;display:flex}.auth-card label,.card-form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.form-error{color:#b3261e;background:#fdecea;border-radius:8px;padding:.5rem .7rem;font-size:.85rem}.card-form{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-row{gap:1rem;display:flex}.form-row label{flex:1}.composer{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1.25rem;padding:1rem}.composer.empty-state{margin-bottom:1.25rem}.composer-head{gap:.75rem;display:flex}.composer-head textarea{resize:vertical;flex:1}.composer-preview{align-items:center;gap:.75rem;margin:.75rem 0;display:flex}.composer-preview img{border-radius:10px;max-height:160px}.composer-row{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.composer-row select{border-radius:16px}.composer-row input{flex:1;min-width:160px}.file-btn{align-items:center;gap:.3rem;display:inline-flex}.post-card{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1rem;padding:1rem}.post-header{align-items:center;gap:.6rem;display:flex}.post-avatar,.dog-card-avatar,.profile-avatar{background:#f2e9dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex;overflow:hidden}.post-avatar img,.dog-card-avatar img,.profile-avatar img{object-fit:cover;width:100%;height:100%}.post-dog-name{color:var(--text);font-weight:700}.post-meta{color:var(--muted);font-size:.8rem}.post-delete{color:var(--muted);border:none;margin-left:auto}.post-content{white-space:pre-wrap;margin:.75rem 0;line-height:1.4}.post-photo img{object-fit:cover;border-radius:12px;width:100%;max-height:480px;margin-bottom:.5rem}.post-actions{gap:.6rem;margin-top:.5rem;display:flex}.comments{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.85rem;padding-top:.75rem;display:flex}.comment{background:#f8f4ee;border-radius:10px;padding:.4rem .7rem;font-size:.9rem}.comment-author{margin-right:.4rem;font-weight:700}.comment-form{gap:.5rem;display:flex}.comment-form input{flex:1}.dog-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.dog-grid-item{background:var(--card);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:.6rem;padding:.85rem;display:flex}.dog-card{color:var(--text);align-items:center;gap:.75rem;display:flex}.dog-card-name{font-weight:700}.dog-card-breed{color:var(--muted);font-size:.85rem}.dog-card-stats{color:var(--muted);font-size:.75rem}.search-bar{gap:.6rem;margin:1rem 0;display:flex}.search-bar input{flex:1}.profile-cover{background:linear-gradient(135deg,#f3d9b1,#e8763a) 50%/cover;justify-content:flex-end;align-items:flex-end;height:220px;padding:.75rem;display:flex}.profile-header{align-items:flex-end;gap:1rem;max-width:640px;margin:-40px auto 0;padding:0 1rem;display:flex}.profile-avatar{border:4px solid var(--card);width:96px;height:96px;font-size:2.5rem;position:relative}.avatar-upload{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;position:absolute;bottom:0;right:0}.profile-info{flex:1;padding-bottom:.25rem}.profile-info h1{margin:0}.profile-breed{color:var(--muted)}.profile-bio{margin:.4rem 0}.profile-facts{color:var(--muted);flex-wrap:wrap;gap:.9rem;font-size:.85rem;display:flex}.profile-actions{padding-bottom:.5rem}.profile-stats{border-bottom:1px solid var(--border);gap:1.5rem;max-width:640px;margin:1rem auto 0;padding:0 1rem .75rem;display:flex}.stat{color:var(--muted);background:0 0;border:none;font-size:.9rem}.stat strong{color:var(--text)}