:root{--green:#195844;--ink:#213d33;--muted:#748078;--cream:#f8f8f2;--border:#e1e6dd;--orange:#d99c70}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #da9a56;outline-offset:3px}[hidden]{display:none!important}.top{height:94px;max-width:1280px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1px}.india{font-weight:400}.dot{color:var(--orange)}.logo{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:12px;background:var(--green);color:#fff;font-size:34px;font-weight:bold;line-height:1;margin-right:11px;position:relative}.logo span{position:absolute;width:7px;height:7px;border-radius:50%;right:6px;top:9px;background:#e6b38a}.top nav{display:flex;gap:30px;align-items:center;font-size:13px}.age-pill{border:1px solid var(--border);border-radius:24px;padding:6px 12px;font-size:11px}.text,.inline{border:0;background:none;padding:0}.inline{text-decoration:underline;text-underline-offset:3px;font-size:inherit}.hero{max-width:1280px;margin:auto;padding:65px 44px 48px;display:grid;grid-template-columns:1.18fr 1fr;gap:76px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:inline-flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:100%;background:#73957d}.hero h1{font-size:66px;line-height:1.08;letter-spacing:-3px;margin:24px 0;font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero-copy>p{font-size:15px;line-height:1.9;color:#778078}.hero-tags{display:flex;gap:20px;font-size:10px;margin-top:24px}.conversation-art{margin-top:40px;position:relative;max-width:450px;padding-left:42px;min-height:125px}.mini-avatar{position:absolute;left:0;top:4px;border-radius:100%;width:34px;height:34px;display:grid;place-items:center;background:#e7b596;color:#76503e;font-size:12px}.bubble{background:#fff;padding:10px 15px;border:1px solid #e9e9e0;border-radius:13px 13px 13px 0;font-size:11px;box-shadow:0 6px 16px #213d3304;display:inline-block}.bubble span{color:#bc8a57}.bubble.reply{margin:9px 0 0 64px;background:#e9eee0;border:0;border-radius:13px 13px 0 13px}.art-note{display:block;text-align:right;font-size:10px;color:#92988d;margin-top:8px}.join-card{background:#fff;border:1px solid #e2e6dc;border-radius:18px;padding:29px 32px;box-shadow:0 15px 45px #36513d07;align-self:start;position:relative}.join-card:before{position:absolute;content:'';height:4px;background:#d9e2cd;left:25px;right:25px;top:-1px;border-radius:0 0 10px 10px}.card-kicker{font-size:9px;letter-spacing:2px;color:#79917d;font-weight:bold}.join-card h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:9px 0 2px}.muted{color:var(--muted);font-size:12px;margin-top:0}.tabs{display:flex;background:#f4f5ef;border-radius:8px;padding:4px;margin:22px 0}.tabs button{flex:1;border:0;background:none;font-size:11px;padding:8px;border-radius:6px}.tabs button.selected{background:#fff;box-shadow:0 2px 5px #0000000b;color:var(--green);font-weight:bold}label{display:block;font-size:11px;font-weight:600;margin-bottom:14px}input,select{width:100%;border:1px solid var(--border);border-radius:7px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;font-size:12px;margin-top:6px}input:focus,select:focus{border-color:#7eaa92;box-shadow:0 0 0 3px #e7efe8}.field-row{display:flex;gap:14px}.field-row label{flex:1;min-width:0}small{font-weight:400;color:var(--muted)}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.8;font-size:10px;font-weight:400}.check input{width:14px;height:14px;flex-shrink:0;margin:3px 0 0;accent-color:var(--green)}.primary{border:0;border-radius:8px;background:var(--green);color:#fff;padding:13px 22px;font-size:12px;font-weight:600;display:inline-flex;justify-content:space-between;gap:25px;align-items:center}.primary:hover,.send-button:hover{background:#267458}.wide{width:100%}.primary span{font-size:20px;line-height:1}.form-note{font-size:10px;text-align:center;color:#8c958c;margin:13px 0 0}.error{color:#b74b3c;font-size:12px;margin:4px 0 10px}.room-section,.how,.public-guide,.faq{max-width:1192px;margin:0 auto;padding:45px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2,.how h2,.public-guide h2,.faq h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin:8px 0 0}.section-heading>p{font-size:11px;color:var(--muted)}.room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.room-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;padding:23px;transition:transform .2s}.room-card:hover{transform:translateY(-4px);border-color:#a8bba9}.room-symbol{display:grid;place-items:center;border-radius:12px;width:43px;height:43px;font-size:25px}.peach{background:#fae8da;color:#ad7857}.lavender{background:#eeebf6;color:#8b7aaf}.mint{background:#e6eee4;color:#698f68}.yellow{background:#f4efd9;color:#a08b4e}.room-card h3{font-size:14px;margin:22px 0 5px;font-weight:600}.room-card h3 span{float:right;color:#7d9580}.room-card p{font-size:10px;color:var(--muted);margin:0 0 20px}.tag{font-size:9px;background:#f6f7f1;padding:5px 8px;border-radius:5px;color:#87917f}.how{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);padding-top:60px;padding-bottom:55px;gap:60px}.how>div>p{font-size:13px;color:var(--muted);margin-top:20px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:24px;margin-bottom:22px}.how li>span{font-family:Georgia,serif;font-size:24px;color:#b7c3ae}.how h3{font-size:14px;margin:0 0 3px}.how li p{font-size:12px;color:var(--muted);margin:0}.public-guide>p{max-width:820px;color:var(--muted);font-size:13px}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.guide-columns h3{font-size:14px}.guide-columns p,.faq p{font-size:12px;color:var(--muted)}.faq{max-width:820px;padding-bottom:50px}.faq h2{margin-bottom:25px}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{cursor:pointer;font-size:13px}.closing{max-width:1192px;margin:15px auto 55px;background:#e8edde;border-radius:12px;padding:28px 34px;display:flex;align-items:center;justify-content:space-between}.closing>span{font-family:Georgia,serif;font-size:26px}footer{border-top:1px solid var(--border);max-width:1192px;margin:auto;padding:30px 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:10px}footer .brand{font-size:20px}footer p{color:var(--muted)}footer>div{display:flex;gap:17px;margin-left:auto}footer>small{width:100%;font-size:9px}dialog{border:1px solid var(--border);border-radius:15px;max-width:540px;width:calc(100% - 30px);padding:30px;box-shadow:0 15px 70px #0002;color:var(--ink)}dialog::backdrop{background:#193c3455;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:14px;top:8px;border:0;background:none;font-size:26px}dialog h2{font-weight:500;letter-spacing:-1px}dialog p{font-size:13px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:#244f40;color:white;padding:12px 22px;border-radius:10px;box-shadow:0 8px 30px #0002;z-index:5;font-size:13px}#chat-app{height:calc(100dvh - 94px);min-height:500px;display:grid;grid-template-columns:250px minmax(0,1fr) 230px;max-width:1440px;margin:auto;background:#fff}.sidebar,.people{background:#fafbf7;padding:20px 16px;overflow:auto;border-right:1px solid var(--border)}.people{border-right:0;border-left:1px solid var(--border)}.side-title{font-size:9px;letter-spacing:1.4px;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.side-title .text{letter-spacing:0;font-size:10px;color:#879486}.my-profile{margin:22px 0 12px;display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#e9eee1;color:#37604d;font-size:14px}.my-profile strong{display:block;font-size:13px}.my-profile small{font-size:10px}.search{background:#fff;font-size:11px;padding:10px;margin-bottom:13px}.random-button{background:#e7eee2;border:0;padding:11px 8px;border-radius:7px;width:100%;text-align:left;font-size:11px}.side-label{font-size:9px;letter-spacing:1.4px;color:#909a8d;margin:25px 0 8px}.room-item,.chat-item,.person{border:0;background:none;width:100%;display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;padding:9px 10px;border-radius:7px;margin:3px 0}.room-item.active,.chat-item.active{background:#e6eee1;color:var(--green);font-weight:bold}.room-item:hover,.chat-item:hover,.person:hover{background:#f0f3eb}.room-item:before{content:'#';color:#90a182}.chat-item small{margin-left:auto;font-size:9px}.chat-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.chat-heading{padding:20px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.chat-heading h2{font-size:20px;letter-spacing:-.5px;margin:0;font-weight:500}.chat-heading .eyebrow{font-size:8px}.chat-heading button{font-size:11px}.messages{flex:1;overflow:auto;padding:25px}.message{display:flex;gap:10px;margin-bottom:20px;align-items:start}.message .avatar{width:30px;height:30px;font-size:11px;border-radius:10px}.message-body{max-width:80%}.message-meta{font-size:10px;margin-bottom:5px;display:flex;gap:10px;align-items:center}.message-meta time{color:#9ca59b;font-size:9px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 14px;border-radius:0 11px 11px 11px;background:#f4f6ef;font-size:13px}.message.mine{flex-direction:row-reverse}.mine .message-text{background:#e6eee0;border-radius:11px 0 11px 11px}.mine .message-meta{justify-content:flex-end}.media-button{display:block;border:1px solid #d5dfcf;background:#fff;border-radius:9px;padding:14px;font-size:12px;margin:6px 0}.media-preview{max-width:100%;max-height:330px;border-radius:9px;display:block}.message audio{max-width:100%;width:260px}.typing{font-size:10px;color:var(--muted);padding:0 25px;min-height:18px}.composer{display:flex;gap:7px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:6px 8px}.composer input{margin:0;border:0;box-shadow:none;padding:8px 4px;background:none;font-size:13px}.icon-button{border:0;background:none;font-size:23px;padding:2px 6px}.send-button{border:0;background:var(--green);color:#fff;font-size:22px;border-radius:8px;width:37px;height:37px;flex-shrink:0}#message-form{padding:12px 22px 18px}.composer-note{font-size:9px;color:#90998c;margin-top:7px;display:flex;justify-content:space-between}.person .avatar{width:29px;height:29px;font-size:11px;border-radius:100%}.person strong{display:block;font-size:11px}.person small{font-size:9px}.online-dot{width:6px;height:6px;border-radius:100%;background:#7e9f6c;margin-left:auto}.safety-note{padding:18px 10px;margin-top:30px;border-top:1px solid var(--border)}.safety-note h3{font-size:12px;font-weight:500}.safety-note p{font-size:10px;color:var(--muted)}.notice{background:#f7f3e5;padding:12px 20px;font-size:12px}.notice button{margin:5px;font-size:11px}.empty{margin:40px auto;text-align:center;color:#899680;font-size:13px}.empty strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.actions button{padding:8px 13px;border:1px solid var(--border);border-radius:7px;background:#f5f7ef;font-size:12px}#attachment-state{padding:8px;font-size:11px;background:#f0f4e9}#random-status{font-size:10px;padding:6px;color:var(--muted)}#friend-list{font-size:11px}#settings{font-size:11px;margin:22px 0}.recording{color:#b34f40!important;background:#f9e8e2!important}#public-ad-slot{max-width:1000px;margin:20px auto;min-height:90px}.admin-wrap{max-width:1000px;margin:40px auto;padding:20px}.admin-wrap table{width:100%;border-collapse:collapse;font-size:12px}.admin-wrap td,.admin-wrap th{padding:10px;border-bottom:1px solid var(--border);text-align:left}.admin-wrap input{max-width:400px}.admin-wrap button{margin:8px;padding:8px 15px}
@media(min-width:1450px){.hero{padding-top:85px;padding-bottom:70px}.hero h1{font-size:74px}}@media(max-width:1150px){.hero{gap:35px;padding:45px 28px}.hero h1{font-size:54px}.top{padding:0 28px}.room-section,.how,.public-guide,.faq,.closing,footer{margin-left:28px;margin-right:28px}.hero-tags{gap:12px;font-size:9px}.join-card{padding:25px}.room-card{padding:18px}#chat-app{grid-template-columns:210px minmax(0,1fr) 180px}.people{padding:20px 9px}}@media(max-width:800px){.top{height:74px}.top nav{gap:15px}.top nav a{display:none}.hero{grid-template-columns:1fr;gap:25px;padding:35px 24px}.hero h1{font-size:54px;margin:18px 0}.hero-copy>p{font-size:14px}.conversation-art{display:none}.hero-tags{margin:20px 0 10px}.join-card{max-width:540px;width:100%;justify-self:center}.room-grid{grid-template-columns:repeat(2,1fr)}.section-heading{display:block}.section-heading h2,.how h2,.public-guide h2,.faq h2{font-size:26px}.how{grid-template-columns:1fr;gap:25px}.guide-columns{grid-template-columns:1fr;gap:5px}.closing{flex-direction:column;align-items:start;gap:18px}.closing>span{font-size:23px}footer>div{margin-left:0;width:100%}#chat-app{height:calc(100dvh - 74px);grid-template-columns:170px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 150px}.people{grid-column:2;grid-row:2;padding:8px 15px;border-top:1px solid var(--border);overflow:auto}.people .search,.people .safety-note{display:none}#people-list{display:flex;flex-wrap:wrap}.person{width:150px}.sidebar{grid-row:1 / 3;padding:15px 8px}.chat-heading{padding:14px}.messages{padding:15px}#message-form{padding:8px 12px}.composer-note{font-size:8px}.message-body{max-width:85%}.top .brand{font-size:22px}}@media(max-width:480px){.top{padding:0 18px}.age-pill{display:none}.hero{padding:30px 18px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-tags{flex-wrap:wrap;gap:10px 15px}.join-card{padding:23px}.room-section,.how,.public-guide,.faq,.closing,footer{margin-left:18px;margin-right:18px}.room-card{padding:15px}.room-card h3{font-size:12px}.room-card p{font-size:9px;min-height:28px}.tag{font-size:8px}.section-heading h2{font-size:24px}#chat-app{grid-template-columns:112px minmax(0,1fr)}.sidebar{padding:14px 5px}.side-title{font-size:8px;letter-spacing:0;flex-wrap:wrap}.side-title .text{font-size:9px}.my-profile{gap:5px}.my-profile .avatar{display:none}.my-profile strong{font-size:11px;overflow-wrap:anywhere}.room-item,.chat-item{font-size:10px;padding:8px 5px;gap:3px}.random-button{font-size:9px;padding:9px 5px}.side-label{font-size:8px;letter-spacing:.5px}.search{font-size:9px;padding:8px 5px}.chat-heading{padding:10px}.chat-heading h2{font-size:16px}.chat-heading button{font-size:9px}.messages{padding:10px}.message{gap:5px}.message .avatar{display:none}.message-body{max-width:95%}.message-text{padding:9px 11px}.icon-button{padding:0 2px;font-size:20px}.composer{gap:3px;padding:4px}.composer input{font-size:12px;min-width:0}.send-button{width:30px;height:32px}.composer-note{display:block}.composer-note span{display:block}.person{width:130px}}
.guide-page{max-width:850px;margin:55px auto 80px;padding:0 25px}.guide-page>span,.guide-page>a:first-child{font-size:12px;color:#7a8b77}.guide-page h1{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:30px 0 22px}.guide-page .lead{font-size:17px;line-height:1.9;color:#5d725f}.guide-page section{margin-top:32px}.guide-page h2{font-size:23px;font-weight:500;letter-spacing:-.5px}.guide-page p{color:#667a66;font-size:14px;line-height:1.9}.guide-page li{margin:12px 0}.guide-page li a{text-decoration:underline;text-underline-offset:4px}.guide-ad{background:#eef2e8;padding:20px;margin:35px 0}.guide-ad button{background:white;border:1px solid var(--border);padding:8px 12px;margin:5px;border-radius:6px}.guide-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.guide-links a{border:1px solid var(--border);padding:9px 12px;border-radius:6px;font-size:12px}.guide-links a:hover{background:#e9eee0}@media(max-width:500px){.guide-page{margin-top:30px}.guide-page h1{font-size:32px}.guide-page .lead{font-size:15px}}
/* Clear, task-focused English chat interface. */
:root{--green:#0875b8;--ink:#203247;--muted:#718095;--cream:#fff;--border:#e0e7ef}.top{max-width:none;height:70px;padding:0 max(30px,calc((100vw - 1320px)/2));background:#0875b8;border:0;color:white}.logo{background:#fff;color:#0875b8}.logo span{background:#84c9ee}.dot{color:#bfe6ff}.age-pill{border-color:#ffffff50}.hero{max-width:1380px;padding:70px 30px 55px;grid-template-columns:1fr 1.12fr .88fr;gap:32px;align-items:start}.hero h1{font-size:39px;line-height:1.15;letter-spacing:-1.5px;font-weight:600;margin:14px 0 20px}.hero-copy>p{font-size:14px;line-height:1.8}.intro-feature{display:flex;gap:15px;margin:25px 0}.intro-feature>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#eaf4fc;color:#0875b8;font-size:11px;font-weight:700}.intro-feature h3{font-size:15px;margin:0 0 5px}.intro-feature p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.join-card{border-radius:10px;padding:28px;box-shadow:0 10px 35px #164a7510}.join-card:before{background:#0875b8;height:3px;left:20px;right:20px}.join-card h2{font-weight:500;font-size:25px}.tabs{background:#f1f5f9}.tabs button.selected{color:#0875b8}.primary:hover,.send-button:hover{background:#075e94}.entry-guides h2{font-size:22px;font-weight:500;line-height:1.3;margin:12px 0 25px}.entry-guides>a{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.entry-guides>a>span{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;background:#edf4fa;border-radius:7px;color:#4286b2;font-size:12px}.entry-guides strong{font-size:13px;font-weight:600}.entry-guides p{font-size:11px;line-height:1.8;color:var(--muted);margin:5px 0 0}.entry-note{padding:19px;margin-top:25px;background:#f5f8fb;border-radius:8px}.room-section,.how,.public-guide,.faq,.closing,footer{max-width:1320px}.room-section{border-top:1px solid var(--border)}.room-card{border-radius:9px;box-shadow:none}.room-symbol{background:#edf5fb!important;color:#3883b2!important}.tag{background:#f3f6fa;color:#718095}.how li>span{color:#82adc9}.closing{background:#edf5fb}.random-button,.room-item.active,.chat-item.active{background:#eaf3fc;color:#0875b8}.sidebar,.people{background:#f8fafc}.avatar{background:#eaf3fc;color:#3176a2}.message-text{background:#f0f4f8}.mine .message-text{background:#e8f3fc}.chat-heading .eyebrow{letter-spacing:1px}.empty strong{font-family:Arial,sans-serif;font-size:20px}.composer-note{font-size:10px}.guide-page p,.guide-page .lead{color:#5e7085}.guide-links a:hover{background:#eef5fb}.top .brand{white-space:nowrap}
@media(max-width:1150px){.hero{grid-template-columns:.95fr 1.05fr;gap:35px}.entry-guides{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.entry-guides>.eyebrow,.entry-guides>h2,.entry-note{grid-column:1 / -1}.entry-guides h2{margin-bottom:6px}.entry-note{margin-top:16px}.room-section,.how,.public-guide,.faq,.closing,footer{margin-left:30px;margin-right:30px}}
@media(max-width:800px){.top{height:70px;padding:0 22px}.hero{padding:35px 22px;grid-template-columns:1fr}.hero-copy{max-width:570px}.hero h1{font-size:38px}.hero-copy .intro-feature{display:none}.join-card{max-width:none}.entry-guides{grid-column:auto}.room-section,.how,.public-guide,.faq,.closing,footer{margin-left:22px;margin-right:22px}#chat-app{height:calc(100dvh - 70px)}}
@media(max-width:480px){.hero{padding:27px 18px;gap:25px}.hero h1{font-size:33px}.hero-copy>p{font-size:13px}.entry-guides{display:block}.entry-guides>a{padding:13px 0}.join-card{padding:23px}.top{padding:0 18px}.room-section,.how,.public-guide,.faq,.closing,footer{margin-left:18px;margin-right:18px}}

.composer .icon-button{font-size:11px;font-weight:600;padding:7px 8px;border-radius:5px;background:#f0f5fa}.composer .send-button{font-size:12px;width:58px}.composer input{min-width:0}@media(max-width:480px){.composer{flex-wrap:wrap}.composer input{order:-1;flex:1 0 100%;padding:10px}.composer .icon-button{font-size:10px;padding:6px 8px}.composer .send-button{margin-left:auto;height:30px}.composer-note{font-size:8px}}
/* Directory-first chat: people on the left, conversation on the right. */
#chat-app{grid-template-columns:320px minmax(0,1fr);height:calc(100dvh - 70px);max-width:none}.sidebar{padding:0;background:#fff;display:flex;flex-direction:column;overflow:hidden}.chat-navigation{display:flex;border-bottom:1px solid var(--border);background:#f7faff;flex-shrink:0}.chat-navigation button{border:0;background:none;font-size:12px;padding:12px 9px;flex:1;position:relative}.chat-navigation button.active{color:#0875b8;font-weight:700}.chat-navigation button.active:after{content:'';height:3px;background:#0875b8;position:absolute;bottom:0;left:8px;right:8px}.chat-navigation #settings{margin:0}.my-profile{margin:12px 15px;flex-shrink:0}.directory-tools{display:flex;gap:6px;padding:0 12px;flex-shrink:0}.directory-tools .search{margin:0;flex:1;min-width:0;font-size:11px}.directory-tools select{width:108px;margin:0;font-size:10px}.sidebar .random-button{width:calc(100% - 24px);margin:12px;padding:9px 12px}.sidebar #random-status{padding:0 12px}.sidebar [data-directory]{flex:1;overflow:auto;min-height:0}.sidebar .side-title{padding:10px 14px;background:#f7faff;font-size:10px;letter-spacing:.6px}.sidebar #room-search{width:calc(100% - 24px);margin:10px 12px}.person{border-radius:0;border-bottom:1px solid #e7eef5;padding:13px 14px;margin:0;width:100%;gap:12px;align-items:center}.person:hover{background:#edf8ff}.person .avatar{width:43px;height:43px;border-radius:50%;font-size:19px}.person strong{font-size:13px}.person small{font-size:10px;line-height:1.6}.online-dot{width:7px;height:7px}.sidebar .chat-item,.sidebar .room-item{padding:13px 14px;margin:0;border-radius:0;border-bottom:1px solid #eaf0f6}.directory-footer{border-top:1px solid var(--border);padding:12px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px;flex-shrink:0}.directory-footer button{color:#0875b8;white-space:nowrap}.chat-heading{padding:12px 20px;min-height:80px;justify-content:flex-start;gap:12px}.chat-heading>div{flex:1}.chat-heading h2{font-size:19px;font-weight:600}.chat-avatar{width:45px;height:45px;font-size:20px;border-radius:50%}#partner-details{margin:0;font-size:11px;color:var(--muted)}.header-friend{padding:9px 12px;font-size:11px;background:white;border:1px solid #a9c7dd;border-radius:5px}.chat-safety{font-size:10px;color:#6b7b8a;margin:0;padding:7px 20px;background:#f8fbfd;border-bottom:1px solid #edf2f7}.messages{padding:18px 22px}.message-text{border:1px solid #dce6ee;background:#fff;border-radius:9px;padding:8px 13px}.mine .message-text{background:#eaf6ff;border:1px solid #d4eafa}.message .avatar{border-radius:50%;width:31px;height:31px}.message-meta{font-size:11px}.message-meta time{font-size:9px}.composer{border-radius:7px}#message-form{border-top:1px solid var(--border);padding:12px 20px}.location-status{font-size:10px;color:var(--muted);margin:0 0 12px;line-height:1.6}.back-directory{display:none;border:0;background:none;color:#0875b8;font-size:11px;padding:0}@media(max-width:1000px){#chat-app{grid-template-columns:280px minmax(0,1fr)}.chat-navigation button{font-size:10px;padding:12px 6px}}@media(max-width:650px){#chat-app{display:block;position:relative;height:calc(100dvh - 70px);min-height:0}.sidebar{height:100%;width:100%}.chat-main{display:none;height:100%}#chat-app.mobile-conversation .sidebar{display:none}#chat-app.mobile-conversation .chat-main{display:flex}.chat-navigation button{font-size:12px;padding:14px 8px}.back-directory{display:block}.chat-heading{gap:9px;padding:10px;min-height:74px}.chat-avatar{display:none}.chat-heading h2{font-size:16px}.header-friend{padding:7px;font-size:10px}#partner-details{font-size:9px}.person{padding:14px 18px}.person strong{font-size:14px}.person small{font-size:11px}.composer input{order:0;flex:1}.composer{flex-wrap:wrap}.composer .icon-button{font-size:10px}.composer .send-button{width:52px}.chat-safety{padding:6px 12px;font-size:9px}.messages{padding:14px}.message .avatar{display:grid}.sidebar .my-profile .avatar{display:grid}.my-profile strong{font-size:13px}}