:root{--bg: #fafafa;--surface: #ffffff;--stroke: #dbdbdb;--stroke-soft: #efefef;--text: #262626;--muted: #8e8e8e;--blue: #0095f6;--link: #00376b;--accent: #e1306c;--green: #1aae6f;--warn: #ed8a19;--radius: 12px;--shadow: 0 1px 2px rgba(0,0,0,.04);--font-d: "Fraunces", Georgia, serif;--font-b: "Figtree", system-ui, sans-serif;--story-ring: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-b);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}img,video{max-width:100%;display:block}.app-shell{min-height:100vh;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.topnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;padding-top:calc(.55rem + env(safe-area-inset-top,0px));background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--stroke);min-height:52px}.brand{font-family:var(--font-d);font-weight:800;font-size:1.45rem;letter-spacing:-.03em;color:var(--text);flex-shrink:0;line-height:1}.nav-links{display:flex;gap:.25rem;flex:1;flex-wrap:wrap}.nav-links a{padding:.4rem .7rem;border-radius:8px;color:var(--muted);font-weight:600;font-size:.9rem}.nav-links a.is-on,.nav-links a:hover{color:var(--text);background:var(--stroke-soft)}.nav-cta{display:flex;gap:.35rem;align-items:center;margin-left:auto;flex-shrink:0}.nav-cta .btn{white-space:nowrap}.nav-icon-btn{width:36px;height:36px;padding:0;border-radius:50%;display:inline-grid;place-items:center;position:relative;border:0;background:transparent;cursor:pointer;color:var(--text);font-size:1.15rem}.nav-cta .avatar{width:30px;height:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--stroke);background:var(--surface);cursor:pointer;font-weight:700;font-size:.9rem;transition:.15s ease}.btn:hover{background:var(--bg)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{filter:brightness(.95);background:var(--blue)}.btn-ghost{border-color:transparent;background:transparent;color:var(--blue)}.btn-danger{background:#ed4956;border-color:#ed4956;color:#fff}.page{width:min(640px,calc(100% - 1.5rem));margin:0 auto;padding:1rem 0 2rem}.page-wide{width:min(1100px,calc(100% - 1.5rem))}.hero{text-align:center;padding:2.5rem 1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--stroke)}.hero h1{font-family:var(--font-d);font-size:clamp(2rem,6vw,3.2rem);letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.05}.hero p{color:var(--muted);max-width:32rem;margin:0 auto 1.25rem;font-size:1.05rem}.search-hero{display:flex;gap:.5rem;max-width:520px;margin:0 auto;padding:.35rem;border:1px solid var(--stroke);border-radius:12px;background:var(--bg)}.search-hero input{flex:1;border:0;background:transparent;padding:.65rem .85rem;outline:none}.stats-row{display:flex;justify-content:center;gap:1.75rem;flex-wrap:wrap;margin-top:1.5rem;color:var(--muted);font-size:.85rem}.stats-row strong{display:block;color:var(--text);font-family:var(--font-d);font-size:1.25rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.25rem 0 .75rem}.section-title h2{font-family:var(--font-d);font-size:1.35rem;margin:0;letter-spacing:-.02em}.section-title p{margin:0;color:var(--muted);font-size:.88rem}.card,.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.stories{display:flex;gap:.9rem;overflow-x:auto;padding:.85rem .25rem;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex:0 0 auto;width:76px;text-align:center;cursor:pointer;background:none;border:0;padding:0}.story-ring{width:66px;height:66px;border-radius:50%;padding:2px;background:var(--story-ring);margin:0 auto .3rem}.story-ring.seen{background:var(--stroke)}.story-ring.ad-ring{background:linear-gradient(135deg,#0095f6,#55c4ff)}.story-ring img,.story-ring .ph{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--surface);background:#eee}.story span{font-size:.68rem;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.offer-card{overflow:hidden;transition:.15s ease}.offer-card:hover{transform:translateY(-2px)}.offer-media{aspect-ratio:1;background:#f0f0f0;position:relative;overflow:hidden}.offer-media img{width:100%;height:100%;object-fit:cover}.offer-body{padding:.75rem .85rem .9rem}.swap-line{display:grid;grid-template-columns:1fr auto 1fr;gap:.35rem;align-items:start;margin:.35rem 0 .5rem}.swap-line small{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.swap-line strong{font-size:.88rem;line-height:1.25}.swap-x{width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--stroke);display:grid;place-items:center;font-size:.7rem;margin-top:.85rem;color:var(--muted)}.pill{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:.2rem .45rem;border-radius:4px;background:var(--bg);color:var(--muted)}.pill-have{color:var(--green);background:#e8f8f0}.pill-want{color:#8a3ffc;background:#f3ecff}.pill-ad{color:var(--text);background:#f0f0f0}.pill-near{color:#0f5c3a;background:#e8f8f0}.pill-state{color:#00376b;background:#e7f3ff}.loc-bar{padding:.85rem 1rem;margin-bottom:.85rem;display:grid;gap:.65rem}.loc-bar__text{font-size:.9rem;line-height:1.35}.loc-bar .loc-scopes{margin:0}.loc-filters{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.loc-filters select{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--stroke);background:var(--bg);font-weight:600;font-size:.85rem}@media (max-width: 860px){.page>.loc-bar{margin-left:.75rem;margin-right:.75rem}.loc-filters{grid-template-columns:1fr}}.meta{color:var(--muted);font-size:.8rem}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eee}.avatar-lg{width:72px;height:72px}.feed-card{margin-bottom:1rem;overflow:hidden}.feed-head{display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem}.feed-media{aspect-ratio:1;background:#111;max-height:640px}.feed-media img,.feed-media video{width:100%;height:100%;object-fit:cover}.feed-actions{display:flex;gap:.35rem;padding:.55rem .75rem;flex-wrap:wrap}.feed-body{padding:0 .9rem .9rem}.ad-card .feed-head{justify-content:space-between}.ad-label{font-size:.72rem;color:var(--muted);font-weight:600}.chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem}.chip{flex:0 0 auto;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--stroke);background:var(--surface);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}.chip.is-on{background:var(--text);color:#fff;border-color:var(--text)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;justify-content:space-around;align-items:center;height:calc(56px + env(safe-area-inset-bottom,0px));padding:0 .25rem env(safe-area-inset-bottom,0px);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--stroke)}.bottom-nav a{color:var(--muted);font-size:.62rem;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;flex:1;max-width:72px;height:56px;text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav a .bn-ico{font-size:1.35rem;line-height:1;width:28px;height:28px;display:grid;place-items:center}.bottom-nav a.is-on{color:var(--text)}.bottom-nav a.is-on .bn-ico{transform:scale(1.05)}.bottom-nav .fab{width:46px;border-radius:50%;margin-top:-10px;display:grid;place-items:center;background:var(--text);color:#fff!important;font-size:1.5rem;font-weight:700;max-width:46px;flex:0 0 46px;height:46px;box-shadow:0 4px 14px #0000002e;border:3px solid var(--surface)}.bottom-nav .fab .bn-ico{color:#fff;font-size:1.45rem}.bottom-nav .fab span:not(.bn-ico){display:none}@media (max-width: 860px){.bottom-nav{display:flex}.nav-links{display:none!important}.topnav{gap:.4rem;padding-left:.75rem;padding-right:.65rem}.brand{font-size:1.28rem}.nav-cta .btn-publish,.nav-cta .btn-logout{display:none!important}.page{width:100%;max-width:100%;margin:0;padding:.65rem 0 1.25rem}.page-wide{width:100%;max-width:100%}.page>.section-title,.page>.search-hero,.page>.chips,.page>.stories,.page>.flash,.page>.panel,.page>.form-grid,.page>.grid-cards,.page>.bento,.page>.match-stage,.page>.admin-layout,.page>.loading,.page>.empty{margin-left:.75rem;margin-right:.75rem}.page>.stories{margin-left:.5rem;margin-right:0;padding-left:.25rem}.page>.chips{margin-left:.75rem;padding-right:.75rem;-webkit-overflow-scrolling:touch}.feed-card,.ad-card{border-radius:0;border-left:0;border-right:0;margin-bottom:.65rem}.hero{padding:1.5rem 1rem 1.15rem}.hero h1{font-size:clamp(1.65rem,8vw,2.2rem)}.hero p{font-size:.95rem;margin-bottom:1rem}.search-hero{flex-direction:row;max-width:100%;gap:.35rem}.search-hero .btn{padding:.55rem .85rem;flex-shrink:0}.stats-row{gap:1.1rem;margin-top:1.1rem}.stats-row strong{font-size:1.1rem}.section-title{align-items:center;margin:1rem 0 .65rem}.section-title h2{font-size:1.15rem}.section-title p{display:none}.grid-cards{grid-template-columns:1fr 1fr;gap:.5rem}.offer-body{padding:.55rem .6rem .65rem}.swap-line strong{font-size:.78rem}.swap-line{gap:.2rem}.feed-media{max-height:none}.feed-actions{padding:.45rem .75rem .15rem}.feed-actions .btn{padding:.45rem .7rem;font-size:.82rem}.chat-layout{border-radius:0;border-left:0;border-right:0;min-height:calc(100dvh - 120px - env(safe-area-inset-bottom,0px))}.thread-list{max-height:none;border-right:0}.messages{min-height:calc(100dvh - 220px - env(safe-area-inset-bottom,0px))}.composer{position:sticky;bottom:0;background:#fff;padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px))}.match-card{width:min(100%,360px);margin:0 auto}.match-stage{min-height:calc(100dvh - 140px - env(safe-area-inset-bottom,0px));padding:0 .75rem}.admin-nav{flex-direction:row;overflow-x:auto;gap:.35rem;-webkit-overflow-scrolling:touch}.admin-nav button{flex:0 0 auto;white-space:nowrap}.admin-table{font-size:.78rem;display:block;overflow-x:auto}.story-viewer{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.story-caption{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.modal-backdrop{padding:.75rem;align-items:end}.modal{width:100%;border-radius:16px 16px 12px 12px;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}}@media (max-width: 420px){.grid-cards{grid-template-columns:1fr 1fr;gap:.4rem}.brand{font-size:1.2rem}.bottom-nav a span:not(.bn-ico){font-size:.58rem}}@media (min-width: 861px){.app-shell{padding-bottom:0}}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;flex-direction:column;color:#fff}.story-bars{display:flex;gap:3px;padding:10px 10px 0}.story-bars i{flex:1;height:2px;background:#ffffff59;border-radius:2px;overflow:hidden}.story-bars i b{display:block;height:100%;width:0;background:#fff;animation:barFill linear forwards}@keyframes barFill{to{width:100%}}.story-top{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem}.story-stage{flex:1;display:grid;place-items:center;position:relative;overflow:hidden}.story-stage img,.story-stage video{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.story-caption{position:absolute;left:0;right:0;bottom:0;padding:2rem 1rem 1.25rem;background:linear-gradient(transparent,#000000a6)}.story-nav-hit{position:absolute;top:0;bottom:0;width:40%;z-index:2;cursor:pointer}.story-nav-hit.left{left:0}.story-nav-hit.right{right:0}.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:70vh;border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.chat-thread-bar{display:none;align-items:center;gap:.35rem;padding:.55rem .65rem;border-bottom:1px solid var(--stroke);background:var(--surface)}.chat-back{padding:.35rem .55rem!important;font-size:1.1rem}@media (max-width: 800px){.chat-layout{grid-template-columns:1fr}.chat-layout.list-only .chat-pane,.chat-layout.has-thread .thread-list{display:none!important}.chat-layout.has-thread .chat-thread-bar{display:flex}.chat-title{margin-left:.75rem;margin-right:.75rem}.chat-layout.has-thread{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border:0;border-radius:0;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);background:#fff}.chat-layout.has-thread .messages{min-height:0;flex:1}.chat-layout.has-thread .composer{padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px))}.app-shell:has(.chat-layout.has-thread) .topnav,.app-shell:has(.chat-layout.has-thread) .bottom-nav{display:none!important}.app-shell:has(.chat-layout.has-thread){padding-bottom:0}}.thread-list{border-right:1px solid var(--stroke);overflow:auto;max-height:70vh}.thread-item{display:flex;gap:.7rem;padding:.85rem;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;border-bottom:1px solid var(--stroke-soft)}.thread-item.is-on{background:#efefef}.messages{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.45rem;background:#fff;min-height:50vh}.bubble{max-width:75%;padding:.6rem .8rem;border-radius:18px;background:#efefef;font-size:.92rem}.bubble.me{align-self:flex-end;background:#efefef}.bubble.system{align-self:center;background:transparent;color:var(--muted);font-size:.78rem}.composer{display:flex;gap:.45rem;padding:.75rem;border-top:1px solid var(--stroke)}.composer input{flex:1;border-radius:22px;border:1px solid var(--stroke);background:var(--bg);padding:.65rem 1rem;outline:none}.form-grid{display:grid;gap:.75rem}.field label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:.3rem;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:.7rem .85rem;border-radius:8px;border:1px solid var(--stroke);background:var(--bg);outline:none}.field textarea{min-height:88px;resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 700px){.two-col{grid-template-columns:1fr}}.flash{padding:.75rem 1rem;border-radius:8px;margin:.75rem 0;background:#fdeef0;border:1px solid #f5c2c7;color:#8a1c28}.ok-flash{background:#e8f8f0;border-color:#b7e4cd;color:#0f5c3a}.loading{width:28px;height:28px;border-radius:50%;border:2px solid var(--stroke);border-top-color:var(--text);animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:2.5rem 1rem;color:var(--muted)}.admin-layout{display:grid;grid-template-columns:200px 1fr;gap:1rem;min-height:70vh}@media (max-width: 800px){.admin-layout{grid-template-columns:1fr}}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav button{text-align:left;padding:.65rem .8rem;border-radius:8px;border:0;background:transparent;cursor:pointer;font-weight:700;color:var(--muted)}.admin-nav button.is-on{background:var(--stroke-soft);color:var(--text)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th,.admin-table td{padding:.55rem .45rem;border-bottom:1px solid var(--stroke-soft);text-align:left;vertical-align:top}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.kpi-box{padding:1rem}.kpi-box strong{display:block;font-family:var(--font-d);font-size:1.6rem}.notif-badge{background:#ed4956;color:#fff;font-size:.65rem;font-weight:800;border-radius:999px;padding:.1rem .35rem;margin-left:.2rem}.match-stage{min-height:65vh;display:grid;place-items:center}.match-card{width:min(380px,100%);overflow:hidden}.match-card .offer-media{aspect-ratio:3/4}.match-actions{display:flex;justify-content:center;gap:1.25rem;margin-top:1rem}.match-actions .btn{width:58px;height:58px;border-radius:50%;padding:0;font-size:1.3rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000073;display:grid;place-items:center;padding:1rem}.modal{width:min(400px,100%);padding:1.5rem;text-align:center;background:#fff;border-radius:16px}.modal h2{font-family:var(--font-d);margin:.4rem 0}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem}.tile{padding:1rem}.tile-sm{grid-column:span 3}.tile-md{grid-column:span 4}.tile-lg{grid-column:span 6}@media (max-width: 900px){.tile-sm,.tile-md,.tile-lg{grid-column:span 12}}.kpi{font-family:var(--font-d);font-size:1.8rem;letter-spacing:-.02em}.kpi-label{color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:.25rem}.rank-row{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--stroke-soft)}.rank-pos{width:1.4rem;color:var(--muted);font-weight:700}.xp-bar{height:6px;border-radius:999px;background:var(--stroke-soft);overflow:hidden}.xp-bar>i{display:block;height:100%;background:var(--text);width:var(--w, 40%)}.chain{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;font-size:.82rem}.chain .node{padding:.3rem .5rem;border-radius:6px;background:var(--bg);border:1px solid var(--stroke)}