:root{--app-bg:#FAF6F0;--surface:#FFFFFF;--surface-2:#F3ECE1;--surface-3:#EDE4D6;--ink:#2A2723;--ink-2:#6B655C;--ink-3:#A79F93;--line:#ECE4D8;--line-2:#E0D6C8;--brand:#F2734E;--brand-ink:#B84B27;--brand-soft:#FCE6DC;--track:#2FA36B;--track-soft:#DCF0E6;--sitter:#8B6FE0;--sitter-soft:#EAE3FB;--vet:#2E9BC9;--vet-soft:#DDF0F8;--shop:#E8913A;--shop-soft:#FBEBD5;--toy:#DE5A98;--toy-soft:#FBE1EE;--ok:#2FA36B;--warn:#E0912B;--danger:#E5484D;--shadow:0 6px 22px rgba(60,44,28,.09);--shadow-sm:0 2px 8px rgba(60,44,28,.07);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--app-bg:#161311;--surface:#211E1A;--surface-2:#2A2620;--surface-3:#322D26;--ink:#F4EFE7;--ink-2:#B4AB9E;--ink-3:#7C7568;--line:#332E27;--line-2:#3D372F;--brand:#FF8C68;--brand-ink:#FFB59A;--brand-soft:#3A241C;--track:#4BC98E;--track-soft:#1D3327;--sitter:#A88CF0;--sitter-soft:#2A2440;--vet:#54B7E0;--vet-soft:#16303C;--shop:#F0A959;--shop-soft:#3A2C15;--toy:#EE7BB0;--toy-soft:#3A1F2E;--shadow:0 8px 26px rgba(0,0,0,.45);--shadow-sm:0 3px 10px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--app-bg);color:var(--ink);font-family:Golos Text,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{margin:0;font-family:Manrope,sans-serif}a{color:var(--brand-ink);text-decoration:none}button{font-family:inherit}.app{height:100dvh;display:flex;flex-direction:column;background:var(--app-bg);overflow:hidden;position:relative;max-width:520px;margin:0 auto}.sb{height:calc(20px + var(--safe-top));flex:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 4px;font:700 15px Manrope;color:var(--ink)}.sb-r{display:flex;align-items:center;gap:6px}.appbody{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.appscroll{flex:1;overflow-y:auto;overflow-x:hidden}.appscroll::-webkit-scrollbar{width:0}.pad{padding:0 20px}.apphead{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 14px}.apphead .h-t{font:800 24px/1.05 Manrope;letter-spacing:-.5px}.apphead .h-s{font:500 13px Golos Text;color:var(--ink-2)}.hbar{display:flex;align-items:center;gap:12px;padding:8px 20px}.hbar .hb-t{font:800 20px Manrope}.iconbtn{width:42px;height:42px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:20px;color:var(--ink);position:relative;cursor:pointer}.iconbtn .dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--brand);border:2px solid var(--surface)}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px Golos Text;padding:14px 20px;border-radius:15px;border:0;cursor:pointer;transition:transform .07s,filter .12s}.btn:active{transform:scale(.97);filter:brightness(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #f2734e4d}.btn-sec{background:var(--surface-2);color:var(--ink)}.btn-ghost{background:transparent;color:var(--brand-ink);border:1.5px solid var(--line-2)}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;font:600 13px Golos Text;padding:9px 14px;border-radius:100px;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);cursor:pointer}.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.inp{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1.5px solid var(--line-2);border-radius:14px;padding:14px 15px;font:500 15px Golos Text;color:var(--ink)}.inp input{border:0;background:transparent;outline:0;font:inherit;color:var(--ink);flex:1;min-width:0}.inp input::placeholder{color:var(--ink-3)}.inp i{font-size:19px;color:var(--ink-3)}.inp.focus{border-color:var(--brand)}.inp.err{border-color:var(--danger)}.seg{display:flex;background:var(--surface-2);border-radius:13px;padding:4px;gap:4px}.seg>div{flex:1;text-align:center;font:600 13px Golos Text;padding:9px;border-radius:10px;color:var(--ink-2);cursor:pointer}.seg>div.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.avatar{border-radius:50%;background:var(--surface-3);display:grid;place-items:center;color:var(--ink-3);flex:none;overflow:hidden}.ph-img{position:relative;background-color:var(--surface-2);background-image:repeating-linear-gradient(45deg,var(--line) 0 1px,transparent 1px 11px);display:grid;place-items:center;overflow:hidden}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{border-radius:20px;padding:15px;position:relative;overflow:hidden;min-height:104px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.tile .ti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px}.tile .tn{font:700 15px Manrope}.tile .td{font:500 11.5px Golos Text;opacity:.7}.tabbar{flex:none;height:calc(64px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:flex-start;padding:9px 6px 0}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font:600 10.5px Golos Text;color:var(--ink-3);cursor:pointer;background:none;border:0}.tab i{font-size:24px}.tab.on{color:var(--brand)}.map{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 24%,#E7F2EA 0 22%,transparent 22%),radial-gradient(circle at 78% 68%,#E7F2EA 0 18%,transparent 18%),linear-gradient(0deg,#eef1ec,#eef1ec)}[data-theme=dark] .map{background:radial-gradient(circle at 30% 24%,#1E2A22 0 22%,transparent 22%),radial-gradient(circle at 78% 68%,#1E2A22 0 18%,transparent 18%),linear-gradient(0deg,#1c1e1b,#1c1e1b)}.pin{position:absolute;transform:translate(-50%,-100%);z-index:5}.pin-b{width:52px;height:52px;border-radius:50% 50% 50% 8px;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 6px 14px #00000040}.pin-b>*{transform:rotate(-45deg)}.geo{position:absolute;border:2px dashed var(--track);background:#2fa36b1a;border-radius:50%}.logo{display:inline-flex;align-items:center;gap:11px}.logo-mark{width:44px;height:44px;border-radius:13px;background:var(--brand);display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 4px 12px #f2734e59}.logo-txt{font:800 24px/1 Manrope;letter-spacing:-.5px}.logo-txt b{color:var(--brand)}.row{display:flex;align-items:center;gap:13px;padding:15px 4px;border-bottom:1px solid var(--line);cursor:pointer}.row:last-child{border-bottom:0}.row .ri{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;color:var(--ink-2);flex:none}.row .rt{font:600 15px Golos Text;flex:1}.row .rs{font:500 12.5px Golos Text;color:var(--ink-3)}.fade-in{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}