:root{--cs-orange:#f87217;--cs-orange-dark:#d85f0a;--cs-orange-soft:#fde7d3;--cs-teal:#2fa8a0;--cs-teal-dark:#237e78;--cs-cream:#fbf7f0;--cs-paper:#fff;--cs-tan:#efe6d6;--cs-tan-line:#e2d5bf;--cs-ink:#2d2a26;--cs-muted:#7a7268;--cs-link:#2b6db1;--cs-green:#3a8f4f;--cs-amber:#d39a2a;--cs-red:#9a3b3b;--shadow-sm:0 1px 2px #2d2a2614;--shadow-md:0 3px 10px #2d2a261f;--radius:10px;--maxw:1080px;font-family:Helvetica Neue,Helvetica,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--cs-cream);color:var(--cs-ink);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--cs-link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-weight:700}img{max-width:100%}.container{max-width:var(--maxw);margin:0 auto;padding:0 18px}.page{min-height:60vh;padding:24px 0 64px}.row{gap:16px;display:flex}.col{flex-direction:column;gap:16px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--cs-muted)}.center{text-align:center}.mt{margin-top:16px}.mt-sm{margin-top:8px}.cs-header{background:linear-gradient(180deg, var(--cs-orange) 0%, var(--cs-orange-dark) 100%);color:#fff;box-shadow:var(--shadow-md);z-index:50;position:sticky;top:0}.cs-header .container{align-items:center;gap:18px;height:58px;display:flex}.cs-logo{color:#fff;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.cs-logo:hover{opacity:.95;text-decoration:none}.cs-logo img{width:30px;height:30px}.cs-nav{align-items:center;gap:4px;margin-left:auto;display:flex}.cs-nav a,.cs-nav button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:14px;font-weight:600;position:relative}.cs-nav a:hover,.cs-nav button:hover{background:#ffffff29;text-decoration:none}.cs-nav a.active{background:#00000024}.badge-dot{min-width:16px;height:16px;color:var(--cs-orange-dark);background:#fff;border-radius:9px;place-items:center;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;top:2px;right:4px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:filter .12s,background .12s;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--cs-orange);color:#fff}.btn-primary:hover{filter:brightness(.94)}.btn-teal{background:var(--cs-teal);color:#fff}.btn-teal:hover{filter:brightness(.94)}.btn-ghost{color:var(--cs-ink);border-color:var(--cs-tan-line);background:#fff}.btn-ghost:hover{background:var(--cs-cream)}.btn-block{width:100%}.btn-sm{padding:6px 11px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-google{color:var(--cs-ink);border:1px solid var(--cs-tan-line);background:#fff;padding:11px 16px;font-size:15px;font-weight:600}.btn-google:hover{background:#f8f6f3}.btn-google svg{flex-shrink:0}.link-btn{color:var(--cs-link);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.link-btn:hover{text-decoration:underline}.divider{color:var(--cs-muted);align-items:center;gap:12px;margin:18px 0;font-size:13px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--cs-tan-line);flex:1;height:1px}.checkbox-field{cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--cs-orange);margin-top:3px}.card{background:var(--cs-paper);border:1px solid var(--cs-tan-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.card-pad-0{padding:0;overflow:hidden}.panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--cs-muted);margin-bottom:10px;font-size:13px}label.field{color:#4b463f;margin-bottom:14px;font-size:13px;font-weight:600;display:block}.input,.textarea,select.input{border:1px solid var(--cs-tan-line);width:100%;color:var(--cs-ink);background:#fff;border-radius:8px;margin-top:5px;padding:10px 12px;font-family:inherit;font-size:14px}.input:focus,.textarea:focus{outline:2px solid var(--cs-orange-soft);border-color:var(--cs-orange)}.textarea{resize:vertical;min-height:96px}.form-error{color:var(--cs-red);background:#fdecea;border:1px solid #f3c2bd;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:13px}.form-ok{color:var(--cs-green);background:#e9f6ec;border:1px solid #bfe3c8;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:13px}.avatar{object-fit:cover;background:var(--cs-tan);color:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar-32{width:32px;height:32px;font-size:13px}.avatar-48{width:48px;height:48px;font-size:18px}.avatar-64{width:64px;height:64px;font-size:24px}.avatar-120{width:120px;height:120px;font-size:44px}.pill{color:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill:before{content:"";background:#ffffffd9;border-radius:50%;width:8px;height:8px}.hero{color:#fff;text-align:center;background:linear-gradient(#2d2a266b,#2d2a2685),url(https://images.unsplash.com/photo-1488646953014-85cb44e25828?auto=format&fit=crop&w=1600&q=70) 50%/cover;padding:80px 0 90px}.hero h1{text-shadow:0 2px 10px #00000059;font-size:44px;line-height:1.1}.hero p{opacity:.96;text-shadow:0 1px 6px #0006;font-size:19px}.hero-search{max-width:620px;box-shadow:var(--shadow-md);background:#fff;border-radius:12px;gap:8px;margin:26px auto 0;padding:10px;display:flex}.hero-search .input{margin:0}.tagline{color:var(--cs-orange);font-weight:800}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;display:grid}.feature{text-align:center;padding:22px}.feature .emoji{font-size:34px}.host-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.host-card{cursor:pointer;flex-direction:column;transition:transform .1s,box-shadow .1s;display:flex}.host-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.host-card .photo{background:var(--cs-tan);place-items:center;height:140px;display:grid}.host-card .photo img{object-fit:cover;width:100%;height:100%}.host-card .body{padding:12px 14px}.host-card .name{font-weight:700}.profile-head{align-items:flex-start;gap:20px;display:flex}.profile-meta{flex:1}.ref-counts{gap:14px;margin-top:6px;font-size:13px;display:flex}.ref-counts b{font-size:16px}.about-block{margin-top:16px}.about-block h3{color:var(--cs-orange-dark);font-size:15px}.tag{background:var(--cs-orange-soft);color:var(--cs-orange-dark);border-radius:999px;margin:0 6px 6px 0;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.tag.teal{color:var(--cs-teal-dark);background:#d9f0ee}.msg-layout{grid-template-columns:300px 1fr;gap:16px;height:70vh;display:grid}.convo-list{overflow-y:auto}.convo-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.convo-item:hover{background:var(--cs-cream)}.convo-item.active{background:var(--cs-orange-soft)}.convo-item .preview{flex:1;min-width:0}.convo-item .preview .top{justify-content:space-between;gap:6px;display:flex}.convo-item .preview .last{color:var(--cs-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.thread{flex-direction:column;height:70vh;display:flex}.thread-head{border-bottom:1px solid var(--cs-tan-line);align-items:center;gap:10px;padding:12px 16px;display:flex}.thread-body{background:var(--cs-cream);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.bubble{border-radius:14px;max-width:70%;padding:8px 13px;font-size:14px;line-height:1.35}.bubble.me{background:var(--cs-orange);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.them{border:1px solid var(--cs-tan-line);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.bubble .time{opacity:.7;margin-top:3px;font-size:10px;display:block}.thread-input{border-top:1px solid var(--cs-tan-line);background:#fff;gap:8px;padding:12px;display:flex}.thread-input .input{margin:0}.req-card{align-items:flex-start;gap:12px;display:flex}.req-status{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.req-status.pending{color:var(--cs-amber)}.req-status.accepted{color:var(--cs-green)}.req-status.declined,.req-status.cancelled{color:var(--cs-red)}.assistant-thread{flex-direction:column;gap:10px;max-height:56vh;padding:4px;display:flex;overflow-y:auto}.assistant-msg{border-radius:12px;max-width:85%;padding:10px 14px}.assistant-msg.user{background:var(--cs-teal);color:#fff;align-self:flex-end}.assistant-msg.bot{border:1px solid var(--cs-tan-line);white-space:pre-wrap;background:#fff;align-self:flex-start}.notif-card{transition:background .15s}.notif-card:hover{background:var(--cs-cream)}.notif-card.unread{background:#eff9f3;border-color:#bfe3c8}.notif-icon{flex-shrink:0;font-size:22px}.legal h2{color:var(--cs-orange-dark);margin-top:28px;font-size:18px}.legal p{margin:8px 0 0;line-height:1.7}.cs-footer{background:var(--cs-ink);color:#cfc7bb;margin-top:40px;padding:40px 0 24px;font-size:13px}.cs-footer a{color:#f3b27e;margin-top:6px;display:block}.cs-footer a:hover{color:#fff}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-brand{color:#fff;margin-bottom:8px;font-size:20px;font-weight:800}.footer-col h4{color:#fff;margin-bottom:8px;font-size:14px}.footer-bottom{text-align:center;border-top:1px solid #ffffff1f;margin-top:28px;padding-top:16px}.lang-select{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff59;border-radius:7px;max-width:130px;padding:6px 8px;font-size:13px;font-weight:600}.lang-select option{color:var(--cs-ink)}[dir=rtl] .cs-nav{margin-left:0;margin-right:auto}[dir=rtl] .bubble.me{align-self:flex-start}[dir=rtl] .bubble.them{align-self:flex-end}[dir=rtl] .convo-item .preview .last{text-align:right}.banner-demo{background:var(--cs-teal);color:#fff;text-align:center;padding:6px;font-size:13px;font-weight:600}.spinner{border:3px solid var(--cs-orange-soft);border-top-color:var(--cs-orange);border-radius:50%;width:30px;height:30px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--cs-muted);padding:40px 16px}@media (width<=820px){.feature-grid{grid-template-columns:1fr}.msg-layout{grid-template-columns:1fr;height:auto}.thread,.thread-body{height:60vh}.hero h1{font-size:32px}.cs-nav a span.label{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.profile-head{text-align:center;flex-direction:column;align-items:center}.ref-counts{justify-content:center}}@media (width<=480px){.hero{padding:50px 0 60px}.hero h1{font-size:26px}.hero p{font-size:15px}.hero-search{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:16px}.host-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.row{flex-direction:column;gap:0}}