:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf0ed;background:#101916;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#24473a88,transparent 65%)}main{max-width:850px;margin:auto;padding:28px 26px 16px}header{display:flex;align-items:center;gap:14px;padding-bottom:24px;border-bottom:1px solid #304137}.mark{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#b9efc5;color:#163922;font-size:36px;font-weight:600;padding-bottom:8px}h1{font-size:20px;margin:0;font-weight:600;letter-spacing:-.4px}header p{font-size:13px;color:#a1b6a9;margin:5px 0 0}.quiet{margin-left:auto;background:transparent;color:#bccbbf;border:1px solid #405345;font-size:13px;padding:10px 14px}#entrance{max-width:440px;margin:65px auto 45px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;color:#b9efc5}h2{font-size:48px;line-height:1.08;font-weight:550;letter-spacing:-2px;margin:18px 0 22px}p{line-height:1.6;color:#b7c7bd}form{margin:28px 0 0}label{display:block;font-size:13px;margin-bottom:10px}input,textarea{font:inherit;width:100%;color:#eff6f1;background:#17251e;border:1px solid #465d4c;border-radius:12px;padding:15px;outline:none}input:focus,textarea:focus{border-color:#b9efc5;box-shadow:0 0 0 3px #b9efc51a}button{font:inherit;background:#b9efc5;border:0;color:#183420;border-radius:12px;padding:15px 20px;cursor:pointer;font-weight:650}button:disabled{opacity:.5;cursor:wait}#join button{width:100%;margin-top:12px;display:flex;justify-content:space-between}.note{font-size:12px;color:#8da396;line-height:1.7;margin-top:24px}.room-note{padding:16px 0;font-size:12px;color:#91a89a}#messages{height:53dvh;min-height:230px;overflow:auto;overscroll-behavior:contain;padding:8px 8px 20px 0}#empty{text-align:center;font-size:14px;margin:70px 10px;color:#93aa9b}.message{margin:0 0 18px;max-width:92%;width:fit-content}.meta{font-size:11px;color:#9ab4a3;margin-bottom:6px;overflow-wrap:anywhere}.bubble{background:#213329;border:1px solid #2c4234;border-radius:0 14px 14px 14px;padding:12px 16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:15px}.mine{margin-left:auto}.mine .bubble{background:#344a39;border-color:#50644c;border-radius:14px 0 14px 14px}.mine .meta{text-align:right}#compose{display:flex;gap:10px;margin:14px 0 0}textarea{resize:vertical;max-height:180px}#send{white-space:nowrap;align-self:stretch}.hint{font-size:11px;color:#7f9989;margin-top:8px}#error{padding:12px 16px;border:1px solid #ad795b;color:#f5c3a5;border-radius:10px;font-size:13px}footer{text-align:center;font-size:11px;color:#708c7b;padding-top:18px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:560px){main{padding:18px 16px}#entrance{margin:45px 0 30px}h2{font-size:43px}#compose{flex-direction:column}#send{padding:12px}#messages{height:46dvh}.hint{display:none}}