:root{--brand:#2e9e63;--brand-deep:#1e7a4a;--brand-soft:#e8f4ec;--brand-softer:#f2f9f4;--accent:#e8654e;--accent-soft:#fceae5;--gold:#e0a23c;--bg:#fbf8f3;--surface:#fff;--surface-2:#f6f2ea;--ink:#232720;--ink-2:#5c6157;--ink-3:#969b8e;--line:#ece8df;--line-2:#e2ddd1;--r-sm:12px;--r:18px;--r-lg:26px;--r-xl:32px;--pad:20px;--shadow-sm:0 2px 8px #2632240d;--shadow:0 8px 28px #26322414;--shadow-lg:0 18px 48px #26322424;--font-display:"Quicksand", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--maxw:1240px;--sidebar-w:256px}[data-theme=dark]{--bg:#16190f;--surface:#1e2218;--surface-2:#262b1e;--ink:#f2f1e9;--ink-2:#b5baa8;--ink-3:#818674;--line:#303527;--line-2:#3a4030;--brand-soft:#1c3024;--brand-softer:#1a2a20;--accent-soft:#33231f;--shadow-sm:0 2px 8px #0000004d;--shadow:0 8px 28px #0006;--shadow-lg:0 18px 48px #00000080}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}h1,h2,h3,h4,.display{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--brand-soft)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px}::-webkit-scrollbar-track{background:0 0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.auth-stage{background:radial-gradient(1200px 600px at 80% -10%, var(--brand-soft), transparent 60%), radial-gradient(900px 500px at -10% 110%, var(--accent-soft), transparent 55%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.shell{grid-template-columns:1fr;min-height:100vh;display:grid}.shell__main{min-height:100vh;padding-bottom:96px;position:relative}.shell__content{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.sidebar{display:none}@media (width>=1024px){.shell{grid-template-columns:var(--sidebar-w) 1fr}.shell__main{padding-bottom:40px}.shell__content{max-width:var(--maxw);padding:0 40px}.sidebar{display:flex}.tabbar{display:none!important}}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:26px 18px;position:sticky;top:0}.sidebar__brand{align-items:center;gap:11px;padding:4px 10px 22px;display:flex}.sidebar__brand-mark{flex:none}.sidebar__brand-text{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1}.sidebar__brand-text b{color:var(--brand)}.sidebar__brand-text span{font-family:var(--font-body);color:var(--ink-3);letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:600;display:block}.navitem{color:var(--ink-2);text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:13px;width:100%;padding:11px 14px;font-size:15px;font-weight:700;transition:background .16s,color .16s;display:flex}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem--active{background:var(--brand-soft);color:var(--brand-deep)}.navitem svg{flex:none}.navitem__badge{background:var(--accent);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;display:grid}.sidebar__spacer{flex:1}.sidebar__foot{border-top:1px solid var(--line);margin-top:8px;padding-top:14px}.topbar{z-index:20;background:linear-gradient(var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky;top:0}.topbar__title{font-family:var(--font-display);flex:1;font-size:clamp(22px,3vw,30px);font-weight:700}.topbar__back{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;transition:background .15s;display:grid}.topbar__back:hover{background:var(--surface-2)}.topbar__action{background:var(--brand);color:#fff;height:40px;box-shadow:var(--shadow-sm);border:none;border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:800;transition:transform .12s,filter .15s;display:inline-flex}.topbar__action:hover{filter:brightness(1.05)}.topbar__action:active{transform:scale(.96)}.topbar__icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.topbar__icon-btn:hover{color:var(--ink);background:var(--surface-2)}.tabbar{z-index:50;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:999px;justify-content:space-between;align-items:center;gap:2px;width:min(440px,100% - 28px);padding:8px 10px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.tab{color:var(--ink-3);background:0 0;border:none;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;font-size:10.5px;font-weight:800;transition:color .15s;display:flex;position:relative}.tab span{letter-spacing:.01em}.tab--active{color:var(--brand)}.tab--active .tab__ico{background:var(--brand-soft)}.tab__ico{border-radius:12px;place-items:center;width:38px;height:30px;transition:background .15s;display:grid}.tab__badge{background:var(--accent);color:#fff;border:2px solid var(--surface);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:2px;right:22%}.tab--cta{flex:none}.tab--cta .tab__ico{background:var(--brand);color:#fff;border:4px solid var(--surface);border-radius:50%;width:52px;height:52px;margin-top:-22px;box-shadow:0 8px 20px #2e9e6366}.tab--cta:hover .tab__ico{filter:brightness(1.06)}.btn{height:52px;font-family:var(--font-display);white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:16px;font-weight:700;transition:transform .12s,filter .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.975)}.btn--block{width:100%}.btn--primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn--ghost:hover{background:var(--surface-2)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{filter:brightness(1.04)}.btn--gold{background:var(--gold);color:#fff}.btn--sm{height:40px;padding:0 16px;font-size:14px}.chip{background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:700;transition:all .14s;display:inline-flex}.chip--active{background:var(--brand);color:#fff;border-color:var(--brand)}.chip:hover:not(.chip--active){border-color:var(--brand);color:var(--brand-deep)}.field{margin-bottom:14px;position:relative}.input{border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);width:100%;height:54px;color:var(--ink);font-family:var(--font-body);padding:0 18px;font-size:15px;font-weight:600;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-3);font-weight:600}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}textarea.input{resize:vertical;height:auto;min-height:96px;padding:14px 18px;line-height:1.5}.search{background:var(--surface);border:1.5px solid var(--line);height:50px;color:var(--ink-3);border-radius:999px;align-items:center;gap:10px;padding:0 18px;display:flex}.search input{font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15px;font-weight:600}.search input::placeholder{color:var(--ink-3)}.label{color:var(--ink-2);margin:0 0 8px 4px;font-size:13px;font-weight:800;display:block}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.photo{background:linear-gradient(135deg, var(--brand-soft), var(--surface-2));place-items:center;display:grid;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo__fallback{color:var(--brand);opacity:.35;place-items:center;display:grid;position:absolute;inset:0}.avatar{font-family:var(--font-display);color:#fff;background:var(--brand);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;padding:12px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.row:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.row__thumb{border-radius:15px;flex:none;width:64px;height:64px}.row__body{flex:1;min-width:0}.row__title{font-family:var(--font-display);font-size:16px;font-weight:700}.row__sub{color:var(--ink-2);margin-top:2px;font-size:13.5px;font-weight:600}.row__meta{color:var(--ink-3);margin-top:3px;font-size:12px;font-weight:700}.grid{gap:14px;display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (width>=700px){.grid--auto{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.section-title{font-family:var(--font-display);justify-content:space-between;align-items:center;margin:26px 0 13px;font-size:19px;font-weight:700;display:flex}.section-title a{color:var(--brand);font-size:14px;font-weight:800}.muted{color:var(--ink-2)}.tiny{font-size:12.5px}.tag{border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex}.tag--brand{background:var(--brand-soft);color:var(--brand-deep)}.tag--accent{background:var(--accent-soft);color:var(--accent)}.tag--gold{color:#b07916;background:#fbf0da}[data-theme=dark] .tag--gold{color:var(--gold);background:#2e2716}@media (prefers-reduced-motion:no-preference){.screen-enter{animation:.42s cubic-bezier(.2,.7,.3,1) backwards screenIn}@keyframes screenIn{0%{transform:translateY(12px)}to{transform:none}}}.stack{flex-direction:column;display:flex}.rowflex{align-items:center;display:flex}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.center{justify-content:center}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.scroll-x{scrollbar-width:none;gap:10px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.match-wrap{flex-direction:column;align-items:center;padding-top:6px;display:flex}.match-deck{aspect-ratio:3/4.1;width:min(420px,100%);max-height:62vh;margin:0 auto;position:relative}@media (width>=1024px){.match-deck{max-height:580px}}.swipe-card{border-radius:var(--r-xl);background:var(--surface-2);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;inset:0;overflow:hidden}.swipe-card__photo{position:absolute;inset:0}.swipe-card__photo img{object-fit:cover;width:100%;height:100%}.swipe-card__grad{background:linear-gradient(#0000 40%,#1419120d 52%,#141912db 100%);position:absolute;inset:0}.swipe-card__info{padding:22px 22px 24px;position:absolute;bottom:0;left:0;right:0}.swipe-stamp{font-family:var(--font-display);letter-spacing:.04em;border:4px solid;border-radius:12px;padding:7px 16px;font-size:22px;font-weight:800;position:absolute;top:26px;transform:rotate(-12deg)}.swipe-stamp--like{color:var(--brand);border-color:var(--brand);left:22px}.swipe-stamp--nope{color:var(--accent);border-color:var(--accent);right:22px;transform:rotate(12deg)}.match-actions{justify-content:center;align-items:center;gap:22px;margin-top:22px;display:flex}.circ{background:var(--surface);box-shadow:var(--shadow);border:none;border-radius:50%;place-items:center;transition:transform .14s,filter .15s;display:grid}.circ:hover{transform:translateY(-3px)}.circ:active{transform:scale(.92)}.circ--nope{width:62px;height:62px;color:var(--accent)}.circ--info{width:50px;height:50px;color:var(--gold)}.circ--like{color:#fff;background:var(--brand);width:70px;height:70px;box-shadow:0 10px 24px #2e9e6366}.petcard{text-align:left;border:1px solid var(--line);padding:0;transition:transform .16s,box-shadow .16s;overflow:hidden}.petcard:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.modal-scrim{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#191e168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:min(440px,100%);box-shadow:var(--shadow-lg);max-height:92vh;padding:26px;overflow-y:auto}.hero{border-radius:var(--r-xl);background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;padding:26px;position:relative;overflow:hidden}.hero__paw{opacity:.16;position:absolute;bottom:-16px;right:-10px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=560px){.quick-grid{grid-template-columns:repeat(4,1fr)}}.quick{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.quick:hover{box-shadow:var(--shadow-sm);border-color:var(--line-2);transform:translateY(-3px)}.quick__ico{color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.quick__t{font-family:var(--font-display);font-size:15px;font-weight:700}.quick__d{color:var(--ink-3);font-size:12px;font-weight:700}.tip{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:flex-start;gap:15px;padding:18px;display:flex}.tip__ico{color:#fff;border-radius:15px;flex:none;place-items:center;width:50px;height:50px;display:grid}.tip__t{font-family:var(--font-display);font-size:16px;font-weight:700}.tip__d{color:var(--ink-2);margin-top:4px;font-size:14px;font-weight:600;line-height:1.45}.tipcard{text-align:left;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);flex-direction:column;align-items:flex-start;width:100%;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tipcard:hover{box-shadow:var(--shadow);border-color:var(--line-2);transform:translateY(-4px)}.checkrow{text-align:left;border-radius:var(--r-sm);background:var(--surface-2);width:100%;color:var(--ink);border:1.5px solid #0000;align-items:center;gap:12px;padding:13px 15px;font-size:14.5px;font-weight:700;transition:background .14s,border-color .14s;display:flex}.checkrow:hover{border-color:var(--line-2)}.checkrow--on{background:var(--brand-soft);color:var(--brand-deep)}.checkrow--on span:last-child{text-decoration:line-through;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);opacity:.75}.checkbox{border:2px solid var(--line-2);background:var(--surface);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;transition:background .14s,border-color .14s;display:grid}.checkrow--on .checkbox{background:var(--brand);border-color:var(--brand)}.tip-progress{background:var(--line-2);border-radius:999px;height:8px;overflow:hidden}.tip-progress span{background:var(--brand);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.3,1);display:block}.map{border-radius:var(--r-lg);background:linear-gradient(0deg, var(--line) 1px, transparent 1px) 0 0 / 100% 32px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 32px 100%, var(--surface-2);border:1px solid var(--line);height:200px;position:relative;overflow:hidden}.map__road{background:var(--surface);position:absolute}.map__pin{width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:50% 50% 50% 0;place-items:center;display:grid;position:absolute;transform:rotate(-45deg)}.map__pin:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px}.vet-row{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:14px;padding:15px;display:flex}.vet-mark{color:#fff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.donate-hero{text-align:center;border-radius:var(--r-xl);background:var(--brand-soft);border:1px solid var(--line);padding:30px 24px}.tier-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tier{border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);font-family:var(--font-display);padding:16px 8px;font-size:17px;font-weight:700;transition:all .14s}.tier--active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-deep)}.pay{border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;padding:15px;font-weight:700;transition:border-color .14s;display:flex}.pay--active{border-color:var(--brand);background:var(--brand-soft)}.pay__radio{border:2px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.pay--active .pay__radio{border-color:var(--brand)}.pay--active .pay__radio:after{content:"";background:var(--brand);border-radius:50%;width:11px;height:11px}.profile-head{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);align-items:center;gap:16px;padding:22px;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{text-align:center;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);padding:16px}.stat__n{font-family:var(--font-display);color:var(--brand);font-size:24px;font-weight:700}.stat__l{color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:700}.menu-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-align:left;align-items:center;gap:14px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:background .14s;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item__ico{background:var(--brand-soft);width:38px;height:38px;color:var(--brand-deep);border-radius:11px;flex:none;place-items:center;display:grid}.notif{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:13px;padding:15px;display:flex}.notif--unread{border-color:var(--brand);background:var(--brand-softer)}.notif__ico{color:#fff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid}.notif__dot{background:var(--brand);border-radius:50%;flex:none;width:9px;height:9px}.shop-card{text-align:left;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.shop-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.add-btn{background:var(--brand);color:#fff;border:none;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.add-btn:hover{filter:brightness(1.05)}.kpi{background:linear-gradient(135deg, var(--brand), var(--brand-deep));color:#fff;border-radius:var(--r-xl);padding:26px;position:relative;overflow:hidden}.stream{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);align-items:center;gap:14px;padding:16px;display:flex}.stream__ico{color:#fff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.toggle{background:var(--brand);border:none;border-radius:999px;flex:none;width:44px;height:26px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:3px;right:3px}.toggle--off{background:var(--line-2)}.toggle--off:after{left:3px;right:auto}.spark{align-items:flex-end;gap:5px;height:60px;display:flex}.spark span{background:#ffffff73;border-radius:4px 4px 0 0;flex:1}.publish-opt{border-radius:var(--r);border:1.5px solid var(--line-2);background:var(--surface);text-align:left;align-items:center;gap:14px;width:100%;padding:18px;transition:border-color .14s,background .14s;display:flex}.publish-opt:hover{border-color:var(--brand);background:var(--brand-softer)}.publish-opt__ico{color:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.upload{border:1.6px dashed var(--line-2);border-radius:var(--r);text-align:center;color:var(--ink-2);background:var(--surface-2);padding:20px;font-weight:700}.two-col{gap:22px;display:grid}@media (width>=1024px){.two-col{grid-template-columns:1.4fr 1fr;align-items:start}}