:root{color-scheme:light dark;--bg: #f6f1e9;--bg-elevated: #fffdfa;--surface: #ffffff;--surface-sunken: #f2ece3;--line: #e3d9cb;--line-strong: #cfc1ad;--ink: #23201c;--ink-soft: #6b6055;--ink-faint: #948878;--accent: #c4622d;--accent-soft: #f6e2d4;--accent-ink: #8f4218;--grass: #3f7d4e;--grass-soft: #e0efe1;--sky: #3d7ba8;--danger: #b3462f;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(35 32 28 / .06), 0 8px 24px -14px rgb(35 32 28 / .28);--shadow-lift: 0 2px 4px rgb(35 32 28 / .08), 0 18px 40px -20px rgb(35 32 28 / .4);--font: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", "Nunito", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #17150f;--bg-elevated: #211e17;--surface: #1e1b15;--surface-sunken: #14120d;--line: #332e24;--line-strong: #4a4234;--ink: #f2ece1;--ink-soft: #b3a794;--ink-faint: #8b8070;--accent: #e8894f;--accent-soft: #3a2415;--accent-ink: #f6b98a;--grass: #6fb87f;--grass-soft: #1d2f21;--sky: #73aed6;--danger: #e07a5f;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px -14px rgb(0 0 0 / .7);--shadow-lift: 0 2px 6px rgb(0 0 0 / .5), 0 18px 40px -20px rgb(0 0 0 / .8)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1180px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--accent-ink);flex-shrink:0}.logo-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:10px;font-size:17px;box-shadow:var(--shadow)}.search{flex:1;max-width:340px;position:relative}.search input{width:100%;padding:8px 12px 8px 34px;border-radius:999px;border:1px solid var(--line);background:var(--surface);outline-offset:1px}.search:before{content:"🔍";position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.6;pointer-events:none}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.layout{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 16px 96px;display:grid;grid-template-columns:208px minmax(0,1fr) 296px;gap:24px;align-items:start}.layout.narrow{grid-template-columns:minmax(0,1fr);max-width:640px}.rail,.sidebar{position:sticky;top:76px;display:grid;gap:14px}.nav{display:grid;gap:2px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:999px;color:var(--ink-soft);font-weight:600;transition:background .15s,color .15s}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.active{background:var(--accent-soft);color:var(--accent-ink)}.nav .nav-icon{font-size:17px;width:22px;text-align:center}.nav .badge{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;min-width:20px;text-align:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:16px}.card-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px}.stack{display:grid;gap:14px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:13px}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--accent-ink)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--ink)}.btn-sm{padding:5px 12px;font-size:13px}.btn-icon{padding:8px;width:38px;height:38px;border-radius:50%;border-color:transparent;background:transparent;position:relative;font-size:17px}.btn-icon:hover{background:var(--surface)}.btn-icon .dot{position:absolute;top:5px;right:5px;min-width:17px;height:17px;padding:0 4px;background:var(--accent);color:#fff;border-radius:999px;font-size:10px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}.field{display:grid;gap:5px}.field label{font-size:12px;font-weight:700;color:var(--ink-soft)}.input,textarea.input,select.input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);resize:vertical}.input:focus{border-color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error-banner{background:color-mix(in srgb,var(--danger) 14%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);padding:9px 13px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.avatar{border-radius:50%;object-fit:cover;background:var(--surface-sunken);border:1px solid var(--line);flex-shrink:0;display:block}.avatar-fallback{display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(150deg,var(--accent),var(--accent-ink));border:1px solid var(--line)}.composer textarea{width:100%;border:none;background:transparent;resize:none;font-size:16px;padding:4px 0;min-height:54px;outline:none}.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-preview{position:relative;margin-top:10px}.composer-preview img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line)}.composer-preview button{position:absolute;top:8px;right:8px;background:#000000a6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer}.char-count{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.char-count.over{color:var(--danger);font-weight:700}.post{padding:16px}.post-head{display:flex;gap:11px;align-items:flex-start}.post-author{font-weight:700}.post-meta{font-size:12.5px;color:var(--ink-faint);display:flex;gap:6px;flex-wrap:wrap}.post-body{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px}.post-photo{margin-top:12px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--line);display:block;background:var(--surface-sunken)}.post-actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.react-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--ink-soft);font-weight:700;font-size:13px;cursor:pointer;transition:transform .12s,background .15s,color .15s;font-variant-numeric:tabular-nums}.react-btn:hover{background:var(--surface-sunken);color:var(--ink)}.react-btn:active{transform:scale(.93)}.react-btn.on{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.react-btn .emoji{font-size:15px;line-height:1}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink-soft)}.chip-park{background:var(--grass-soft);color:var(--grass);border-color:color-mix(in srgb,var(--grass) 28%,transparent)}.chip-mood{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.feed{display:grid;gap:14px}.empty{text-align:center;padding:44px 20px;color:var(--ink-soft)}.empty .big{font-size:38px;display:block;margin-bottom:8px}.skeleton{background:linear-gradient(90deg,var(--surface-sunken),var(--line),var(--surface-sunken));background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.profile-cover{height:128px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(120deg,var(--accent) 0%,#d89a5c 45%,var(--grass) 100%)}.profile-head{padding:0 18px 18px}.profile-avatar-wrap{margin-top:-46px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;position:relative}.profile-avatar{border:4px solid var(--surface);box-shadow:var(--shadow)}.profile-name{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:12px 0 0}.profile-handle{color:var(--ink-faint);font-size:14px}.profile-bio{margin:10px 0 0;overflow-wrap:anywhere}.stat-row{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}.stat{display:inline-flex;align-items:baseline}.stat b{font-size:16px}.stat span{color:var(--ink-faint);font-size:13px;margin-left:4px}button.stat{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px solid transparent}button.stat:hover{border-bottom-color:var(--line-strong)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.fact{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:10px 12px}.fact dt{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:800}.fact dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.energy-bar{display:flex;gap:3px;margin-top:5px}.energy-bar i{width:17px;height:7px;border-radius:3px;background:var(--line-strong)}.energy-bar i.on{background:var(--accent)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 8px}.tabs button{background:none;border:none;cursor:pointer;padding:11px 13px;font-weight:700;color:var(--ink-soft);border-bottom:2.5px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--accent-ink);border-bottom-color:var(--accent)}.dog-row{display:flex;align-items:center;gap:11px;padding:9px 0}.dog-row+.dog-row{border-top:1px solid var(--line)}.dog-name{font-weight:700;font-size:14px}.dog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:14px}.dog-card{padding:16px;display:grid;gap:10px;justify-items:center;text-align:center}.dog-card .reasons{display:grid;gap:4px;justify-items:center}.park-card{padding:16px;display:grid;gap:12px}.park-name{font-size:17px;font-weight:800;letter-spacing:-.01em}.here-now{display:flex;align-items:center;gap:-8px}.stack-avatars{display:flex}.stack-avatars .avatar{margin-left:-9px;border:2px solid var(--surface)}.stack-avatars .avatar:first-child{margin-left:0}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--grass);box-shadow:0 0 color-mix(in srgb,var(--grass) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.notif{display:flex;gap:11px;align-items:center;padding:12px 16px}.notif+.notif{border-top:1px solid var(--line)}.notif.unread{background:var(--accent-soft)}.notif-kind{font-size:18px;width:24px;text-align:center}.comment{display:flex;gap:10px;padding:11px 0}.comment+.comment{border-top:1px solid var(--line)}.comment-bubble{background:var(--surface-sunken);border-radius:4px 14px 14px;padding:9px 13px;overflow-wrap:anywhere}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1000px;margin:0 auto;padding:40px 24px}.auth-hero h1{font-size:44px;line-height:1.06;letter-spacing:-.035em;margin:18px 0 12px}.auth-hero p{font-size:17px;color:var(--ink-soft);max-width:420px}.auth-hero ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:9px}.auth-hero li{display:flex;gap:10px;align-items:center;font-weight:600}.auth-hero li span{font-size:19px}.auth-card{padding:26px;display:grid;gap:14px}.auth-switch{text-align:center;font-size:14px;color:var(--ink-soft)}.auth-switch button{background:none;border:none;cursor:pointer;color:var(--accent-ink);font-weight:800;padding:0}.demo-note{background:var(--grass-soft);border:1px solid color-mix(in srgb,var(--grass) 30%,transparent);color:var(--grass);border-radius:var(--radius-sm);padding:9px 13px;font-size:13px;font-weight:600}.tabbar{display:none}@media(max-width:1020px){.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{display:none}}@media(max-width:760px){.layout,.layout.narrow{grid-template-columns:minmax(0,1fr);padding:14px 12px 88px}.rail{display:none}.auth-screen{grid-template-columns:1fr;padding:28px 18px 60px}.auth-hero h1{font-size:34px}.search{max-width:none}.topbar-inner{padding:9px 12px;gap:9px}.logo span:last-child{display:none}.topbar-actions .btn-icon{display:none}.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:grid;place-items:center;gap:2px;padding:6px 0;font-size:10px;font-weight:700;color:var(--ink-faint);border-radius:12px;position:relative}.tabbar a.active{color:var(--accent-ink)}.tabbar .nav-icon{font-size:19px}.tabbar .badge{position:absolute;top:2px;right:50%;margin-right:-20px;background:var(--accent);color:#fff;border-radius:999px;font-size:9px;padding:0 5px;min-width:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}