:root{--ink:#12211c;--ink-soft:#4a5a53;--ink-faint:#8a978f;--paper:#f6f4ee;--card:#ffffff;--line:#e4e0d6;--line-soft:#eeebe3;--green:#1d8f68;--green-deep:#0f5f45;--green-wash:#e4f4ec;--clay:#c9613a;--clay-wash:#f8e9e2;--amber:#d99425;--shadow:0 1px 2px rgba(18,33,28,.05),0 8px 28px rgba(18,33,28,.07);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}body[dir=rtl]{font-family:IBM Plex Sans Arabic,sans-serif}.phone{width:100%;max-width:400px;height:844px;max-height:92vh;background:var(--paper);border-radius:38px;box-shadow:var(--shadow),0 0 0 1px var(--line);overflow:hidden;position:relative;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.screen::-webkit-scrollbar{width:0}.view{display:none;flex-direction:column;min-height:100%}.view.active{display:flex}.topbar{display:flex;align-items:center;gap:12px;padding:18px 20px 14px;background:var(--paper);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:18px;letter-spacing:-.02em}.brand .mark{width:26px;height:26px;border-radius:8px;background:var(--green);display:grid;place-items:center;flex-shrink:0}.brand .mark svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.lang-toggle{margin-inline-start:auto;display:flex;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;font-size:12px;font-weight:600}.lang-toggle button{border:0;background:transparent;color:var(--ink-faint);padding:5px 11px;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:600;transition:.15s}.lang-toggle button.on{background:var(--green);color:#fff}.country-view{padding:0 22px 24px;flex:1;display:flex;flex-direction:column}.hero{padding:40px 0 26px}.hero .kicker{font-size:13px;font-weight:600;color:var(--green);letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}.hero h1{font-size:32px;line-height:1.12;letter-spacing:-.03em;font-weight:700;margin-bottom:14px}.hero p{font-size:15px;line-height:1.6;color:var(--ink-soft)}.pick-label{font-size:12px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin:8px 0 12px}.country{display:flex;align-items:center;gap:14px;width:100%;text-align:start;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;font-family:inherit;transition:.15s}.country:hover{border-color:var(--green);transform:translateY(-1px)}.country .flag{font-size:26px;line-height:1}.country .cinfo{flex:1}.country .cname{font-weight:600;font-size:15px}.country .clang{font-size:12.5px;color:var(--ink-faint);margin-top:1px}.country .arrow{color:var(--ink-faint);font-size:18px}body[dir=rtl] .country .arrow{transform:scaleX(-1)}.map-wrap{position:relative;height:340px;background:linear-gradient(160deg,#eef1ec,#e7ece6);overflow:hidden;flex-shrink:0}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5}.map-road{position:absolute;background:#dfe4dc}.map-block{position:absolute;background:#e9ede7;border-radius:3px}.pin{position:absolute;transform:translate(-50%,-100%);cursor:pointer;z-index:5;transition:.15s}body[dir=rtl] .pin{transform:translate(50%,-100%)}.pin:hover{z-index:8}.pin .dot{width:30px;height:30px;border-radius:50% 50% 50% 2px;transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 3px 8px #12211c40;border:2.5px solid #fff}body[dir=rtl] .pin .dot{border-radius:50% 50% 2px}.pin .dot svg{transform:rotate(-45deg);width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pin.aid .dot{background:var(--clay)}.pin.task .dot{background:var(--green)}.pin .pulse{position:absolute;top:8px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:var(--clay);opacity:.3;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:translate(-50%) scale(.6);opacity:.4}to{transform:translate(-50%) scale(2.4);opacity:0}}.map-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;display:flex;align-items:center;gap:7px;box-shadow:var(--shadow)}.map-hint svg{width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2.2}.you-marker{position:absolute;width:16px;height:16px;z-index:4}.you-marker .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#2f7fe0;border:3px solid #fff;box-shadow:0 2px 6px #0003}.feed{padding:6px 18px 100px;flex:1}.feed-head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 4px 12px}.feed-head h2{font-size:19px;font-weight:700;letter-spacing:-.02em}.feed-head .count{font-size:13px;color:var(--ink-faint);font-weight:500}.filters{display:flex;gap:8px;padding:0 4px 14px;overflow-x:auto}.filters::-webkit-scrollbar{height:0}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;font-family:inherit;flex-shrink:0;transition:.15s;display:flex;align-items:center;gap:6px}.chip svg{width:13px;height:13px;fill:none;stroke-width:2.2}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.aid.on{background:var(--clay);border-color:var(--clay)}.chip.aid svg{stroke:var(--clay)}.chip.aid.on svg{stroke:#fff}.chip.task.on{background:var(--green);border-color:var(--green)}.chip.task svg{stroke:var(--green)}.chip.task.on svg{stroke:#fff}.req{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;margin-bottom:11px;cursor:pointer;transition:.15s}.req:hover{border-color:var(--line);transform:translateY(-1px);box-shadow:var(--shadow)}.req-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}.tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;display:flex;align-items:center;gap:5px}.tag svg{width:12px;height:12px;fill:none;stroke-width:2.2}.tag.aid{background:var(--clay-wash);color:#a4441f}.tag.aid svg{stroke:#a4441f}.tag.task{background:var(--green-wash);color:var(--green-deep)}.tag.task svg{stroke:var(--green-deep)}.req .dist{margin-inline-start:auto;font-size:12px;color:var(--ink-faint);font-weight:500}.req h3{font-size:15.5px;font-weight:600;line-height:1.35;margin-bottom:5px;letter-spacing:-.01em}.req .where{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:5px}.req .where svg{width:13px;height:13px;stroke:var(--ink-faint);fill:none;stroke-width:2}.req-foot{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.status{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}.status.open{color:var(--clay)}.status.enroute{color:var(--green)}.status svg{width:14px;height:14px;fill:none;stroke-width:2.2;stroke:currentColor}.req-foot .resp{margin-inline-start:auto;font-size:12px;color:var(--ink-faint);font-weight:500}.fab{position:absolute;bottom:22px;inset-inline-end:22px;z-index:30;background:var(--green);color:#fff;border:0;border-radius:16px;padding:14px 20px;font-family:inherit;font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 6px 20px #1d8f6866;transition:.15s}.fab:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1d8f6880}.fab svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#12211c66;z-index:40;display:none;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet-scrim.show{display:flex}.sheet{width:100%;background:var(--paper);border-radius:26px 26px 0 0;padding:8px 22px 26px;max-height:88%;overflow-y:auto;animation:slideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.grabber{width:38px;height:4px;background:var(--line);border-radius:2px;margin:6px auto 18px}.sheet h2{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.sheet .sub{font-size:14px;color:var(--ink-soft);line-height:1.55;margin-bottom:20px}.field-label{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin:16px 0 8px;display:block}.type-pick{display:flex;gap:10px;margin-bottom:4px}.type-opt{flex:1;border:1.5px solid var(--line);background:var(--card);border-radius:13px;padding:14px 12px;cursor:pointer;text-align:center;font-family:inherit;transition:.15s}.type-opt:hover{border-color:var(--ink-faint)}.type-opt.sel.aid{border-color:var(--clay);background:var(--clay-wash)}.type-opt.sel.task{border-color:var(--green);background:var(--green-wash)}.type-opt .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin:0 auto 8px}.type-opt.aid .ico{background:var(--clay-wash)}.type-opt.task .ico{background:var(--green-wash)}.type-opt .ico svg{width:18px;height:18px;fill:none;stroke-width:2.2}.type-opt.aid .ico svg{stroke:var(--clay)}.type-opt.task .ico svg{stroke:var(--green)}.type-opt .tt{font-weight:600;font-size:13.5px}.type-opt .td{font-size:11px;color:var(--ink-faint);margin-top:2px;line-height:1.3}input.txt,textarea.txt{width:100%;border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:13px 14px;font-family:inherit;font-size:14.5px;color:var(--ink);resize:none;transition:.15s}input.txt:focus,textarea.txt:focus{outline:0;border-color:var(--green)}input.txt::placeholder,textarea.txt::placeholder{color:var(--ink-faint)}.mini-map{height:150px;border-radius:13px;overflow:hidden;position:relative;background:linear-gradient(160deg,#eef1ec,#e7ece6);border:1.5px solid var(--line);cursor:crosshair;margin-top:4px}.mini-map .place-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12.5px;color:var(--ink-faint);font-weight:600;text-align:center;pointer-events:none}.mini-map.placed .place-hint{display:none}.drop-pin{position:absolute;transform:translate(-50%,-100%);display:none}.drop-pin.show{display:block;animation:drop .3s cubic-bezier(.16,1,.3,1)}@keyframes drop{0%{transform:translate(-50%,-140%);opacity:0}to{transform:translate(-50%,-100%);opacity:1}}.drop-pin .dot{width:26px;height:26px;border-radius:50% 50% 50% 2px;transform:rotate(45deg);background:var(--green);border:2.5px solid #fff;box-shadow:0 3px 8px #0000004d}.privacy-note{background:var(--green-wash);border-radius:12px;padding:13px 15px;margin:18px 0 8px;display:flex;gap:11px;align-items:flex-start}.privacy-note svg{width:17px;height:17px;stroke:var(--green-deep);fill:none;stroke-width:2;flex-shrink:0;margin-top:1px}.privacy-note p{font-size:12.5px;color:var(--green-deep);line-height:1.5}.btn-primary{width:100%;background:var(--green);color:#fff;border:0;border-radius:13px;padding:15px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;margin-top:22px;transition:.15s}.btn-primary:hover{background:var(--green-deep)}.btn-primary:disabled{background:var(--line);color:var(--ink-faint);cursor:not-allowed}.btn-ghost{width:100%;background:transparent;color:var(--ink-soft);border:0;padding:13px;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;margin-top:4px}.detail-map{height:160px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(160deg,#eef1ec,#e7ece6);margin-bottom:18px}.detail-tag{margin-bottom:14px}.detail h2{margin-bottom:10px}.detail .drow{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--ink-soft)}.detail .drow svg{width:16px;height:16px;stroke:var(--ink-faint);fill:none;stroke-width:2}.detail .drow b{color:var(--ink);font-weight:600}.respond-actions{display:flex;flex-direction:column;gap:0;margin-top:8px}.consent-view{padding:0 24px 28px;flex:1;display:flex;flex-direction:column;justify-content:center}.consent-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 22px}.consent-icon{width:52px;height:52px;border-radius:15px;background:var(--green-wash);display:grid;place-items:center;margin-bottom:18px}.consent-icon svg{width:26px;height:26px;stroke:var(--green-deep);fill:none;stroke-width:2}.consent-card h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-bottom:10px}.consent-card>p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin-bottom:20px}.consent-item{display:flex;gap:12px;margin-bottom:14px;align-items:flex-start}.consent-item svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2.4;flex-shrink:0;margin-top:2px}.consent-item div b{font-size:13.5px;font-weight:600;display:block;margin-bottom:1px}.consent-item div span{font-size:12.5px;color:var(--ink-faint);line-height:1.45}.toast{position:absolute;bottom:96px;left:50%;transform:translate(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 20px;border-radius:13px;font-size:13.5px;font-weight:600;z-index:60;opacity:0;pointer-events:none;transition:.3s;display:flex;align-items:center;gap:9px;white-space:nowrap;box-shadow:var(--shadow)}.toast svg{width:16px;height:16px;stroke:var(--green);fill:none;stroke-width:2.6}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tabbar{display:flex;background:var(--card);border-top:1px solid var(--line);padding:8px 8px 12px;flex-shrink:0}.tab{flex:1;border:0;background:transparent;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;color:var(--ink-faint);font-size:11px;font-weight:600}.tab svg{width:22px;height:22px;fill:none;stroke-width:2;stroke:currentColor}.tab.on{color:var(--green)}.hidden{display:none!important}.trust-chip{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px 5px 8px;cursor:pointer;font-family:inherit;transition:.15s}.trust-chip:hover{border-color:var(--green)}.trust-chip .badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.trust-chip .badge svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.4}.trust-chip .tlabel{font-size:12.5px;font-weight:600;line-height:1}.lvl-new{background:var(--ink-faint)}.txt-new{color:var(--ink-faint)}.lvl-reliable{background:#2f7fe0}.txt-reliable{color:#2f7fe0}.lvl-trusted{background:var(--green)}.txt-trusted{color:var(--green-deep)}.lvl-pillar{background:var(--amber)}.txt-pillar{color:#8a5a0f}.you-view{padding:0 20px 100px;flex:1}.you-hero{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px;margin-top:8px;text-align:center}.you-avatar{width:64px;height:64px;border-radius:50%;background:var(--green-wash);display:grid;place-items:center;margin:0 auto 14px;font-size:24px;font-weight:700;color:var(--green-deep)}.you-nick{font-size:18px;font-weight:700;letter-spacing:-.02em}.you-anon{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.trust-big{margin-top:20px;padding-top:20px;border-top:1px solid var(--line-soft)}.trust-level-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px}.trust-level-row .badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.trust-level-row .badge svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4}.trust-level-row .lv{font-size:20px;font-weight:700;letter-spacing:-.02em}.trust-track{height:8px;background:var(--line-soft);border-radius:4px;overflow:hidden;margin-bottom:8px}.trust-fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.16,1,.3,1)}.trust-fill.lvl-reliable{background:#2f7fe0}.trust-fill.lvl-trusted{background:var(--green)}.trust-fill.lvl-pillar{background:var(--amber)}.trust-fill.lvl-new{background:var(--ink-faint)}.trust-next{font-size:12.5px;color:var(--ink-faint);font-weight:500}.trust-ladder{display:flex;gap:6px;margin-top:18px}.ladder-step{flex:1;text-align:center;padding:8px 4px;border-radius:10px;font-size:11px;font-weight:600;background:var(--line-soft);color:var(--ink-faint)}.ladder-step.here{color:#fff}.ladder-step.here.lvl-new{background:var(--ink-faint)}.ladder-step.here.lvl-reliable{background:#2f7fe0}.ladder-step.here.lvl-trusted{background:var(--green)}.ladder-step.here.lvl-pillar{background:var(--amber)}.you-stats{display:flex;gap:10px;margin-top:14px}.stat{flex:1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px 12px;text-align:center}.stat .n{font-size:22px;font-weight:700;letter-spacing:-.02em}.stat .l{font-size:11.5px;color:var(--ink-faint);font-weight:500;margin-top:2px}.stat .n.good{color:var(--green)}.you-section-t{font-size:12.5px;font-weight:600;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;margin:24px 4px 12px}.hist-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:13px 15px;margin-bottom:9px}.hist-item .hico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.hist-item .hico svg{width:15px;height:15px;fill:none;stroke-width:2.4}.hico.up{background:var(--green-wash)}.hico.up svg{stroke:var(--green)}.hico.down{background:var(--clay-wash)}.hico.down svg{stroke:var(--clay)}.hist-item .htext{flex:1}.hist-item .htext b{font-size:13.5px;font-weight:600;display:block}.hist-item .htext span{font-size:12px;color:var(--ink-faint)}.hist-item .hpts{font-size:13px;font-weight:700}.hpts.up{color:var(--green)}.hpts.down{color:var(--clay)}.resp-trust{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-soft);font-weight:500}.resp-trust .badge{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.resp-trust .badge svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.6}.demo-row{display:flex;gap:8px;margin-top:10px}.demo-btn{flex:1;border:1px dashed var(--line);background:transparent;border-radius:11px;padding:11px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;color:var(--ink-soft)}.demo-btn.pos{border-color:var(--green);color:var(--green-deep)}.demo-btn.neg{border-color:var(--clay);color:var(--clay)}.demo-caption{font-size:11.5px;color:var(--ink-faint);text-align:center;margin-top:10px;line-height:1.5}