:root{--bg: #f7f6fb;--surface: #ffffff;--lavender: #f1eef9;--lavender-deep: #e8e2f8;--purple: #7b6cf0;--purple-deep: #5b4fd6;--purple-text: #4c3fb8;--coral: #f0718a;--coral-deep: #e45772;--ink: #1f2430;--muted: #6b7280;--line: #e7e5ef;--pink-soft: #fce7f3;--pink-text: #be185d;--rose-soft: #ffe4e6;--rose-text: #e11d48;--violet-soft: #ede9fe;--violet-text: #6d28d9;--lilac-soft: #f3e8ff;--lilac-text: #7e22ce;--slate-soft: #f1f5f9;--slate-text: #475569;--font: "Plus Jakarta Sans", system-ui, sans-serif;--tab-h: 64px;--status-h: 28px;--radius: 20px;--radius-sm: 14px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:15.5px;line-height:1.5;color:var(--ink);background:#ebe7f5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.2}p{margin:0}.device-stage{min-height:100%;display:grid;place-items:center;padding:1.2rem 1rem 1.6rem;background:radial-gradient(ellipse 70% 50% at 20% 10%,rgba(123,108,240,.18),transparent 55%),radial-gradient(ellipse 60% 45% at 90% 80%,rgba(240,113,138,.14),transparent 50%),linear-gradient(165deg,#f4f1fb,#ebe7f5 50%,#e4dff3)}.stage-caption{margin-top:.85rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--purple-text) 70%,transparent)}.device-frame{width:min(100%,390px);height:min(844px,calc(100dvh - 4.5rem));border-radius:42px;padding:10px;background:linear-gradient(160deg,#fff,#dcd6f0);box-shadow:0 24px 50px #4c3fb829}.device-glass{position:relative;height:100%;border-radius:34px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}.status-bar{flex:0 0 var(--status-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.1rem;font-size:.72rem;font-weight:700;background:var(--surface);z-index:5}.status-bar>:last-child{justify-self:end}.status-notch{width:88px;height:18px;border-radius:12px;background:#111827}.app-shell{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.app-main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}@media(max-width:480px){.device-stage{padding:0;background:var(--bg);place-items:stretch}.stage-caption{display:none}.device-frame{width:100%;height:100dvh;border-radius:0;padding:0;box-shadow:none;background:transparent}.device-glass{border-radius:0}.status-bar{display:none}}.screen{height:100%;display:flex;flex-direction:column;min-height:0;animation:in .35s ease both}.screen.is-stack{background:var(--bg)}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-body{flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.35rem 1rem calc(var(--tab-h) + var(--safe-b) + 1.2rem);max-width:100%}.screen.is-stack .screen-body{padding-bottom:calc(1.4rem + var(--safe-b))}.app-header{flex:0 0 auto;padding:.55rem 1rem .35rem;background:var(--surface);border-bottom:1px solid transparent}.app-header-row{display:flex;align-items:center;justify-content:space-between;min-height:2.2rem;position:relative}.app-header-brand{font-weight:800;font-size:1.12rem;letter-spacing:-.03em;color:var(--ink)}.app-section-title{margin-top:.85rem;margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.app-inline-title{position:absolute;left:50%;transform:translate(-50%);font-size:1rem;font-weight:700}.app-header-spacer{width:40px}.app-back,.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:none;background:transparent;color:var(--ink);border-radius:12px;cursor:pointer;padding:0}.app-back:active,.icon-btn:active{background:var(--lavender)}.tab-bar{position:absolute;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tab-h) + var(--safe-b));padding:.3rem .35rem var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;color:var(--muted);font-size:.6rem;font-weight:700;border-radius:12px;min-width:0;padding:.15rem .1rem}.tab-item svg{width:20px;height:20px}.tab-item.is-active{color:var(--purple)}.lead{color:var(--muted);font-size:.92rem;margin-bottom:.95rem}.block{margin:1.15rem 0}.block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.7rem}.block-head h3,.block-title{font-size:1.12rem}.block-head a{color:var(--purple);font-weight:700;font-size:.86rem}.stack-gap{display:flex;flex-direction:column;gap:.75rem}.connect-card,.community-card,.donate-card,.help-card,.person-card,.profile-hero-card,.budget-card,.progress-card,.qr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem 1.05rem 1.1rem}.connect-card{background:var(--lavender);border-color:color-mix(in srgb,var(--purple) 12%,white)}.connect-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;margin-bottom:.85rem}.connect-icon.is-coral{background:color-mix(in srgb,var(--coral) 18%,white);color:var(--coral-deep)}.connect-card h2,.community-card h2{font-size:1.2rem;color:var(--purple-text);margin-bottom:.45rem}.community-card h2{color:var(--ink)}.connect-card>p,.community-card>p{color:var(--muted);font-size:.92rem;margin-bottom:.9rem}.transparency-box{background:var(--surface);border-radius:var(--radius-sm);border-left:4px solid var(--purple);padding:.85rem .9rem;color:var(--ink);font-size:.88rem;line-height:1.45}.transparency-box strong{color:var(--purple-text)}.stat-box{background:#f3f4f6;border-radius:var(--radius-sm);padding:.85rem .95rem;display:flex;flex-direction:column;gap:.55rem;margin-bottom:.95rem}.stat-box span{display:block;font-size:.78rem;color:var(--muted);font-weight:600}.stat-box strong{font-size:.95rem}.people-stack{display:flex;flex-direction:column;gap:.7rem}.person-card{display:block;transition:transform .15s ease}.person-card:active{transform:scale(.99)}.person-card-main{display:flex;align-items:center;gap:.8rem;margin-bottom:.7rem}.person-card-main strong,.profile-hero-card h1{display:block;font-size:1.02rem;font-weight:750}.person-card-main span,.profile-hero-card span{display:block;font-size:.84rem;color:var(--muted);font-weight:500}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto}.avatar.lg{width:52px;height:52px;font-size:1.15rem}.avatar.xl{width:58px;height:58px;font-size:1.3rem}.need-pills{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.need-pill{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:lowercase}.tone-purple{background:var(--violet-soft);color:var(--violet-text)}.tone-violet{background:#ede9fe;color:#6d28d9}.tone-rose{background:var(--rose-soft);color:var(--rose-text)}.tone-pink{background:var(--pink-soft);color:var(--pink-text)}.tone-lilac{background:var(--lilac-soft);color:var(--lilac-text)}.tone-slate{background:var(--slate-soft);color:var(--slate-text)}.need-more{font-size:.75rem;color:var(--muted);font-weight:600}.help-card h3{margin:.65rem 0 .35rem;font-size:1.05rem}.help-card>p{color:var(--muted);font-size:.9rem;margin-bottom:.75rem}.nested-action{width:100%;display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:650;font-size:.9rem;cursor:pointer;text-align:left}.help-card .btn{margin-top:.7rem}.meta{font-size:.8rem;color:var(--muted);font-weight:600}.profile-hero-card .profile-lede{margin:.75rem 0 .45rem;font-size:1.02rem;font-weight:650}.story{color:var(--muted);font-size:.92rem;margin-bottom:.55rem}.qr-card{display:flex;gap:.85rem;align-items:center;margin:.85rem 0}.qr-card h3{font-size:.98rem;margin-bottom:.25rem}.qr-card p{color:var(--muted);font-size:.86rem}.qr-svg{border-radius:12px;border:1px solid var(--line);flex:0 0 auto}.progress-stack{display:flex;flex-direction:column;gap:.75rem;margin:.85rem 0 1rem}.budget-row{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.budget-row:last-of-type{border-bottom:none}.budget-row strong{display:block;font-size:.92rem}.budget-row span{display:block;font-size:.78rem;color:var(--muted);font-weight:500}.budget-row em{font-style:normal;font-weight:750}.budget-total{display:flex;justify-content:space-between;margin-top:.35rem;padding-top:.7rem;border-top:1px solid var(--line);font-weight:750}.progress-label{margin-bottom:.55rem;font-size:1.05rem}.progress-bar{height:10px;border-radius:999px;background:#ececf3;overflow:hidden}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:var(--purple);animation:fill .9s ease both}.progress-bar.slim{height:8px}@keyframes fill{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.compact-goal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem}.compact-goal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem;font-weight:700;color:var(--muted);font-size:.82rem}.compact-goal>p{margin-top:.45rem;font-weight:700;font-size:.9rem}.donate-card h3,.field-label{font-size:.98rem;margin-bottom:.7rem}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.7rem}.amount-chip{min-height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-weight:700;cursor:pointer;color:var(--ink)}.amount-chip.is-on,.amount-chip:active{border-color:var(--purple);color:var(--purple-deep);background:var(--lavender)}.custom-field{display:flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem;margin-bottom:.85rem;background:var(--surface);color:var(--muted);font-weight:650}.custom-field input{border:none;outline:none;width:100%;background:transparent;color:var(--ink);font-weight:600}.filter-scroll{display:flex;gap:.4rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.85rem;margin:0;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.filter-scroll::-webkit-scrollbar{display:none}.resource-safe,.resource-safe .stack-gap,.resource-safe .help-card{max-width:100%;overflow-x:hidden}.resource-safe .help-card h3,.resource-safe .help-card p{overflow-wrap:anywhere;word-break:break-word}.help-card{max-width:100%;overflow:hidden}.filter-pill{flex:0 0 auto;padding:.42rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:700;cursor:pointer}.filter-pill.is-on{background:var(--purple);border-color:var(--purple);color:#fff}.footer-actions{display:flex;gap:.55rem;margin-top:.85rem}.footer-actions .btn{flex:1}.text-btn{display:block;width:100%;margin-top:.75rem;border:none;background:transparent;color:var(--purple);font-weight:700;font-size:.88rem;cursor:pointer;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.7rem 1rem;border-radius:14px;border:none;font-weight:750;font-size:.94rem;cursor:pointer;text-decoration:none}.btn-block{width:100%}.btn-primary{background:var(--purple);color:#fff}.btn-primary:active{background:var(--purple-deep)}.btn-coral{background:var(--coral);color:#fff}.btn-coral:active{background:var(--coral-deep)}.btn-soft{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn-ghost{width:100%;background:transparent;color:var(--muted);margin-top:.25rem}.toast{margin-top:.8rem;padding:.8rem .9rem;border-radius:12px;background:var(--lavender);color:var(--purple-text);font-weight:700;font-size:.88rem}.sheet-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#1f243059;cursor:pointer}.sheet{position:relative;z-index:1;background:var(--surface);border-radius:24px 24px 0 0;padding:.45rem 1.1rem calc(1.2rem + var(--safe-b));animation:up .3s ease both}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:36px;height:4px;border-radius:999px;background:#d4d4d8;margin:.3rem auto .85rem}.sheet h2{font-size:1.15rem;margin-bottom:.3rem}.sheet-sub{color:var(--muted);font-size:.9rem;margin-bottom:.95rem}.sheet .amount-grid{grid-template-columns:repeat(4,1fr)}.onboard{height:100%;display:flex;flex-direction:column;background:var(--bg)}.onboard-top{flex:1;padding:1rem 1rem 0;overflow:auto}.onboard-hero{margin-top:1rem}.onboard-hero h1{font-size:1.45rem;color:var(--purple-text);margin-bottom:.45rem}.onboard-copy{padding:1rem 1rem calc(1.4rem + var(--safe-b))}.onboard-points{list-style:none;margin:0 0 1.1rem;padding:0}.onboard-points li{position:relative;padding:.4rem 0 .4rem 1.15rem;font-weight:650;font-size:.94rem}.onboard-points li:before{content:"";position:absolute;left:0;top:.75rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--purple)}.menu-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#1f243066;cursor:pointer}.menu-drawer{position:absolute;top:0;right:0;bottom:0;width:min(82%,300px);background:var(--surface);padding:.85rem .9rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:-12px 0 40px #1f24302e;animation:menu-in .28s ease both}@keyframes menu-in{0%{transform:translate(100%)}to{transform:none}}.menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:.35rem;border-bottom:1px solid var(--line)}.menu-head strong{font-size:1.1rem}.menu-nav{display:flex;flex-direction:column;gap:.2rem}.menu-link{border:none;background:transparent;text-align:left;padding:.8rem .7rem;border-radius:12px;font-weight:700;font-size:.98rem;color:var(--ink);cursor:pointer}.menu-link:active{background:var(--lavender)}.menu-note{margin-top:auto;font-size:.82rem;color:var(--muted);line-height:1.4}.menu-note a{color:var(--purple);font-weight:700}.scan-body .scan-frame{position:relative;border-radius:var(--radius);overflow:hidden;background:#111827;min-height:260px;margin-bottom:.9rem;border:1px solid var(--line)}.scan-host{min-height:260px}.scan-host video{width:100%!important;border-radius:var(--radius)}.scan-fallback-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffb3;font-weight:700;pointer-events:none}.qr-placeholder{background:var(--lavender);border-radius:12px}.avatar.sm{width:32px;height:32px;font-size:.85rem}.nested-action{gap:.65rem}.nested-sub{display:block;font-style:normal;font-size:.75rem;color:var(--muted);font-weight:600}.nested-action.is-static{cursor:default}.toast.is-warn{background:#fff1f2;color:#9f1239}.home-actions{display:flex;gap:.55rem;margin-top:.95rem}.home-actions .btn{flex:1}.portal-cta{margin-top:.5rem}.portal-cta h2{color:var(--purple-text);margin-bottom:.4rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.map-canvas{position:relative;height:240px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,rgba(123,108,240,.08),transparent 40%),#e8eef5;margin-bottom:1rem}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(76,63,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(76,63,184,.08) 1px,transparent 1px);background-size:28px 28px}.map-pin{position:absolute;width:34px;height:34px;margin-left:-17px;margin-top:-17px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.85rem;border:2px solid white;box-shadow:0 6px 14px #1f243033;transform:translate(-0%,-0%);z-index:2}.map-pin.is-you{background:var(--ink);font-size:.62rem;width:40px;height:40px;margin-left:-20px;margin-top:-20px;z-index:1}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;background:var(--lavender);border-radius:14px;margin-bottom:.95rem}.segmented button{border:none;background:transparent;border-radius:11px;padding:.65rem .5rem;font-weight:750;color:var(--muted);cursor:pointer}.segmented button.is-on{background:var(--surface);color:var(--purple-text);box-shadow:0 2px 8px #4c3fb81f}.portal-form .field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.portal-form .field span{font-size:.82rem;font-weight:700;color:var(--muted)}.portal-form input,.portal-form textarea{border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;background:var(--bg);color:var(--ink);resize:vertical}.edit-pills{margin-bottom:.85rem}.need-pill.is-selected{outline:2px solid var(--purple);outline-offset:1px}.check-row{display:flex;align-items:center;gap:.55rem;margin:.5rem 0 .75rem;font-weight:650;font-size:.92rem}.portal-preview{margin-top:.85rem}.qr-card.tight{margin-top:.75rem;padding:.75rem}.text-btn.inline{display:inline;width:auto;margin:0;padding:0}.help-footer{margin-top:1rem;font-size:.9rem;color:var(--muted);text-align:center}.help-footer .text-btn{display:inline;margin:0}