:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b2525;background:#f7f4ee;font-size:16px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1b2525;--muted: #667274;--line: #dcd8cf;--paper: #fffdf8;--soft: #ebe6dc;--primary: #0f3d3e;--primary-strong: #082c2d;--accent: #ba5a31;--good: #147858;--shadow: 0 16px 42px rgba(35, 41, 38, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fffdf8db,#f7f4eef5),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23d9d2c5' stroke-width='1'%3E%3Cpath d='M0 60h120M60 0v120'/%3E%3C/g%3E%3C/svg%3E")}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-height:46px;padding:.78rem .9rem;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0f3d3e1f}label{display:grid;gap:.42rem;color:#344040;font-weight:650;font-size:.92rem}.boot{min-height:100vh;display:grid;place-items:center;color:var(--primary);font-weight:750}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,480px);gap:2rem;align-items:center;width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0}.auth-copy{display:grid;gap:1rem}.brand-line,.brand-button{display:inline-flex;align-items:center;gap:.7rem}.brand-line{color:var(--primary);font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--primary);color:#fff;font-weight:850}.auth-copy h1{margin:0;max-width:680px;font-size:clamp(2rem,5vw,4.4rem);line-height:1;letter-spacing:0}.auth-copy p{max-width:620px;margin:0;color:var(--muted);font-size:1.04rem}.quick-stats,.chips,.profile-facts,.service-strip{display:flex;gap:.5rem;flex-wrap:wrap}.quick-stats span,.chips span,.profile-facts span,.service-strip button{border:1px solid var(--line);background:#fffdf8db;color:#3b4747;border-radius:999px;padding:.42rem .72rem;font-size:.85rem;font-weight:700}.chips span,.service-strip button{display:inline-flex;align-items:center;gap:.36rem}.auth-panel,.search-panel,.profile-card,.profile-form,.payment-panel,.pricing,.subscription-status,.empty-panel,.listing-form-panel,.listing-card,.conversation-list,.chat-panel{background:#fffdf8f0;border:1px solid rgba(220,216,207,.92);border-radius:8px;box-shadow:var(--shadow)}.auth-panel{padding:1rem}.auth-action-copy{display:grid;gap:.2rem;margin-bottom:1rem}.auth-action-copy h2,.auth-action-copy p{margin:0}.auth-action-copy h2{color:var(--primary);font-size:1.6rem;line-height:1.05}.auth-action-copy p{color:var(--muted);font-weight:750}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.28rem;border-radius:8px;background:var(--soft);margin-bottom:1rem}.segmented button,.bottom-nav button,.icon-button,.brand-button,.section-heading button,.filter-grid button,.service-strip button{border:0}.segmented button{min-height:42px;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.segmented .active{background:#fff;color:var(--primary);box-shadow:0 6px 18px #0f3d3e1a}.inline-alert,.notice{border:1px solid rgba(186,90,49,.28);background:#fff7ef;color:#7e3519;border-radius:8px;padding:.82rem .92rem;text-align:left}.notice{position:sticky;top:72px;z-index:5;width:min(1040px,calc(100% - 2rem));margin:.75rem auto 0}.form-grid,.screen-stack,.subscription-screen,.profile-form{display:grid;gap:1rem}.plans-list,.plans-catalog,.profiles-grid,.listings-grid,.image-preview-grid{display:grid;gap:.85rem}.plan-option,.pricing-main{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.88rem;text-align:left}.plan-option strong,.pricing-main strong{display:block;color:var(--ink)}.plan-option small,.pricing-main small,.brand-button small{display:block;color:var(--muted);font-size:.78rem;font-weight:650}.plan-option b,.pricing-main b{color:var(--primary);white-space:nowrap}.plan-option.selected,.pricing.selected,.pricing-main:hover{border-color:var(--primary)}.primary-button,.secondary-button,.contact-button{min-height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1rem;font-weight:850;text-decoration:none}.switch-auth-button{width:100%}.primary-button{border:1px solid var(--primary);background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled,.secondary-button:disabled{opacity:.62;cursor:wait}.secondary-button,.contact-button{border:1px solid var(--line);background:#fff;color:var(--primary)}.contact-button{width:100%;margin-top:auto}.messages-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:1rem}.conversation-list,.chat-panel{min-height:540px;padding:.85rem}.conversation-list{display:grid;align-content:start;gap:.65rem}.compact-heading{padding:0 .1rem .25rem}.conversation-row{width:100%;min-height:66px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.62rem;text-align:left}.conversation-row.active{border-color:var(--primary);background:#e9f2ed}.conversation-row strong,.conversation-row small{display:block}.conversation-row small{color:var(--muted);font-size:.78rem;margin-top:.1rem}.avatar.small{width:38px;height:38px;font-size:.8rem}.chat-panel{display:grid;grid-template-rows:auto minmax(260px,1fr) auto;gap:.75rem}.chat-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.chat-header h3,.chat-header p{margin:0}.chat-header p{display:inline-flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.86rem}.messages-thread{display:flex;flex-direction:column;gap:.58rem;overflow-y:auto;padding:.25rem .1rem}.message-bubble{max-width:min(78%,420px);border:1px solid var(--line);border-radius:8px;background:#fff;padding:.65rem;color:#344040}.message-bubble.mine{align-self:flex-end;background:#e3eee9;border-color:#c8ded2}.message-bubble p{margin:0}.message-bubble audio{width:min(260px,100%)}.message-image{display:block;width:min(260px,100%);max-height:320px;object-fit:cover;border-radius:6px}.chat-composer{display:grid;grid-template-columns:44px 44px minmax(0,1fr) 48px;gap:.45rem;align-items:center;padding-top:.7rem;border-top:1px solid var(--line)}.composer-icon,.send-button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--primary);display:grid;place-items:center;padding:0}.composer-icon input{display:none}.composer-icon.recording{background:#fff0e7;color:var(--accent);border-color:#ba5a3157}.send-button{background:var(--primary);color:#fff;border-color:var(--primary)}.send-button:disabled{opacity:.5;cursor:wait}.empty-chat{min-height:160px;display:grid;place-items:center;align-content:center;gap:.55rem;color:var(--muted);font-weight:800;text-align:center}.empty-chat.inline{margin:auto}.helper-text{margin:0;color:var(--muted);font-size:.88rem}.app-shell{min-height:100vh;padding-bottom:86px}.topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100vw - 1100px)/2));background:#f7f4eee6;border-bottom:1px solid rgba(220,216,207,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-button{background:transparent;color:var(--ink);text-align:left;padding:0}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--primary);border:1px solid var(--line)}.main-view,.subscription-screen{width:min(1080px,calc(100% - 2rem));margin:1rem auto 0}.welcome-band{display:grid;gap:.75rem;padding:1.1rem;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0f3d3e,#305f52)}.welcome-band span,.eyebrow{color:#f2d6b8;font-weight:850;font-size:.8rem;text-transform:uppercase}.welcome-band h2,.subscription-status h2,.empty-panel h2{margin:0;font-size:1.58rem}.welcome-band p,.subscription-status p,.payment-panel p,.empty-panel p{margin:0;color:inherit;opacity:.86}.primary-button.compact{width:fit-content;background:#fff;color:var(--primary);border-color:#fff}.service-strip{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}.service-strip button{min-width:116px;min-height:86px;flex-direction:column;justify-content:center;border-radius:8px;text-align:center;white-space:normal}.service-strip button svg{width:28px;height:28px;color:var(--primary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.metrics-grid div{padding:1rem;border-radius:8px;background:#fff;border:1px solid var(--line)}.metrics-grid strong,.metrics-grid span{display:block}.metrics-grid strong{color:var(--primary);font-size:1.25rem}.metrics-grid span{color:var(--muted);font-size:.84rem;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.section-heading h3{margin:0;font-size:1.1rem}.section-heading button{background:transparent;color:var(--primary);font-weight:850}.profiles-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.profile-card{display:grid;gap:.85rem;padding:1rem}.profile-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.72rem}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#d9efe3;color:#0f4d3b;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-head h4{margin:0;font-size:1rem}.profile-head p{display:inline-flex;align-items:center;gap:.25rem;margin:.15rem 0 0;color:var(--muted);font-size:.85rem}.verified{color:var(--good)}.profile-bio{margin:0;color:#4a5555;font-size:.92rem}.profile-facts{gap:.42rem}.profile-facts span{border-radius:8px;background:#f4f1ea;border-color:transparent}.locked-card{opacity:.98}.locked-summary{display:grid;place-items:center;align-content:center;gap:.45rem;min-height:96px;border:1px dashed #cfc8bc;border-radius:8px;background:#f8f5ee;color:var(--muted);text-align:center;font-weight:800}.locked-summary.wide{min-height:140px;padding:1rem}.locked-panel{min-height:320px}.listing-form-panel,.listing-card{padding:1rem}.listings-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.listing-card{display:grid;gap:.85rem}.listing-cover{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.listing-title{margin:0;font-size:1.04rem}.photo-picker{min-height:54px;border:1px dashed #cfc8bc;border-radius:8px;background:#fff;color:var(--primary);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;text-align:center}.photo-picker input{display:none}.image-preview-grid{grid-template-columns:repeat(4,1fr)}.image-preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.search-panel{display:grid;gap:.75rem;padding:.9rem}.search-input{position:relative;display:block}.search-input svg{position:absolute;top:50%;left:.85rem;transform:translateY(-50%);color:var(--muted)}.search-input input{padding-left:2.45rem}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.filter-grid button{min-height:46px;border-radius:8px;color:var(--primary);border:1px solid var(--line);background:#fff;display:inline-flex;justify-content:center;align-items:center;gap:.35rem;font-weight:800}.profile-form{padding:1rem}.two-cols{display:grid;grid-template-columns:.8fr 1.2fr;gap:.85rem}.empty-panel{width:min(640px,100%);margin:1rem auto;padding:1.5rem;text-align:center;display:grid;place-items:center;gap:.7rem}.subscription-screen{gap:1rem}.subscription-status,.payment-panel{display:flex;align-items:center;gap:1rem;padding:1rem}.subscription-status svg{color:var(--good);flex:0 0 auto}.payment-panel{justify-content:space-between;align-items:flex-start}.payment-panel h3{margin:.1rem 0 .25rem}.payment-actions{display:grid;gap:.5rem;min-width:190px}.plans-catalog{grid-template-columns:repeat(3,1fr)}.pricing{padding:.85rem}.pricing ul{list-style:none;padding:0;margin:.8rem 0;display:grid;gap:.55rem}.pricing li{display:flex;align-items:flex-start;gap:.45rem;color:#465151;font-size:.92rem}.pricing li svg{margin-top:.15rem;color:var(--good);flex:0 0 auto}.bottom-nav{position:fixed;left:50%;bottom:.75rem;z-index:10;transform:translate(-50%);display:grid;grid-template-columns:repeat(6,1fr);gap:.2rem;width:min(640px,calc(100% - 1rem));padding:.35rem;border:1px solid rgba(220,216,207,.96);border-radius:8px;background:#fffdf8f5;box-shadow:0 10px 32px #1f242329;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{min-height:52px;border-radius:6px;display:grid;place-items:center;gap:.12rem;background:transparent;color:var(--muted);font-size:.73rem;font-weight:800}.bottom-nav .active{background:#e3eee9;color:var(--primary)}@media(max-width:860px){.auth-layout{grid-template-columns:1fr;align-items:start;padding:1rem 0 2rem}.auth-copy h1{font-size:2.35rem}.auth-panel{order:-1}.plans-catalog,.filter-grid,.metrics-grid,.messages-layout{grid-template-columns:1fr}.conversation-list,.chat-panel{min-height:auto}.conversation-list{grid-auto-flow:column;grid-auto-columns:minmax(210px,70%);overflow-x:auto;align-content:initial}.payment-panel,.subscription-status{display:grid}.payment-actions{min-width:0}.two-cols{grid-template-columns:1fr}}@media(max-width:520px){body{background-size:auto,90px 90px}.auth-layout,.main-view,.subscription-screen{width:min(100% - 1rem,1080px)}.auth-copy{padding:.4rem}.auth-copy h1{font-size:1.72rem}.auth-copy p{font-size:.92rem}.auth-layout{gap:.85rem;padding-top:.75rem}.auth-action-copy h2{font-size:1.8rem}.auth-panel input,.auth-panel .primary-button,.auth-panel .secondary-button{min-height:54px;font-size:1rem}.topbar{padding:.7rem .75rem}.brand-button strong{font-size:.95rem}.brand-mark{width:38px;height:38px}.profile-card,.auth-panel,.profile-form,.search-panel,.pricing,.listing-form-panel,.listing-card,.conversation-list,.chat-panel{padding:.85rem}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.chat-composer{grid-template-columns:42px 42px minmax(0,1fr) 44px}.message-bubble{max-width:88%}.welcome-band h2,.subscription-status h2{font-size:1.35rem}}