:root{--blue0:#edf8fd;--blue1:#b8dff3;--blue2:#89c2e5;--blue3:#5ea3d1;--blue4:#3f80b2;--blue5:#365c7d;--blue6:#244f6f;--blue7:#16415d;--blue8:#0b3248;--blue9:#04212f;--orange0:#fff4e1;--orange1:#ffe8cc;--orange2:#fed09b;--orange3:#fdb766;--orange4:#fca13a;--orange5:#fc931d;--orange6:#e17800;--orange7:#e17800;--orange8:#c86a00;--orange9:#af5a00;--burnt-orange0:#fdf0ed;--burnt-orange1:#f6bfb2;--burnt-orange2:#ee8e77;--burnt-orange3:#e65e3c;--burnt-orange4:#c63c1a;--burnt-orange5:#8b2b13;--burnt-orange6:#6e2114;--burnt-orange7:#521812;--burnt-orange8:#36100c;--burnt-orange9:#1e0400}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{margin:0;padding:0}.app{flex-direction:column;width:100vw;height:100vh;display:flex}h1{color:var(--burnt-orange9);margin:0}.subscribe-error-banner{background:var(--burnt-orange6);color:#fff;word-break:break-word;padding:10px 16px}.header{background-color:var(--orange1);background:linear-gradient(to bottom, var(--orange3), var(--orange5));border-bottom:2px solid var(--burnt-orange7);color:#000;flex-direction:column;gap:8px;padding:20px 16px;display:flex}.title{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.message-form{gap:8px;display:flex}.message-form input[type=text]{border:2px solid var(--burnt-orange7);background-color:var(--orange8);color:#fff;border-radius:4px;padding:8px;font-size:16px;font-weight:700}.message-form input[type=text]:focus{border-color:var(--burnt-orange6);box-shadow:0 0 0 2px var(--burnt-orange4);outline:none}.message-form button{background-color:var(--burnt-orange7);border:2px solid var(--burnt-orange7);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:16px;font-weight:700}.message-form button:hover{background-color:var(--burnt-orange6)}.message-form input{flex:1}.message-list{flex:1;margin:0;padding:12px;list-style:none;overflow-y:auto}.message-meta{align-items:center;gap:6px;margin-bottom:2px;display:flex}.message-me,.message-server{flex-direction:column;margin-bottom:8px;display:flex}.message-author{opacity:.7;font-family:monospace;font-size:.75rem}.on-light-blue{color:#eee;background:linear-gradient(to bottom, var(--blue6) 0%, var(--blue5) 100px, var(--blue5) 100%)}.server-indicator{cursor:default;-webkit-user-select:none;user-select:none;font-size:1.1rem;line-height:1}.title-right{align-items:center;gap:10px;display:flex}.user-identity{white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.85rem;font-weight:700;display:inline-flex}