:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#143f53;background:#f7f6f1;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app,.welcome{max-width:1150px;margin:auto;padding:42px 24px}.welcome{min-height:100vh;display:grid;place-items:center}.welcome section{max-width:520px;background:#fff;border:1px solid #c6d3d3;border-radius:16px;padding:34px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#527682}.welcome h1,header h1{margin:5px 0;font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.welcome p,header p{color:#58717b}.welcome form,label{display:grid;gap:8px}.welcome input,.library input,textarea{border:1px solid #a9bbbe;border-radius:7px;padding:11px;background:#fff;color:#143f53}.welcome button,.composer>button{border:0;border-radius:7px;background:#176a89;color:#fff;font-weight:800;padding:12px 16px}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.live{border:1px solid #7ac4b7;color:#087c70;border-radius:999px;padding:4px 10px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:20px}.chat,.library{background:#fff;border:1px solid #c6d3d3;border-radius:12px;padding:18px}.chat__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat h2,.library h2{font-size:18px;margin:0 0 12px}.name{border:0;background:transparent;color:#527682;font-size:12px}.chat ol,.library ul{list-style:none;padding:0;margin:0}.chat ol{height:440px;overflow:auto;display:grid;align-content:start;gap:10px}.chat li{padding:10px 12px;background:#eff6f5;border-radius:9px}.chat li.operator{background:#e1eef5}.chat li div{display:flex;justify-content:space-between;gap:8px}.chat time,.chat small{color:#58717b;font-size:12px}.chat p{margin:4px 0}.track{font-size:13px;font-weight:700}.composer{display:grid;gap:9px;margin-top:14px}.composer textarea{resize:vertical;min-height:76px}.selected{font-size:13px;background:#fff0cc;padding:8px;border-radius:6px}.selected button{float:right;border:0;background:transparent;color:#875c00}.library input{width:100%;margin-bottom:9px}.library ul{max-height:500px;overflow:auto}.library li{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #e1e7e6;padding:9px 0}.library strong,.library small{display:block}.library small{font-size:12px;color:#698087}.library button{border:1px solid #176a89;background:#fff;color:#176a89;border-radius:5px;padding:6px 8px;font-size:12px}.library button.picked{background:#176a89;color:#fff}.notice{background:#143f53;color:#fff;border-radius:8px;padding:10px;margin-bottom:15px}.notice button{float:right;border:0;background:none;color:#fff;font-size:18px}@media(max-width:760px){.app{padding:25px 15px}.layout{grid-template-columns:1fr}.chat ol{height:360px}header{gap:10px}}