@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--color-primary:#ff7043;--color-primary-light:#ff9a76;--color-primary-lighter:#ffcbb8;--color-primary-dark:#e65100;--color-primary-bg:#fff3ef;--color-primary-bg-deep:#ffe8e0;--color-accent:#ff8a65;--color-accent-soft:#ffab91;--color-secondary:#5d8c7b;--color-secondary-light:#81b5a1;--color-background:#fffaf7;--color-surface:#fff;--color-surface-warm:#fff8f5;--color-border:#f0e6de;--color-border-strong:#e0d0c4;--color-text-main:#3e2723;--color-text-sub:#5d4037;--color-text-muted:#8d6e63;--color-success:#10b981;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--font-family-base:"Brandon Grotesque", "BrandonGrotesque", "Outfit", system-ui, -apple-system, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:5rem;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:16px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}.dark{--color-background:#1a1210;--color-surface:#2a1f1a;--color-surface-warm:#33261e;--color-border:#4a3830;--color-border-strong:#5a4538;--color-text-main:#f9fafb;--color-text-sub:#e5e0dc;--color-text-muted:#a89890;--color-primary-bg:#3d1a10;--color-primary-bg-deep:#4d2418}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-weight:700;line-height:1.25}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.btn{border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);color:#fff;box-shadow:0 4px 14px #ff704347}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ff704361}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-bg)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none}.btn-ghost:hover{background:var(--color-border);color:var(--color-text-main)}.btn-sm{padding:.35rem .85rem;font-size:.8rem}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:#0000}.btn-lg{border-radius:12px;padding:.85rem 1.75rem;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.container{width:100%;max-width:1100px;padding:0 var(--spacing-lg);margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-xs);color:var(--color-text-sub);font-size:.875rem;font-weight:500;display:block}.form-control{border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-surface);width:100%;color:var(--color-text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.6rem .9rem;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}.badge{border-radius:var(--border-radius-full);padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-green{color:#065f46;background:#d1fae5}.badge-yellow{color:#92400e;background:#fef9c3}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#475569;background:#f1f5f9}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);background:#ffffffbf;border:1px solid #fff6}.dark .glass-panel{background:#1e293bbf;border-color:#ffffff1a}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-sm{align-items:center;gap:var(--spacing-sm);display:flex}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-xl)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.navbar{z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);height:64px;position:sticky;top:0}.navbar .container{height:100%}.logo-text{letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}@media (width<=480px){.logo-text{display:none}}.nav-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-links-container{align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:var(--border-radius-md);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;display:flex}.nav-icon-only{color:var(--color-text-muted);padding:.5rem;position:relative}.unread-badge{background-color:var(--color-primary);color:#fff;border:1.5px solid var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.theme-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--color-primary-bg);color:var(--color-primary)}.nav-link .short-text{display:none}@media (width<=850px){.nav-link .full-text{display:none}.nav-link .short-text{display:inline}}@media (width<=640px){.nav-links-container{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:1000;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:65px;padding:0 1rem;position:fixed;bottom:0;left:0;overflow-x:auto;box-shadow:0 -4px 12px #0000000d;justify-content:flex-start!important}.nav-links-container::-webkit-scrollbar{display:none}.nav-link{flex-direction:column;flex-shrink:0;gap:.25rem;min-width:72px;padding:.4rem;font-size:.75rem}.btn-post-mobile .btn-text{display:none}.btn-post-mobile .btn-icon{font-size:1.25rem;line-height:1;display:block}.btn-post-mobile{border-radius:50%;width:42px;height:42px;padding:0}}.nav-icon{display:none}@media (width<=640px){.nav-icon{display:block}}.btn-icon{display:none}.nav-link:hover{color:var(--color-primary);background:var(--color-primary-bg)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:600}.status-still_needed{color:#c63f17;background:#fff3ef}.status-on_hold{color:#92400e;background:#fef9c3}.status-confirmed{color:#065f46;background:#d1fae5}.status-completed{color:#6b7280;background:#f3f4f6}.status-available{color:#065f46;background:#d1fae5}.pet-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:box-shadow .2s,transform .2s}.pet-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}@keyframes slideInToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-bg{background:linear-gradient(90deg,#fff3ef 0%,#fff3efcc 45%,#fff3ef00 100%),url(/hero-bg.png) 100%/cover no-repeat;min-height:420px;padding:5rem 0}.dark .hero-bg{background:linear-gradient(90deg,#1a0f0a 0%,#1a0f0acc 45%,#1a0f0a00 100%),url(/hero-bg.png) 100%/cover no-repeat}@media (width>=641px){.mobile-break{display:none}}@media (width<=640px){.hero-bg{min-height:240px;padding:2.25rem 0;background:linear-gradient(90deg,#fff3ef 0%,#fff3eff2 55%,#fff3ef00 100%),url(/hero-bg.png) right 35% center/250% no-repeat!important}.dark .hero-bg{background:linear-gradient(90deg,#1a0f0a 0%,#1a0f0af2 55%,#1a0f0a00 100%),url(/hero-bg.png) right 35% center/250% no-repeat!important}.hero-bg h1{margin-bottom:.6rem!important;font-size:1.95rem!important}.hero-bg p.hero-desc{color:var(--color-text-main)!important;margin-bottom:0!important;font-size:.9rem!important}.hero-buttons{display:none!important}}.watermark-bg{z-index:1;position:relative}.watermark-bg:before{content:"";opacity:.1;z-index:-1;pointer-events:none;mix-blend-mode:multiply;background-image:url(/watermark-spaced.svg);background-repeat:repeat;background-size:200px;position:absolute;inset:0}.dark .watermark-bg:before{mix-blend-mode:screen;opacity:.02;filter:invert()}.benefits-bg{background:linear-gradient(180deg, var(--color-primary-bg) 0%, var(--color-primary-bg-deep) 100%)}.dark .benefits-bg{background:linear-gradient(#1e1410 0%,#2a1a14 100%)}.mission-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (width<=850px){.mission-grid{grid-template-columns:1fr;gap:2rem}}.disclaimer-box{background:var(--color-error-bg);border-radius:var(--border-radius-lg);border:1px solid #fecaca;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.dark .disclaimer-box{background:#2d1515;border-color:#7f1d1d}@media (width<=768px){.container{padding:0 var(--spacing-md)}main{padding-bottom:70px}.main-content-grid{flex-direction:column!important;align-items:stretch!important;gap:1.5rem!important;display:flex!important}.filter-sidebar{width:100%!important}.main-content-grid>div:nth-child(2){order:2}}.filter-sidebar{flex-shrink:0;width:240px}.messages-layout{gap:var(--spacing-md);height:calc(100vh - 160px);display:flex}.messages-sidebar{flex-direction:column;width:320px;display:flex}.messages-main{flex-direction:column;flex:1;display:flex}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.messages-layout{height:calc(100vh - 120px)}.messages-sidebar:not(.hidden-on-mobile){width:100%}.messages-sidebar.hidden-on-mobile,.messages-main.hidden-on-mobile{display:none!important}}