:root{color:#183744;background:#edf3f6;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:32px 24px}nav{justify-content:space-between;font-size:14px;display:flex}a{color:inherit;text-decoration:none}header{padding:65px 0 35px}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:700}h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(42px,7vw,76px);line-height:1.04}header>p:last-child{color:#526a75;max-width:540px;line-height:1.6}.panel{background:#fff;border:1px solid #d5e1e7;border-radius:16px;padding:24px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button,input{font:inherit}button{cursor:pointer;color:#183744;background:#f5f8fa;border:1px solid #cbd9df;border-radius:9px;padding:12px 17px}#create,#send{color:#fff;background:#183744;border-color:#183744}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #df681f}#presence{color:#526a75;margin-left:auto;font-size:13px}#status{color:#526a75;min-height:20px;font-size:13px}#messages{background:#f2f6f8;border-radius:8px;height:240px;margin:20px 0;padding:16px;overflow:auto}#messages p{overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;line-height:1.6}#messages .empty{color:#788f9a}label{margin-bottom:8px;font-size:12px;display:block}.input-row{gap:8px;display:flex}input{border:1px solid #cbd9df;border-radius:8px;flex:1;min-width:0;padding:12px}.counter{align-items:center;gap:12px;padding:26px 0;display:flex}.counter>div{flex:1}.counter h2{margin:0 0 8px;font-size:20px}.counter p,footer{color:#526a75;font-size:13px;line-height:1.6}.counter p{max-width:400px;margin:0}output{text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:36px}footer{border-top:1px solid #cbd9df;padding:20px 0}@media (width<=650px){.toolbar{align-items:stretch}.toolbar button{flex:1}#presence{width:100%;margin:5px 0}.counter{flex-wrap:wrap}.counter>div{flex-basis:100%}.counter output{margin-right:auto}.panel{padding:16px}}