.realtimeShell{color:#10231d;max-width:1320px;min-height:100vh;margin:auto;padding:0 42px 40px}.realtimeShell header{letter-spacing:.1em;border-bottom:1px solid #dce4df;justify-content:space-between;align-items:center;height:72px;font-size:11px;font-weight:900;display:flex}.realtimeShell header a{color:inherit;text-decoration:none}.realtimeShell header span{color:#277553}.realtimeShell header i{background:#49aa79;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #dcefe5}.realtimeHero{justify-content:space-between;align-items:end;padding:54px 0 34px;display:flex}.realtimeHero p,.meshGrid aside>p,.conversationHead p{letter-spacing:.18em;color:#78867f;margin:0;font-size:10px;font-weight:900}.realtimeHero h1{letter-spacing:-.05em;margin:8px 0;font-size:52px}.realtimeHero span{color:#68766f}.realtimeHero button{color:#d8f05b;cursor:pointer;background:#10231d;border:0;border-radius:12px;padding:15px 22px;font-weight:900}.realtimeHero button:disabled{opacity:.55;cursor:default}.meshGrid{grid-template-columns:330px 1fr;gap:14px;display:grid}.meshGrid>aside,.conversation{background:#fff;border:1px solid #dce4df;border-radius:18px}.meshGrid>aside{padding:24px}.meshGrid aside article{border-top:1px solid #e8ece9;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:17px 0;display:grid}.meshGrid aside article>b{color:#277553;background:#dfeee7;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.meshGrid aside article div{flex-direction:column;gap:4px;display:flex}.meshGrid aside article span{color:#7a8781;font-size:11px}.meshGrid aside em{font-size:10px;font-style:normal;font-weight:900}.meshGrid aside em.online{color:#288058}.meshGrid aside em.connecting{color:#987127}.boundary{background:#f0f3ef;border-radius:12px;flex-direction:column;gap:7px;margin-top:18px;padding:16px;display:flex}.boundary span{color:#69776f;font-size:12px;line-height:1.6}.conversation{min-height:540px;padding:26px}.conversationHead{border-bottom:1px solid #e8ece9;justify-content:space-between;display:flex}.conversationHead h2{margin:5px 0 18px}.conversationHead>span{color:#6e7c75;font-size:11px}.timeline{padding-top:20px}.timeline article{max-width:78%;margin:0 0 18px}.timeline article.right{margin-left:auto}.timeline article>div{justify-content:space-between;gap:20px;margin:0 8px 7px;font-size:11px;display:flex}.timeline article small{color:#87928d}.timeline article p{background:#edf2ef;border-radius:5px 16px 16px;margin:0;padding:15px 17px;line-height:1.65}.timeline article.right p{color:#fff;background:#163128;border-radius:16px 5px 16px 16px}.waiting{text-align:center;color:#64736c;place-content:center;height:380px;display:grid}.waiting span{color:#929d98;margin-top:8px;font-size:12px;display:block}@media (max-width:760px){.realtimeShell{padding:0 16px 28px}.realtimeHero{flex-direction:column;align-items:start;gap:24px}.realtimeHero h1{font-size:40px}.meshGrid{grid-template-columns:1fr}.conversation{min-height:480px}.timeline article{max-width:92%}}