:root{font-family:Inter,Segoe UI,sans-serif;color:#e9eaf0;background:#0d0e12;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b5a4ff;outline-offset:4px}.app{max-width:1480px;margin:auto;padding:30px 42px}header,.brand,.head-actions,.status,.panel-heading,.row,.person,.footer,.composer{display:flex;align-items:center}header{justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #26272f}.brand{gap:12px;font-size:23px;font-weight:750;letter-spacing:-1px}.logo{display:grid;place-items:center;background:#b4a1ff;color:#171326;border-radius:11px;width:39px;height:39px;letter-spacing:-4px;padding-right:4px}.brand span:last-child{font-size:11px;letter-spacing:1.5px;color:#92939e;margin-left:12px;font-weight:500}.head-actions{gap:16px}.pill{font-size:12px;border:1px solid #38323f;background:#241c2a;color:#d5b4e6;border-radius:30px;padding:8px 12px}.avatar{width:33px;height:33px;border-radius:50%;background:#33313e;display:grid;place-items:center;font-size:12px}.intro{padding:33px 0 27px;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:28px;letter-spacing:-1px;margin:0 0 9px}p{margin:0;color:#92939e;font-size:14px;line-height:1.6}.primary,.secondary{border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600}.primary{background:#b5a2ff;border:1px solid #b5a2ff;color:#191426}.secondary{background:#1b1c23;border:1px solid #363740}.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-bottom:26px}.stat{border:1px solid #292a33;border-radius:12px;background:#15161c;padding:18px 20px}.label{color:#9798a4;font-size:12px}.value{margin-top:10px;font-size:24px;font-weight:650}.value small{font-size:12px;font-weight:400;color:#90919d;margin-left:8px}.dot{display:inline-block;width:7px;height:7px;background:#c5a6f6;border-radius:50%;margin-right:7px}.workspace{display:grid;grid-template-columns:1fr 1.06fr;gap:20px}.panel{border:1px solid #292a33;border-radius:13px;background:#131419;overflow:hidden}.panel-heading{justify-content:space-between;padding:20px 22px;border-bottom:1px solid #292a33}.panel-heading h2{font-size:15px;margin:0}.count{font-size:11px;color:#a5a5b0;margin-left:8px;border-radius:5px;background:#272832;padding:3px 6px}.hint{font-size:11px;color:#92939f}.filters{display:flex;gap:7px;padding:15px 20px;border-bottom:1px solid #25262e}.filter{background:transparent;border:0;border-radius:6px;padding:7px 12px;color:#9495a2;font-size:12px}.filter.active{background:#2b253b;color:#cab9ff}.messages{height:397px;overflow:auto;padding:8px}.message{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:16px 13px;display:flex;gap:12px;margin:3px 0}.message:hover{background:#1b1c24}.message.selected{border-color:#66558c;background:#252032}.person{justify-content:space-between;gap:10px;margin-bottom:7px;font-size:12px}.name{font-weight:650}.time{color:#797b88;font-size:10px}.bubble{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:#34413e;color:#c6ded1;font-size:11px}.message:nth-child(2n) .bubble{background:#3d3444;color:#dfc8ed}.message:nth-child(3n) .bubble{background:#343b4c;color:#c4d2ee}.message-content{flex:1}.text{font-size:13px;line-height:1.6;color:#c1c1cc}.tag{font-size:9px;color:#c7b5fb;margin-left:7px;letter-spacing:.3px}.reply-body{padding:23px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#9993ad;font-weight:600;margin-bottom:13px}.quote{border-left:2px solid #5f536f;padding-left:13px;color:#b2b1bf;font-size:13px;line-height:1.6;margin-bottom:25px}.reply-card{background:#211d2d;border:1px solid #443754;border-radius:11px;padding:21px}.reply-top{display:flex;justify-content:space-between;color:#c9b7ff;font-size:11px;margin-bottom:16px}.reply-text{font-size:21px;line-height:1.55;letter-spacing:-.3px;min-height:130px}.reply-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.reply-actions button{font-size:12px}.tone{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:25px;font-size:12px;color:#9b9ca8}select{background:#1c1d25;border:1px solid #393a45;color:#d4d3df;border-radius:7px;padding:8px 10px}.footnote{font-size:11px;margin-top:17px;color:#858590}.composer{gap:10px;padding:15px 20px;border-top:1px solid #292a33;background:#17181e}.composer input{min-width:0;flex:1;background:#111217;border:1px solid #30313c;border-radius:7px;padding:10px;color:#eee;font-size:12px}.composer button{padding:10px 12px}.footer{justify-content:space-between;padding:20px 2px;color:#727480;font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#dfd5ff;color:#241b3b;padding:12px 20px;border-radius:9px;box-shadow:0 5px 30px #0006;font-size:13px}.empty{padding:40px;text-align:center;color:#999;font-size:13px}dialog{background:#1b1c24;color:#eee;border:1px solid #46414f;border-radius:14px;max-width:440px;padding:28px}dialog::backdrop{background:#0009}dialog h2{font-size:20px}dialog p{margin-bottom:22px}@media(max-width:800px){.app{padding:22px 18px}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.brand span:last-child{display:none}.intro{align-items:flex-start}h1{font-size:24px}.messages{height:330px}.footer{gap:15px;line-height:1.6}.reply-text{min-height:100px}.head-actions{gap:8px}}@media(prefers-reduced-motion:no-preference){button{transition:background .16s,border-color .16s}.reply-card{animation:appear .22s ease}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}}
.connection-note{font-size:13px;margin:0 0 18px;color:#b7abc9}.auto{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:11px;color:#a6a5b1;white-space:nowrap}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#bab8c8;margin:18px 0}.field input,.field textarea{background:#111217;border:1px solid #41414d;padding:12px;color:#eee;border-radius:8px;font:inherit;width:100%}.field textarea{resize:vertical}.small{font-size:11px;line-height:1.7}a{color:#c8b7ff}dialog{width:min(480px,calc(100% - 30px));max-width:480px}#login{width:400px}#login p,#settings-status{margin-top:14px}#login .primary{width:100%}button:disabled{cursor:default;opacity:.5}#live-status{line-height:1.4}.filters{flex-wrap:wrap}.messages{height:430px}.avatar{border:1px solid #57515f}.reply-text{white-space:pre-wrap}@media(max-width:500px){.head-actions .pill{display:none}.intro{flex-direction:column}.tone{align-items:flex-start;flex-direction:column}.auto{margin-left:0}.app{padding:18px 14px}}