:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243e3c;background:#edf3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#d4e7dc,transparent 60%),radial-gradient(ellipse at 100% 100%,#dbe9e7,transparent 60%);min-height:100dvh;padding:32px 20px}main{max-width:850px;margin:auto;background:#fffffff5;border:1px solid #ffffff;border-radius:24px;box-shadow:0 24px 100px #19473d0c;overflow:hidden}header{height:87px;display:flex;align-items:center;gap:12px;padding:0 30px;border-bottom:1px solid #edf1ef}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#285f51;color:white;font-weight:650;font-size:24px;position:relative}.logo svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}header strong{font-size:17px;letter-spacing:-.6px}header strong span{font-weight:400;color:#839a94}header small{display:block;font-size:7px;letter-spacing:2px;color:#a6b5b0;margin-top:5px}.private-tag{margin-left:auto;font-size:10px;background:#eff6f1;color:#87a297;border-radius:6px;padding:7px 10px}#entry{max-width:430px;margin:auto;text-align:center;padding:49px 20px 45px}.entry-symbol{display:grid;place-items:center;width:59px;height:59px;background:#eaf3ee;color:#71a38c;font-size:31px;border-radius:20px;margin:auto auto 28px}.eyebrow{font-size:8px;letter-spacing:2px;color:#9cb3a7;font-weight:650}h1{font-size:29px;font-weight:650;letter-spacing:-1.1px;margin:13px 0 15px;overflow-wrap:anywhere}#intro{font-size:12px;line-height:1.9;color:#91a29b}#join-form{text-align:left;margin:28px 0 0}label{font-size:11px;color:#718c80;display:block}label span{color:#b3c1ba;font-size:9px;margin-left:6px}input,textarea,button{font:inherit}input{width:100%;padding:14px 16px;border:1px solid #e3ece6;border-radius:10px;background:#fcfdfc;font-size:12px;color:#456557;margin-top:9px}input::placeholder,textarea::placeholder{color:#acbcb5}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#join-button{width:100%;background:#316d59;color:#fff;border:0;border-radius:10px;padding:14px 16px;font-size:12px;margin-top:13px;display:flex;justify-content:space-between}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9cc9b5;outline-offset:3px}.privacy-note{font-size:9px;line-height:1.9;color:#acbbb3;padding:19px 12px 0}#entry-status{font-size:11px;line-height:1.8;color:#aa745f}footer{padding:17px;text-align:center;background:#fcfdfc;font-size:8px;letter-spacing:.4px;color:#b0beb7;border-top:1px solid #f1f5f2}.room-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 27px;border-bottom:1px solid #eef3ef;gap:10px}.room-bar>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}.room-bar strong{font-size:12px;overflow-wrap:anywhere}.room-bar small{font-size:9px;color:#a7b5ad}.online-dot{background:#69b28b;display:inline-block;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #69b28b12}.room-bar button{border:1px solid #e6eee8;padding:8px 11px;border-radius:7px;background:white;color:#8aa394;font-size:9px;white-space:nowrap}#messages{height:min(57dvh,540px);overflow-y:auto;padding:25px 28px;scroll-behavior:smooth;background:linear-gradient(#fbfdfb,#f8fbf9)}.empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c0cfc5}.empty>span{font-size:36px;display:block;margin-bottom:19px}.empty h2{font-size:14px;font-weight:500;color:#9ab09f;letter-spacing:-.3px}.empty p{font-size:10px;color:#becac1}.message{max-width:78%;width:max-content;margin-bottom:17px}.message.self{margin-left:auto}.message .author{font-size:8px;color:#94a99a;display:block;margin:0 9px 5px}.bubble{padding:12px 15px;border-radius:15px 15px 15px 3px;background:#fff;border:1px solid #e8efe9;color:#607769;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.self .bubble{background:#e6f2eb;border-color:#dcece2;color:#49775e;border-radius:15px 15px 3px 15px}.message time{font-size:7px;color:#b1bfb4;display:block;margin:5px 9px 0}.self time{text-align:right}#message-form{display:flex;align-items:end;gap:10px;padding:14px 22px 0}textarea{flex:1;resize:none;min-height:46px;max-height:130px;border:1px solid #e5ede7;background:#fafcfb;border-radius:12px;color:#587364;padding:13px 15px;font-size:12px;line-height:1.6}#send-button{border:0;border-radius:12px;background:#316d59;color:#fff;width:44px;height:46px;font-size:22px;flex-shrink:0}.composer-note{display:flex;justify-content:space-between;padding:10px 24px 16px;color:#b1bfb6;font-size:8px}#chat-status{font-size:10px;color:#b28666;padding:0 25px;line-height:1.9}#chat-status:not(:empty){padding-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:600px){body{padding:0;background:#fff}main{min-height:100dvh;border:0;border-radius:0;box-shadow:none}header{padding:0 20px;height:75px}header strong{font-size:16px}.private-tag{font-size:8px}#entry{padding-top:45px}.room-bar{padding:16px}.room-bar small{width:100%;padding-left:15px}.room-bar button{font-size:8px}#messages{height:calc(100dvh - 295px);min-height:210px;padding:22px 17px}.message{max-width:90%}#message-form{padding:13px 15px 0}.composer-note{padding:9px 17px 14px;font-size:7px}#conversation+footer{font-size:7px}.bubble{font-size:13px}.entry-symbol{margin-bottom:24px}h1{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}