:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#252820;background:#f6f3ed;font-synthesis:none;font-weight:400;--green:#375740;--muted:#74796e;--line:#dedfd5;--cream:#f6f3ed}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #97b682;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #97b682;outline-offset:1px}button{transition:background .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}.app{max-width:1160px;min-height:100dvh;margin:auto;padding:0 48px;display:flex;flex-direction:column}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:750;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#e9edcd;border-radius:12px;width:36px;height:39px}.brand-dot{color:#749366;margin-left:-9px}.header-actions{display:flex;align-items:center;gap:15px}.language{background:transparent;display:flex;gap:6px;align-items:center;font-size:12px;color:var(--green)}.icon{background:transparent;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--green)}.icon:hover{background:#e7e9df}.dev-banner{font-size:11px;text-align:center;color:#706748;background:#ebe6d6;margin:12px auto 0;padding:6px 14px;border-radius:5px;letter-spacing:.3px}.landing{display:grid;grid-template-columns:1.13fr 1fr;gap:0 70px;padding:62px 0 42px;align-items:start}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:#617459}.eyebrow span{width:6px;height:6px;background:#77925a;border-radius:50%}h1{font-size:clamp(35px,4.5vw,55px);line-height:1.1;font-weight:500;letter-spacing:-2.3px;margin:26px 0 18px}em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--green)}.lead{color:var(--muted);font-size:15px;line-height:1.85;max-width:390px;margin:0}.landing>.eyebrow,.landing>h1,.landing>.lead,.landing>.intro-art{grid-column:1}.auth-card{grid-column:2;grid-row:1/6;background:#fffefa;border:1px solid #e3e4d9;border-radius:24px;padding:32px;box-shadow:0 14px 40px #404d3410;margin-top:3px}.section-label{font-size:9px;letter-spacing:1.5px;color:#888f7b;font-weight:700}h2{font-size:25px;letter-spacing:-.6px;font-weight:550;margin:18px 0 12px}.auth-card p,.modal>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:24px}label{display:block;font-size:12px;font-weight:550;color:#51584b;margin-bottom:17px}input:not([type=checkbox]),select{display:block;border:1px solid #dfe2d6;background:#fffefa;border-radius:10px;padding:13px 14px;width:100%;margin-top:8px;font-size:14px;color:#343b30}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin:0}.input-icon{position:relative}.input-icon svg{position:absolute;top:15px;left:13px;color:#8b9581}.input-icon input{padding-left:40px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;line-height:1.6;margin:14px 0}.text-button{background:none;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:inherit}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:14px 18px;font-size:13px;font-weight:550;min-height:47px}.primary{background:var(--green);color:#fbfced}.primary:hover:not(:disabled){background:#26452e}.primary svg{margin-left:auto}.full{width:100%;margin-top:18px}.secondary{background:#edf0e6;color:var(--green)}.danger{background:#a64b40;color:#fff}.danger-text{color:#9a493e;display:block;margin:24px auto 0}.privacy-note{grid-column:1/3;display:flex;align-items:center;justify-content:center;gap:7px;color:#7a816f;font-size:11px;margin-top:36px}.intro-art{height:205px;position:relative;margin-top:18px}.orbit{position:absolute;width:190px;height:190px;border:1px solid #dce2d0;border-radius:50%;left:65px;top:0}.orbit:before{content:"";position:absolute;inset:24px;border:1px dashed #dce2d0;border-radius:50%}.bubble{position:absolute;padding:15px 20px;font-size:12px;border-radius:17px;box-shadow:0 8px 18px #223f2510}.one{background:#e1e8d6;left:0;top:30px;transform:rotate(-5deg);border-bottom-left-radius:4px}.two{background:#fffefa;right:5px;top:105px;transform:rotate(4deg);border-bottom-right-radius:4px}.time-pill{display:flex;gap:6px;align-items:center;position:absolute;left:82px;top:171px;font-size:10px;color:#758368;background:var(--cream);padding:3px 7px}.resend{display:flex;justify-content:space-between;margin-top:16px;font-size:11px}.test-code{background:#f1ead4;padding:10px;border-radius:8px;font-size:11px;margin-bottom:17px}.test-code strong{font-size:16px;letter-spacing:2px}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:#909586;font-size:10px;margin-top:auto}footer button{background:transparent;color:#77826c;font-size:10px}.home-layout{padding:45px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:18px 70px}.welcome{padding-top:20px}.match-card{grid-column:2;grid-row:1/3;border:1px solid #dfe3d5;border-radius:24px;background:#fffefa;padding:32px;text-align:center}.match-symbol{display:grid;place-items:center;background:#e8eedf;color:#5f784e;border-radius:50%;width:85px;height:85px;margin:0 auto 22px;box-shadow:0 0 0 10px #f4f6ef}.match-card h2{font-size:21px}.match-card p{font-size:12px;color:var(--muted);margin-bottom:25px}.match-card label{text-align:left}.match-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;color:#828a77;font-size:10px}.how{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px;padding-top:30px;border-top:1px solid var(--line)}.how span{font-family:Georgia,serif;color:#99a785;font-size:21px}.how h3{font-size:13px;margin:12px 0 8px;font-weight:550}.how p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.searching{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 20px #eef2e5;transform:rotate(12deg)}}.ended-note{display:flex;align-items:center;gap:9px;background:#e9efdf;border-radius:10px;padding:12px;font-size:12px;color:var(--green);align-self:start}.connection-warning{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12px;background:#f1e5cc;padding:10px 14px;border-radius:9px;flex-shrink:0}.connection-warning button{background:transparent;text-decoration:underline;font-size:12px}.chat-layout{max-width:750px;width:100%;margin:0 auto;display:flex;flex-direction:column;height:calc(100dvh - 145px);min-height:450px;padding-top:20px}.chat-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;flex-shrink:0}.chat-top>div{display:flex;gap:12px;align-items:center}.chat-top h2{font-size:17px;margin:0 0 5px}.chat-top p{font-size:11px;color:var(--muted);margin:0;display:flex;align-items:center;gap:5px}.peer-avatar{display:grid;place-items:center;background:#e6eadb;border-radius:16px;color:var(--green);width:45px;height:45px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a8aea2}.status-dot.online{background:#7b9b5d}.timer-panel{background:#e9eddf;border:1px solid #dce3cf;border-radius:14px;padding:14px 18px;flex-shrink:0}.timer-heading,.timer-bottom{display:flex;justify-content:space-between;align-items:center}.timer-heading>span{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.2px;color:#718063}.timer-heading strong{font-size:25px;letter-spacing:1px;font-weight:450;color:var(--green);font-variant-numeric:tabular-nums}.progress{height:3px;background:#d6dfc8;border-radius:3px;margin:11px 0}.progress>span{height:3px;display:block;background:#8ca672;border-radius:3px;transition:width 1s linear}.timer-bottom span{font-size:10px;color:#7b856f}.timer-bottom button{font-size:10px;background:transparent;color:#47633b;display:flex;align-items:center;gap:4px;padding:0}.urgent{background:#f5e7cd;border-color:#eadbbd}.chat-scroll{flex:1;overflow-y:auto;padding:20px 4px;min-height:0;scrollbar-width:thin}.chat-intro{text-align:center;color:#8b9282;margin-bottom:26px;font-size:11px}.chat-intro p{margin:7px 0}.chat-intro small{font-size:10px}.icebreaker{max-width:340px;border:1px dashed #d3dcc5;border-radius:16px;padding:20px;margin:15px auto;text-align:center;background:#f0f2e9}.icebreaker>span{font-size:8px;letter-spacing:1.4px;color:#869579}.icebreaker p{font-family:Georgia,serif;font-size:18px;line-height:1.5;color:#5d7350}.icebreaker button{display:flex;gap:5px;align-items:center;justify-content:center;background:transparent;margin:auto;color:var(--green);font-size:10px}.message{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0}.message p{margin:0;background:#fffefa;border:1px solid #e5e7dd;border-radius:15px 15px 15px 3px;padding:12px 15px;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-width:85%}.message.mine{align-items:flex-end}.message.mine p{background:var(--green);color:#f9faef;border-color:var(--green);border-radius:15px 15px 3px}.message small{font-size:9px;color:#8b947f;margin:4px 3px}.composer-area{padding:8px 0 13px;flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid #dce1d2;border-radius:16px;background:#fffefa;padding:8px}.composer textarea{flex:1;border:0;resize:none;background:transparent;padding:11px;font-size:13px;line-height:1.5;max-height:100px;min-width:0;color:#343b30}.composer button{height:38px;width:38px;border-radius:11px;display:grid;place-items:center;background:var(--green);color:#fff;flex-shrink:0}.composer-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8b9381;margin:11px 3px 0}.composer-footer button{background:none;font-size:10px;color:#7c675b;padding:0}.offline-hint{font-size:11px;color:#8d7751;text-align:center;margin:0 0 10px}.toast{position:fixed;z-index:100;left:50%;top:16px;transform:translate(-50%);background:#fff5e9;border:1px solid #d7b798;border-radius:12px;padding:13px 16px;box-shadow:0 8px 30px #0002;display:flex;gap:14px;align-items:center;font-size:13px;max-width:90vw;color:#7a4a28}.toast button{background:none;color:inherit}.modal-backdrop{position:fixed;inset:0;background:#1d291c70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#fffdf7;border-radius:24px;padding:34px;max-width:445px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:0 20px 80px #182c2533}.modal .close{position:absolute;right:15px;top:15px}.modal-symbol{display:grid;place-items:center;background:#e9eedf;color:var(--green);width:50px;height:50px;border-radius:16px;margin-bottom:23px}.modal h2{font-size:29px;line-height:1.2;max-width:330px}.plans{display:flex;flex-direction:column;gap:10px;margin-top:20px}.plans>button{background:#f6f7f0;border:1px solid #e0e5d5;border-radius:13px;padding:18px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#33462c}.plans button.selected{border:2px solid #668452;background:#edf2e3;padding:17px}.plans strong{display:block;font-size:18px;font-weight:550}.plans small{display:block;color:#829172;font-size:10px;margin-top:4px}.plans b{font-size:20px;font-weight:500}.fine-print{display:block;font-size:10px!important;line-height:1.8;color:#8f9487;text-align:center;margin-top:17px}.policy-copy{font-size:12px;line-height:1.9;color:#767f6c}.policy-copy h3{font-size:13px;color:var(--green);margin-top:22px}.account-email{word-break:break-all}.delete-box p{font-size:12px;line-height:1.8;color:#986b59}@media(max-width:700px){.app{padding:0 22px}header{height:73px}.brand{font-size:25px}.brand-icon{width:31px;height:34px}.dev-banner{font-size:9px;margin-top:9px;padding:5px 8px}.landing{display:flex;flex-direction:column;padding:32px 0 26px;gap:0}.landing h1{font-size:43px;margin-top:20px}.lead{font-size:13px;line-height:1.8}.intro-art{display:none}.auth-card{width:100%;margin-top:29px;padding:24px;border-radius:20px}.auth-card h2{font-size:23px}.privacy-note{font-size:9px;margin:22px auto 0}.eyebrow{font-size:8px;letter-spacing:1.2px}footer{font-size:8px;padding:18px 0;gap:10px}footer button{font-size:9px}footer>span:last-child{display:none}.home-layout{display:flex;flex-direction:column;padding:25px 0;gap:23px}.welcome{padding-top:0}.welcome h1{font-size:43px;margin-top:18px}.match-card{padding:26px 23px;border-radius:20px}.match-symbol{height:65px;width:65px;margin-bottom:22px}.match-card h2{font-size:20px}.how{display:flex;flex-direction:column;gap:21px;padding-top:23px;margin-top:0}.how>div{padding-left:36px;position:relative}.how span{position:absolute;left:0;top:4px;font-size:18px}.how h3{margin:4px 0 6px}.how p{font-size:11px}.chat-layout{height:calc(100dvh - 113px);min-height:300px;padding-top:17px}.chat-top{padding-bottom:15px}.chat-top h2{font-size:15px}.chat-top p{font-size:10px}.timer-panel{padding:12px 14px}.timer-heading strong{font-size:22px}.timer-heading>span{font-size:8px}.timer-bottom span,.timer-bottom button{font-size:9px}.chat-intro{font-size:10px}.chat-intro small{font-size:9px}.icebreaker p{font-size:17px}.chat-scroll{padding-top:18px}.message p{font-size:13px}.composer-footer{font-size:8px;gap:4px}.composer-footer button{font-size:9px}.modal-backdrop{padding:14px}.modal{padding:28px 24px;border-radius:21px}.modal h2{font-size:27px}.connection-warning{font-size:10px;margin-bottom:8px}.toast,.primary,.secondary,.danger,.auth-card p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.language-picker{position:relative;display:flex;align-items:center;gap:5px;color:var(--green);min-width:0;margin:0}.language-picker select{font:inherit;font-size:12px;width:126px;max-width:35vw;border:0;background:transparent;color:inherit;padding:8px 2px;cursor:pointer}.language-picker svg{flex-shrink:0}.locale-note{font-size:11px!important;line-height:1.7;margin:10px 0;color:var(--muted)}.brand{direction:ltr;unicode-bidi:isolate;flex-shrink:0}.header-actions{min-width:0;gap:6px;flex-shrink:1}.input-icon input[type=email],input[autocomplete=one-time-code],.account-email,.policy-copy a,.timer-heading strong,.time-pill{direction:ltr;unicode-bidi:isolate}.input-icon input{min-width:0}.message p{unicode-bidi:plaintext;text-align:start}.timer-bottom{gap:8px;align-items:flex-start}.timer-bottom>*{min-width:0;overflow-wrap:anywhere}.timer-bottom button{flex-shrink:0;max-width:50%;text-align:end}.composer-footer>span{min-width:0}.composer-footer button{flex-shrink:0;max-width:35%;text-align:end}.privacy-note{flex-wrap:wrap;text-align:center}.landing h1,.welcome h1,.modal h2{overflow-wrap:anywhere}html:lang(hi) h1,html:lang(ar) h1{line-height:1.5}html:lang(hi) .eyebrow,html:lang(ar) .eyebrow{letter-spacing:normal}html:lang(ar) em,html:lang(hi) em,html:lang(ja) em,html:lang(ko) em{font-style:normal}[dir=rtl] .input-icon input{padding:13px 38px 13px 14px}[dir=rtl] .input-icon svg{left:auto;right:12px}[dir=rtl] .modal .close{right:auto;left:15px}[dir=rtl] .plans>button{text-align:right}[dir=rtl] .message.mine p{border-radius:15px 15px 15px 3px}[dir=rtl] .message.theirs p{border-radius:15px 15px 3px}@media(max-width:700px){header{height:auto;min-height:73px;gap:6px;flex-wrap:wrap;padding-block:12px}.brand{font-size:22px}.brand-icon{width:28px;height:31px}.language-picker select{max-width:29vw;width:112px;font-size:11px}.header-actions .icon{padding:4px}.chat-layout{height:calc(100dvh - 125px)}html:lang(de) .landing h1,html:lang(fr) .landing h1{font-size:37px}[dir=rtl] .how>div{padding-left:0;padding-right:36px}[dir=rtl] .how span{left:auto;right:0}}.profile-onboarding{max-width:460px;margin:28px auto;width:100%}.profile-form p{font-size:13px;line-height:1.7}.profile-form input,.match-filters input{box-sizing:border-box;max-width:100%}.avatar-editor{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0}.avatar-editor label{flex:1;min-width:160px}.avatar-editor input[type=file],.modal input[type=file]{width:100%;font-size:12px}.profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.avatar-placeholder{background:#e1e8d6;color:#244d43;font-size:22px}.avatar-button{padding:0;background:none;border-radius:50%;display:inline-flex;flex-shrink:0}.profile-details{text-align:center}.profile-details>.profile-avatar{width:84px;height:84px;font-size:36px}.profile-details h2{overflow-wrap:anywhere;margin:14px auto}.profile-details dl{display:grid;grid-template-columns:1fr 1fr;text-align:start;gap:12px;font-size:14px}.profile-details dd{margin:0;text-align:end}.match-filters{border:1px solid #dce1d2;border-radius:12px;padding:14px;margin:14px 0;text-align:start;min-width:0}.match-filters legend{font-size:12px}.match-filters .locale-note{margin:8px 0;font-size:10px}.age-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}.age-range label{min-width:0}.self-avatar .profile-avatar{width:25px;height:25px;font-size:12px}.composer-footer{align-items:center}.chat-top h2{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-form .checkbox{align-items:flex-start}.avatar-picker{border:1px solid #dce1d2;border-radius:16px;margin:18px 0;padding:14px;min-width:0}.avatar-picker legend{font-size:13px;color:#244d43;padding:0 7px}.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.avatar-grid button{padding:4px;border:2px solid transparent;border-radius:18px;background:transparent;display:flex;justify-content:center;min-width:0}.avatar-grid button[aria-pressed=true]{border-color:#285e4f;background:#e4eddb;box-shadow:0 0 0 2px #fff inset}.avatar-grid button:focus-visible{outline:3px solid #326cff;outline-offset:2px}.avatar-grid .profile-avatar{width:100%;height:auto;max-width:60px;border-radius:13px}.avatar-grid button:disabled{opacity:.5}.filter-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;line-height:1.5;color:#677a66;margin:4px 0 9px}.filtered-message{background:#edf0e7;border:1px dashed #a7b59a;border-radius:14px;padding:13px;max-width:90%;display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.6;color:#51644b;flex-wrap:wrap}.filtered-message svg{flex-shrink:0}.filtered-message button{background:transparent;text-decoration:underline;color:#51644b;padding:3px;font-size:12px}
