:root{--primary:#006b57;--mint:#00c2a0;--mint-soft:#d9fff4;--blue:#2170e4;--ink:#141b2b;--muted:#64716c;--bg:#f9f9ff;--card:#fff;--line:#dce5e1;--danger:#b91a24;--warm:#fff8e9;--shadow:0 12px 35px rgba(20,27,43,.09);font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,#e1fff7 0,transparent 26%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.app{max-width:480px;min-height:100dvh;margin:auto;background:var(--bg);position:relative;padding-bottom:92px;overflow:hidden}.topbar{height:72px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:rgba(249,249,255,.92);backdrop-filter:blur(16px)}.brand{font-weight:800;font-size:25px;color:var(--primary);letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.credit-pill{border:0;background:#e6efff;color:#004395;border-radius:99px;padding:9px 13px;font-weight:700;display:flex;align-items:center;gap:6px}.page{padding:8px 20px 28px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800;color:var(--primary)}h1{font-size:31px;line-height:1.12;letter-spacing:-1.2px;margin:8px 0 10px}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 14px}h3{margin:0;font-size:17px}p{line-height:1.5;color:var(--muted)}.card{background:var(--card);border:1px solid rgba(187,202,195,.5);border-radius:24px;padding:18px;box-shadow:0 8px 28px rgba(20,27,43,.05)}.stack{display:grid;gap:14px}.btn{border:0;border-radius:17px;min-height:56px;padding:14px 18px;font-weight:750;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;transition:.18s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 9px 20px rgba(0,107,87,.2)}.btn-secondary{background:#e9edff;color:#004395}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-danger{color:var(--danger);background:#fff1f0}.btn-sm{width:auto;min-height:44px;border-radius:14px}.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:82px;padding:10px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.nav-item{border:0;background:none;color:#75827d;font-size:11px;font-weight:650;display:grid;place-items:center;gap:2px}.nav-item span:first-child{font-size:23px;line-height:1}.nav-item.active{color:var(--primary)}.map{height:490px;margin:-8px -20px 0;position:relative;background-color:#e8edea;background-image:linear-gradient(29deg,transparent 46%,#fff 47%,#fff 53%,transparent 54%),linear-gradient(118deg,transparent 45%,#fff 46%,#fff 51%,transparent 52%),linear-gradient(#d7e5df 1px,transparent 1px),linear-gradient(90deg,#d7e5df 1px,transparent 1px);background-size:170px 210px,210px 150px,45px 45px,45px 45px}.map:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(249,249,255,.4),transparent 30%,rgba(249,249,255,.4))}.search-box{position:absolute;z-index:4;top:12px;left:20px;right:20px;background:#fff;padding:13px 16px;border-radius:17px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center}.search-box input{border:0;outline:0;width:100%;font-size:15px}.locate{border:0;background:#e9fff8;color:var(--primary);width:38px;height:38px;border-radius:12px}.pin{position:absolute;z-index:3;width:52px;height:52px;border:5px solid #fff;border-radius:50% 50% 50% 8px;background:var(--primary);color:#fff;transform:rotate(-45deg);box-shadow:0 6px 16px rgba(0,0,0,.22);display:grid;place-items:center;font-weight:800}.pin span{transform:rotate(45deg)}.pin.selected{background:var(--blue);scale:1.12}.user-dot{position:absolute;z-index:3;width:22px;height:22px;border:5px solid white;background:var(--blue);border-radius:50%;box-shadow:0 0 0 7px rgba(33,112,228,.15)}.spot-sheet{position:absolute;z-index:10;bottom:15px;left:15px;right:15px}.spot-head{display:flex;justify-content:space-between;align-items:start}.avatar{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#c5dbff,#e9edff);display:grid;place-items:center;font-size:22px}.rating{font-size:13px;color:#6d756f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.stat{background:#f2f5f4;border-radius:14px;text-align:center;padding:10px 5px}.stat b{display:block;font-size:16px}.stat small{font-size:10px;color:var(--muted)}.floating-offer{position:absolute;z-index:12;bottom:18px;left:20px;right:20px}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:2px solid var(--line);background:#fff;border-radius:17px;min-height:58px;font-weight:750}.choice.active{border-color:var(--primary);background:var(--mint-soft);color:var(--primary)}label{font-size:13px;font-weight:700}.field{display:grid;gap:7px}.input{width:100%;border:1.5px solid var(--line);border-radius:16px;padding:15px;background:#fff;outline:0}.input:focus{border-color:var(--primary)}.notice{padding:14px;border-radius:16px;background:#edf9f5;color:#285a4e;font-size:13px;line-height:1.45}.countdown{width:190px;height:190px;border-radius:50%;margin:18px auto;display:grid;place-items:center;text-align:center;background:conic-gradient(var(--primary) var(--progress),#dce9e4 0);position:relative}.countdown:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.countdown div{position:relative;z-index:2}.countdown b{font-size:42px;display:block;letter-spacing:-2px}.countdown span{font-size:12px;color:var(--muted)}.status-line{display:flex;gap:12px;align-items:center}.pulse{width:12px;height:12px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 7px rgba(0,194,160,.17);margin:8px}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:18px 0}.progress span{height:6px;border-radius:10px;background:#dce5e1}.progress span.done{background:var(--primary)}.success-orb{width:112px;height:112px;border-radius:50%;background:var(--mint-soft);display:grid;place-items:center;margin:24px auto;color:var(--primary);font-size:52px;animation:pop .5s ease}.amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amount{height:66px;border:2px solid var(--line);border-radius:17px;background:#fff;font-size:18px;font-weight:800}.amount.active{border-color:var(--primary);color:var(--primary);background:var(--mint-soft)}.profile-head{text-align:center;padding:10px}.profile-avatar{width:84px;height:84px;margin:auto;border-radius:28px;background:linear-gradient(135deg,var(--mint),var(--primary));color:#fff;display:grid;place-items:center;font-size:34px;font-weight:800}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px;background:#fff;border-radius:19px;border:1px solid var(--line)}.metric b{font-size:22px;display:block}.metric span{font-size:11px;color:var(--muted)}.activity{display:flex;gap:12px;align-items:center}.activity-icon{width:43px;height:43px;border-radius:14px;background:#e9fff8;display:grid;place-items:center}.activity-content{flex:1}.activity-content small{color:var(--muted)}.positive{color:var(--primary);font-weight:800}.overlay{position:fixed;z-index:100;inset:0;background:rgba(12,20,18,.44);display:flex;align-items:flex-end;justify-content:center}.modal{width:min(480px,100%);max-height:92dvh;overflow:auto;border-radius:30px 30px 0 0;background:var(--bg);padding:24px 20px calc(26px + env(safe-area-inset-bottom));animation:rise .25s ease}.close{float:right;border:0;background:#e8edeb;border-radius:50%;width:38px;height:38px}.onboarding{min-height:100dvh;padding:30px 24px;display:flex;flex-direction:column}.onboarding-art{height:44dvh;min-height:280px;border-radius:35px;margin:18px 0 26px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d9fff4,#dbe7ff)}.road{position:absolute;background:white;border-radius:30px;transform:rotate(-19deg);width:130%;height:72px;left:-15%;top:42%}.car{position:absolute;top:37%;left:48%;width:80px;height:45px;background:var(--primary);border-radius:19px 23px 13px 13px;box-shadow:0 10px 18px rgba(0,0,0,.2)}.car:before,.car:after{content:"";position:absolute;bottom:-7px;width:15px;height:15px;border-radius:50%;background:#293040}.car:before{left:13px}.car:after{right:13px}.art-pin{position:absolute;top:18%;left:22%;font-size:57px}.dots{display:flex;gap:7px;margin-bottom:18px}.dots i{height:7px;width:7px;border-radius:99px;background:#c4ceca}.dots i.active{width:30px;background:var(--primary)}.spacer{flex:1}.toast{position:fixed;z-index:200;left:50%;bottom:100px;transform:translate(-50%,20px);background:#1e2a27;color:#fff;padding:13px 18px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;max-width:90%;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{text-align:center;padding:42px 20px}.empty-icon{font-size:55px}.switch{display:flex;gap:6px;background:#e9edeb;border-radius:15px;padding:4px}.switch button{flex:1;border:0;background:transparent;border-radius:11px;padding:10px;font-weight:700}.switch button.active{background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.07)}@keyframes rise{from{transform:translateY(25px);opacity:0}}@keyframes pop{0%{transform:scale(.4)}75%{transform:scale(1.08)}}@media(min-width:700px){body{padding:24px}.app{min-height:calc(100dvh - 48px);border-radius:32px;box-shadow:0 25px 70px rgba(16,39,33,.13)}.bottom-nav{bottom:24px;border-radius:0 0 32px 32px}.overlay{align-items:center}.modal{border-radius:30px;max-width:460px}}