:root{font-family:Arial,Helvetica,sans-serif;color:#f5f5f7;background:#1b1c1f;color-scheme:dark}body{background:#1b1c1f}.app-shell{height:100vh;min-height:0;overflow:hidden;background:#1b1c1f}.sidebar{width:77px;background:#1b1c1f;border-right:1px solid #303136}.logo{height:66px;padding:12px 15px;justify-content:center}.logo .brand-mark{width:40px;height:40px;border-radius:50%;background:#1685ff;box-shadow:none}.logo>div:last-child{display:none}.nav{padding:14px 4px 0}.nav-item{display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center;font-size:10px;padding:9px 2px;margin-bottom:8px;color:#a9aab0;border-radius:10px}.nav-item.active{background:#2b2c32;color:#fff}.nav-icon{font-size:21px;width:auto}.accounts-panel{margin-top:12px;padding:16px 5px 0;border-top:1px solid #303136}.accounts-heading{display:block;text-align:center;padding:0 0 8px}.accounts-heading span{display:none}.accounts-heading button{width:32px;height:32px;background:#2489fa;color:#fff;border-radius:50%;font-size:23px}.account-list{gap:5px}.account-item{justify-content:center;padding:9px 3px;border-radius:9px}.account-item span:last-child{display:none}.account-item .dot{width:12px;height:12px}.account-item.active{background:#303039}.sidebar-bottom{padding:7px;margin-top:auto}.sidebar-status{padding:10px;border:0;justify-content:center;background:transparent}.sidebar-status>div{display:none}.subtle-button{font-size:9px;text-align:center;padding:6px 0;margin:0;width:100%;line-height:1.2}.main{padding:0;min-height:0;background:#1b1c1f}.topbar{padding:22px 28px 12px;margin:0;background:#1b1c1f}.topbar h1{color:#fff}.status-pill{background:#2c2d33;border-color:#3a3b42;color:#c6c6ca}.status-pill.ready{background:#1f3932;border-color:#2b5a47;color:#78d3a7}.icon-button{background:#2b2c31;border-color:#3c3d44;color:#fff}body[data-view=chats] .topbar{display:none}.connection-card{margin:10px 14px;background:#272531;border:1px solid #4b405f;color:#fff}.connection-card h2{color:#fff}.connection-card p{color:#aaa6b5}.connection-icon{background:#443c5f;color:#c9bbff}.qr-image{border-color:#61596e}.workspace{border:0;border-radius:0;box-shadow:none;grid-template-columns:392px minmax(0,1fr);background:#1b1c1f;min-height:0;flex:1}.chat-list-pane{background:#1b1c1f;border-right:1px solid #303136}.pane-heading{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.pane-heading h2{font-size:24px;color:#fff;margin:0;letter-spacing:-.04em}.count{font-size:11px;background:#303136;color:#aeb0b8;padding:4px 8px}.new-chat{border:0;border-radius:50%;width:33px;height:33px;background:#1685ff;color:#fff;font-size:25px;line-height:1}.search-wrap{margin:8px 16px 10px;border:0;background:#2c2d32;border-radius:11px;color:#aaa;box-shadow:none!important;padding:0 12px}.search-wrap span{display:none}.search-wrap input{color:#fff;font-size:14px;padding:10px 0}.search-wrap input::placeholder{color:#9798a0}.chat-row{background:#1b1c1f;color:#fff;padding:10px 16px;min-height:79px;gap:12px}.chat-row:hover{background:#26272c}.chat-row.active{background:#303139;border:0;padding-left:16px}.avatar,.conversation-avatar{border-radius:50%;width:56px;height:56px;color:#fff;font-size:19px;background:linear-gradient(145deg,#6a7aa9,#976b9e);overflow:hidden}.avatar img,.conversation-avatar img{width:100%;height:100%;object-fit:cover}.chat-title{font-size:15px;color:#f9f9fb}.chat-time{font-size:12px;color:#bfc0c7}.chat-preview{font-size:13px;color:#aeb0ba;margin-top:6px}.unread{background:#1685ff}.empty-list{color:#9a9ba5}.conversation{background:#1b1c1f}.conversation-head{height:65px;min-height:65px;border-bottom:1px solid #303136;padding:0 18px;background:#1b1c1f}.conversation-avatar{width:43px;height:43px;font-size:17px}.conversation-head strong{font-size:15px;color:#fff}.conversation-head small{font-size:11px;color:#a9aab2}.messages{background:#1b1c1f;padding:14px 25px 22px}.empty-conversation h3{color:#f3f3f5}.empty-conversation p{color:#999aa2}.empty-symbol{background:#303139;color:#a996ed}.message{max-width:min(76%,570px);margin-bottom:5px}.message-bubble{background:#303138;color:#f4f4f6;border-radius:16px 16px 16px 4px;font-size:14px;line-height:1.35;padding:9px 12px}.message.own .message-bubble{background:linear-gradient(115deg,#5557c8,#8a43ba);border-radius:16px 16px 4px 16px;color:#fff}.message-meta{font-size:10px;color:#bcbcc7;margin:3px 4px 8px}.message-media{display:block;max-width:100%;max-height:320px;border-radius:12px;margin:0 0 6px;object-fit:contain}.compose{position:relative;background:#26272b;border:0;border-radius:18px;margin:0 20px 16px;padding:7px 9px;align-items:center;box-shadow:0 2px 12px #0003;flex-wrap:wrap}.compose textarea{border:0;background:transparent;color:#fff;padding:10px 7px;min-height:36px;font-size:14px;box-shadow:none!important}.compose textarea::placeholder{color:#aeb0b8}.send-button{border-radius:50%;background:#1685ff;width:35px;height:35px;font-size:16px}.attach-button{display:grid;place-items:center;width:36px;height:36px;color:#bbbcc5;font-size:26px;cursor:pointer}.paste-preview{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px 9px;border-bottom:1px solid #41424a}.paste-preview img{width:55px;height:55px;object-fit:cover;border-radius:8px}.paste-preview button{background:#44454c;border:0;border-radius:50%;color:#fff;width:24px;height:24px}.sessions-view{margin:12px 22px 22px;background:#24252a;border-color:#34353c;color:#fff;overflow:auto}.section-intro h2,.list-title{color:#fff}.section-intro p,.session-note{color:#a7a8b1}.outline-button{background:#33343b;color:#ddd6ff;border-color:#5a516d}.danger-button{background:#332a31;color:#ff9da9;border-color:#66404a}.session-highlight{background:#302d39;border-color:#544a62}.session-highlight strong,.session-row strong{color:#fff}.session-row{border-color:#3d3e46;background:#2a2b31}.device-icon{background:#3d3e46;color:#ddd}.token-form{margin-top:28px;display:grid;gap:10px;max-width:650px}.token-form label{font-size:12px;font-weight:700}.token-form>div{display:flex;gap:9px}.token-form input{flex:1;background:#303137;border:1px solid #494a51;border-radius:10px;padding:11px 13px;color:#fff}.token-form .primary{width:auto;margin:0}.token-form small,.new-token p{color:#a6a7b0;font-size:11px}.new-token{margin-top:24px;padding:18px;background:#313141;border:1px solid #595070;border-radius:13px}.new-token strong{font-size:13px}.new-token code{display:block;overflow-wrap:anywhere;padding:12px;background:#22232a;border-radius:7px;font-size:11px;margin:8px 0}.token-row{display:flex;align-items:center;gap:12px;border:1px solid #3d3e46;border-radius:10px;padding:13px;margin-bottom:8px}.token-row strong{font-size:12px}.token-row small{color:#a5a6ad;font-size:11px;margin-left:auto}.token-row button{border:0;background:#4b343c;color:#ffafba;border-radius:8px;padding:6px 9px;font-size:11px}.login-shell{background:#1b1c1f}.login-card h1,.login-card label{color:#fff}.login-card input{background:#292a30;border-color:#44454b;color:#fff}.login-aside{background:#202031}.toast{background:#44444e}@media(max-width:900px){.sidebar{width:66px}.workspace{grid-template-columns:310px minmax(0,1fr)}.account-item span:last-child{display:none}}@media(max-width:620px){.sidebar{width:50px}.logo{padding:11px 5px}.nav-item{font-size:8px}.workspace{grid-template-columns:1fr}.connection-card{margin:8px}.sessions-view{margin:8px}.topbar{padding:17px}.message{max-width:88%}.messages{padding:12px}.compose{margin:0 9px 9px}.chat-row{min-height:73px}}
.message-date{width:max-content;max-width:100%;margin:7px auto 13px;padding:4px 9px;border-radius:10px;background:#303138;color:#d0d1d8;font-size:11px}
.message{width:max-content;max-width:min(76%,570px)}@media(max-width:620px){.message{max-width:88%}}
.pane-heading .account-name{display:block;color:#a4a6ad;font-size:10px;margin-top:3px;max-width:255px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@font-face{font-family:Roboto;src:url('/assets/roboto-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('/assets/roboto-medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Roboto;src:url('/assets/roboto-semibold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root,body,button,input,textarea{font-family:Roboto,Arial,sans-serif}
.workspace{grid-template-columns:396px minmax(0,1fr);grid-template-rows:100%}
.conversation{min-height:0;overflow:hidden}
.chat-list-pane,.sidebar,.conversation-head{background:#1b1c1f}
.pane-heading h2{font-size:24px;letter-spacing:0;font-weight:600}
.chat-row{min-height:80px;padding:9px 20px;gap:15px}
.chat-row.active{padding-left:20px}
.chat-title{font-size:16px;font-weight:600}
.chat-preview{font-size:14px;line-height:1.3;margin-top:4px}
.chat-time{font-size:12px}
.conversation-head{height:58px;min-height:58px}
.conversation-head strong{font-size:16px;font-weight:600}
.messages{background:#1b1c1f url('/assets/pattern_space.svg') repeat;background-size:280px 280px;padding:14px 20px 22px}
.messages-content{width:min(100%,700px);min-height:100%;margin:0 auto}
.message{max-width:min(78%,520px);margin-bottom:3px}
.message-bubble{background:#32343d;border-radius:16px 16px 16px 5px;font-size:16px;line-height:1.25;padding:8px 10px}
.message.own .message-bubble{background:linear-gradient(110deg,#5e64c9,#9541b7);border-radius:16px 16px 5px 16px}
.message-meta{font-size:11px;margin:2px 8px 7px;color:#b2b3c2}
.message-date{background:#303139b8;color:#d5d6df;font-size:11px;margin:8px auto 16px}
.compose{width:min(calc(100% - 28px),700px);margin:0 auto 12px;background:#1b1c1f;border-radius:14px}
.compose textarea{font-size:16px}
@media(max-width:900px){.workspace{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:620px){.workspace{grid-template-columns:1fr}.messages{padding:12px}.message{max-width:88%}.compose{width:calc(100% - 18px);margin:0 auto 9px}}

.compose{min-height:50px;padding:6px 10px;gap:8px;border-radius:16px;box-shadow:0 2px 12px #0003}
.compose textarea{flex:1;min-width:0;padding:8px 4px;min-height:32px;line-height:1.3;font-size:16px}
.attach-button,.emoji-button{width:34px;height:34px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:#aaaeb8;padding:5px;cursor:pointer}
.attach-button svg,.emoji-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.emoji-button{margin-left:auto}
.emoji-button svg{width:22px;height:22px}
.send-button{width:34px;height:34px;flex:none;display:grid;place-items:center;padding:7px;background:#347cf5}
.send-button svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.emoji-picker{position:absolute;right:43px;bottom:calc(100% + 9px);width:258px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:9px;background:#292b32;border:1px solid #40424c;border-radius:14px;box-shadow:0 12px 30px #0008;z-index:5}
.emoji-picker button{background:none;border:0;border-radius:7px;font-size:23px;line-height:37px;cursor:pointer}
.emoji-picker button:hover{background:#40424c}
.message-bubble audio{display:block;max-width:100%;width:290px;height:40px;margin:3px 0}