:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18233a;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:grid;grid-template-columns:276px minmax(0,1fr) 272px;height:100dvh;min-height:480px;background:#fff}.sidebar{background:#f7f9fd;border-right:1px solid #e8ecf3;display:flex;flex-direction:column;padding:22px 16px;min-width:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand strong{font-size:21px;letter-spacing:.09em}.brand small{display:block;color:#8993a6;font-size:11px;margin-top:3px}.logo-mark{display:grid;place-items:center;width:55px;height:55px;background:linear-gradient(135deg,#574ce2,#b178ed);color:#fff;font-size:30px;font-weight:800;border-radius:17px;box-shadow:0 8px 22px #6650de2b}.logo-mark.small{width:41px;height:41px;font-size:22px;border-radius:13px}.primary{background:#6255df;color:white;border:1px solid #6255df;font-weight:650;border-radius:13px;padding:12px 14px}.primary:hover{background:#5145c7}.full{width:100%}.rooms{padding-top:22px;flex:1;overflow:auto}.room-item{display:block;width:100%;text-align:left;padding:14px;border:0;border-radius:12px;background:transparent;color:#4d5870;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item.active,.room-item:hover{background:#eae8fc;color:#4639c9;font-weight:650}.side-bottom{display:grid;gap:12px}.settings{padding:14px;background:#fff;border:1px solid #e7eaf2;border-radius:14px}.settings h3{margin:0 0 5px;font-size:14px}.settings p,.settings small,.hint{font-size:12px;color:#8b95a9;line-height:1.6}.settings p{margin:0 0 12px}.modes{display:flex;background:#f2f3f8;padding:4px;border-radius:10px;gap:4px}.modes button{flex:1;border:0;border-radius:8px;background:transparent;font-size:12px;padding:9px 4px;color:#7e87a0}.modes button.selected{background:white;color:#4539bf;box-shadow:0 2px 8px #2222}.powered{text-align:center;color:#a4acc0;font-size:11px}.subtle{border:1px solid #e1e5ed;background:#fff;color:#526078;border-radius:10px;padding:9px 13px;font-weight:600}.subtle:hover{border-color:#b5b3e8;color:#584dc9}.chat{display:flex;flex-direction:column;min-width:0;background:#fff}.chat-head{display:flex;align-items:center;gap:15px;padding:19px 26px;border-bottom:1px solid #edf0f5;min-height:83px}.chat-head>div{flex:1;min-width:0}.chat-head h2{font-size:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head p{font-size:12px;color:#96a0b0;margin:6px 0 0}.icon-button{background:none;border:0;font-size:22px;color:#7c879b}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:17px;padding:30px max(26px,7%);scroll-behavior:smooth}.empty{color:#a7b0bd;text-align:center;margin:auto}.message{display:flex;justify-content:flex-start;max-width:100%}.message.mine{justify-content:flex-end}.bubble{background:#f3f5f9;color:#313d54;border-radius:17px 17px 17px 5px;padding:12px 16px;max-width:min(680px,90%);line-height:1.6;word-break:break-word}.mine .bubble{background:#6255df;color:#fff;border-radius:17px 17px 5px 17px}.msg-meta{font-size:11px;opacity:.65;margin-bottom:5px}.msg-body{font-size:14px;white-space:pre-wrap}.composer{display:flex;align-items:flex-end;gap:12px;border:1px solid #e7eaf3;border-radius:16px;margin:15px 25px 22px;padding:9px 9px 9px 17px;background:#fff;box-shadow:0 6px 25px #1520490a}.composer textarea{flex:1;border:0;outline:0;resize:none;max-height:130px;min-height:36px;padding:8px 0;line-height:1.5}.send{width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.people{border-left:1px solid #edf0f4;padding:20px 17px;overflow-y:auto;background:#fdfdff}.people header{display:flex;justify-content:space-between;align-items:center}.people h3{margin:0;font-size:16px}.person{display:flex;align-items:center;gap:10px;margin:17px 0}.person strong,.person small{display:block}.person strong{font-size:13px}.person small{font-size:11px;color:#98a2b4;margin-top:3px}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:13px;background:#ecebff;color:#6255df;font-size:17px}.people section{border-top:1px solid #edf0f4;padding-top:17px;margin-top:24px}.people h4{font-size:13px;margin:0 0 13px}.people form{display:grid;gap:9px}.people input,.people select,.login-card input{width:100%;border:1px solid #e0e5ee;border-radius:10px;padding:11px 12px;background:#fff;color:#293650;min-width:0}.people p{font-size:12px;line-height:1.55;color:#8993a4}.copy-link{border:0;color:#6354d9;background:transparent;font-weight:650;text-decoration:underline}.invite-result{overflow-wrap:anywhere}.error{color:#ab3642!important;font-size:12px}.toast{padding:10px 22px;background:#fff2f2}.login-wrap{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 75% 18%,#eeecff,transparent 40%),#f7f8fd;padding:20px}.login-card{width:min(400px,100%);display:grid;gap:13px;background:white;border:1px solid #e8eaf2;border-radius:23px;padding:38px;box-shadow:0 20px 80px #16274b0c}.login-card h1{font-size:29px;letter-spacing:.08em;margin:4px 0 0}.login-card>p{color:#8791a6;margin:0 0 14px}.login-card label{font-size:12px;color:#637088;font-weight:650}.login-card .logo-mark{margin-bottom:8px}.login-card .primary{margin-top:5px}#sidebar-toggle,#close-people{display:none}[hidden]{display:none!important}@media(max-width:1080px){.shell{grid-template-columns:244px minmax(0,1fr)}.people{position:fixed;right:0;top:0;bottom:0;width:min(320px,92vw);z-index:10;box-shadow:-10px 0 35px #1920381a;transform:translateX(105%);transition:transform .2s}.people.show{transform:translateX(0)}#close-people{display:block}}@media(max-width:680px){.shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(295px,90vw);z-index:20;box-shadow:10px 0 35px #19203812;transform:translateX(-105%);transition:transform .2s}.sidebar.show{transform:translateX(0)}.chat{height:100dvh}.chat-head{padding:12px 15px;min-height:71px}.chat-head h2{font-size:16px}#sidebar-toggle{display:block}.messages{padding:22px 15px}.composer{margin:10px 12px 15px}.bubble{max-width:92%}}

#cerberus-pair-controls{display:grid;gap:10px}
#cerberus-pair-controls select{width:100%;padding:10px;border:1px solid #e0e5ee;border-radius:10px;background:#fff}
.pair-code{text-align:center;font-weight:800!important;font-size:23px!important;color:#5444cc!important;letter-spacing:.08em}