:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#10151d;color:#e7edf5;font:14px/1.5 system-ui}button,input,textarea,select{font:inherit;color:inherit;border:1px solid #344154;border-radius:8px;background:#182332;padding:9px}button{cursor:pointer}button:hover{border-color:#66d9b6}a{color:#82e2c0}button.primary{background:#a9f1d0;color:#14291f;border:none;font-weight:650}aside{background:#151e2a;border-right:1px solid #2a3646;padding:24px;overflow:auto}.app{display:grid;grid-template-columns:290px minmax(350px,1fr) 290px;height:100vh}h1{font-size:28px;letter-spacing:-1px;margin:0}h1 span{color:#b0f3d5}.badge{font-size:11px;color:#92a5bc;letter-spacing:1px;text-transform:uppercase;margin:5px 0 28px}.muted{color:#93a4b9;font-size:12px}.row{display:flex;gap:8px;align-items:center}.stack{display:grid;gap:9px}hr{border:0;border-top:1px solid #2a3646;margin:22px 0}.chat{display:block;text-align:left;width:100%;border:0;background:transparent;margin:4px 0;padding:12px}.chat.active{background:#294639;color:#b4f3d3}.chat.sub{padding-left:30px}.chat small{display:block;color:#93a4b9}.main{display:flex;min-height:0;flex-direction:column}header{padding:22px 28px;border-bottom:1px solid #2a3646;display:flex;justify-content:space-between;gap:12px;align-items:center}header h2{margin:0;font-size:19px}#messages{flex:1;overflow:auto;padding:28px;display:flex;flex-direction:column;gap:16px}.message{align-self:flex-start;max-width:85%;min-width:120px}.message.mine{align-self:flex-end}.bubble{padding:12px 16px;border-radius:13px;background:#202c3c;overflow-wrap:anywhere;white-space:pre-wrap}.mine .bubble{background:#244b3c}.meta{font-size:11px;color:#8da0b5;margin:4px}.bubble img{max-width:240px;max-height:230px;display:block;border-radius:8px;margin:8px 0}.bubble video{max-width:100%;max-height:250px}.react{font-size:11px;padding:3px 6px;margin:4px 3px 0 0}.composer{border-top:1px solid #2a3646;padding:18px 28px}.composer textarea{width:100%;resize:vertical;min-height:70px;background:#182332}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.right{border-left:1px solid #2a3646;border-right:0}h3{font-size:14px;margin:14px 0}.card{padding:12px;border:1px solid #344154;border-radius:9px;margin:10px 0}.card p{margin:6px 0}.card select{padding:4px;max-width:100%}.emoji{font-size:21px;padding:4px;background:transparent;border:none}.gif{width:62px;height:45px;object-fit:fill;border-radius:8px}.contact{display:flex;gap:8px;align-items:center;margin:12px 0}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#395247;display:grid;place-items:center}#status{min-height:20px;font-size:12px;color:#a8ddc5}dialog{background:#182332;color:#e7edf5;border:1px solid #495c73;border-radius:16px;padding:25px;width:min(550px,95vw);max-height:90vh}dialog::backdrop{background:#0009}dialog input,dialog select{width:100%}label{display:grid;gap:5px;margin:12px 0}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#71403d;border-radius:8px;z-index:4}#notice:empty{display:none}@media(max-width:1000px){.app{grid-template-columns:250px 1fr}.right{display:none}}@media(max-width:650px){.app{display:block;height:auto}aside{max-height:40vh}.main{height:85vh}header{padding:15px;flex-wrap:wrap}#messages{padding:15px}}

.view-switch{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.view-switch a{padding:5px 9px;border:1px solid #52647a;border-radius:7px;text-decoration:none;font-size:12px}.view-switch a[aria-current=page]{background:#2e5444;color:#c1f7df}