html,body,#root{min-height:100%;margin:0}:root{color:#2b241c;background:#f4efe6;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#f8e7c9 0,#0000 40%),radial-gradient(circle at 100% 100%,#e4d3b8 0,#0000 45%),#f4efe6;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;color:#fff8ef;background:#c45c26;border:0;border-radius:999px;padding:.45rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:#fffdf8;border:1px solid #d9cbb8;border-radius:.7rem;width:100%;padding:.55rem .7rem}.app{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem}.topbar{flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 0 1.25rem;display:flex}.brand{letter-spacing:.02em;background:#2f5d50;font-size:1.35rem}nav{gap:.4rem;display:flex}nav button{color:#5b4a38;background:0 0}nav button.active{color:#2b241c;background:#ead7b8}.who{align-items:center;gap:.6rem;margin-left:auto;display:flex}.who img,.who-line img,.avatar-lg{object-fit:cover;background:#d9cbb8;border-radius:50%;width:2.4rem;height:2.4rem}.avatar-lg{width:6rem;height:6rem}.who label{color:#7a6854;gap:.15rem;font-size:.8rem;display:grid}.banner{color:#7a2e16;background:#f4d4c4;border-radius:.8rem;padding:.7rem 1rem}.layout{grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:1.2rem;display:grid}.card{background:#fffdf8;border:1px solid #eadfce;border-radius:1.1rem;padding:1rem 1.1rem;box-shadow:0 8px 24px #5036180f}.composer-col,.feed,.profile,aside{gap:1rem;display:grid}.composer h2,.card h2,.profile h2{margin:0 0 .7rem;font-size:1.05rem}.row{align-items:center;gap:.5rem;display:flex}.file{color:#7a6854;font-size:.85rem}.file-name,.meta,.hint,.walk{color:#7a6854;font-size:.92rem}.who-line{color:inherit;text-align:left;background:0 0;border-radius:0;align-items:center;gap:.7rem;width:100%;padding:0;display:flex}.who-line div{display:grid}.who-line span{color:#7a6854;font-size:.85rem}.post p,.dog-card p{line-height:1.45}.photo{object-fit:cover;background:#ead7b8;border-radius:.9rem;width:100%;max-height:320px}.like{color:#5b4a38;background:#ead7b8}.like.on{color:#fff8ef;background:#c45c26}.pack-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.join-tile{color:#fff8ef;background:#2f5d50;min-height:160px;font-size:1.1rem}.dog-card{gap:.7rem;display:grid}.profile-head{grid-template-columns:auto 1fr;align-items:start;gap:1rem;display:grid}.profile-grid{grid-template-columns:1.4fr .8fr;gap:1.2rem;display:grid}.join{gap:.8rem;max-width:560px;margin:0 auto;display:grid}.join h1{margin:0}.join label{gap:.3rem;font-size:.92rem;display:grid}@media (width<=840px){.layout,.profile-grid,.profile-head{grid-template-columns:1fr}.who{margin-left:0}}