:root{--bg: #f5f5f5;--bg-soft: #f8f8f8;--surface: #ffffff;--text: #646464;--text-muted: #777777;--text-soft: #999999;--border: #e5e5e5;--accent: #e89980;--accent-dark: #d5826a;--button: #666666;--button-text: #ffffff;--danger: #c0392b;--success: #2e7d4f;--shadow: 0 12px 40px rgba(0, 0, 0, .08);--radius: 14px;--font: "Source Sans Pro", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(circle at top left,rgba(232,153,128,.18),transparent 36%),linear-gradient(180deg,#faf7f5 0%,var(--bg) 42%,#f0efed 100%)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header-block{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem .65rem}.services-nav{display:flex;flex-wrap:nowrap;gap:.35rem;padding:.55rem 1.5rem .85rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.services-nav a{flex:0 0 auto;white-space:nowrap;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);font-size:.9rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.services-nav a:hover{color:var(--accent-dark);border-color:var(--accent)}.services-nav a.active{background:var(--accent);border-color:var(--accent);color:#fff}.site-header img{height:42px;width:auto;display:block}.nav-links{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center}.nav-links a,.nav-links button.linkish{color:var(--text-soft);background:none;border:none;padding:0}.nav-links a:hover,.nav-links button.linkish:hover,.nav-links a.active{color:var(--accent)}.main{flex:1;width:min(960px,100%);margin:0 auto;padding:1.5rem}.hero{min-height:calc(100vh - 74px);display:grid;align-content:center;gap:1.25rem;padding:2rem 1.5rem 3rem;width:min(960px,100%);margin:0 auto}.hero img.brand{width:min(420px,100%);height:auto}.hero h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:300;color:var(--text);letter-spacing:-.02em}.hero p{margin:0;max-width:34rem;font-size:1.15rem;line-height:1.5;color:var(--text-muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:999px;padding:.85rem 1.35rem;background:var(--button);color:var(--button-text);font-weight:600;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000001f}.btn-accent{background:var(--accent)}.btn-accent:hover{background:var(--accent-dark)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 .35rem;font-weight:600;color:var(--text)}.panel .lead{margin:0 0 1.25rem;color:var(--text-muted);line-height:1.45}.form-grid{display:grid;gap:.9rem}.form-grid label{display:grid;gap:.35rem;font-size:.95rem;color:var(--text)}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;background:var(--bg-soft);color:var(--text)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #e8998040}.msg{margin:.75rem 0 0;padding:.75rem .9rem;border-radius:10px;background:#fff4ef;color:var(--accent-dark);border:1px solid rgba(232,153,128,.35)}.msg.ok{background:#eef8f1;color:var(--success);border-color:#2e7d4f40}.msg.err{background:#fdecea;color:var(--danger);border-color:#c0392b40}.stack{display:grid;gap:1rem}.dog-list{display:grid;gap:.75rem}.dog-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.dog-item strong{display:block;color:var(--text)}.dog-item span{color:var(--text-muted);font-size:.92rem}.swipe-card{min-height:280px;display:grid;align-content:center;gap:.5rem;text-align:center;padding:2rem 1.25rem;border-radius:var(--radius);background:linear-gradient(160deg,rgba(232,153,128,.16),transparent 55%),var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);animation:rise .35s ease}.swipe-card h3{margin:0;font-size:1.8rem;font-weight:600}.swipe-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.swipe-actions .btn{min-width:120px}.match-card{padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.filters{display:grid;gap:.85rem;margin-bottom:1rem}.filters .row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.filters .row>*{flex:1;min-width:160px}.muted{color:var(--text-muted)}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-top:1rem}.service-card{padding:1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);animation:rise .35s ease}.service-card h3{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;color:var(--text)}.service-card p{margin:0 0 .5rem;font-size:.92rem;line-height:1.4;color:var(--text-muted)}.service-card-btn{display:block;width:100%;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.service-card-btn:hover,.service-card-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e8998040}.site-footer{padding:1.5rem;text-align:center;color:var(--text-soft);border-top:1px solid var(--border);background:#fff9}.site-footer p{margin:0}.site-footer-versions{margin-top:.45rem!important;font-size:.85rem;letter-spacing:.02em;opacity:.85}.auth-divider{text-align:center;margin:1rem 0 .75rem;font-size:.9rem}.oauth-stack{display:grid;gap:.65rem}.facebook-auth,.google-auth{margin-bottom:0}.btn-facebook,.btn-google{width:100%}.btn-facebook{background:#1877f2;color:#fff}.btn-facebook:hover{background:#166fe5}.btn-google{background:#fff;color:#3c4043;border:1px solid var(--border)}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000014}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:640px){.site-header{flex-direction:column;align-items:flex-start}.services-nav{padding-left:1rem;padding-right:1rem}.dog-item{flex-direction:column;align-items:flex-start}}