:root{font-family:"DM Sans",sans-serif;color:#232324;background:#f8f6f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app{display:grid;grid-template-columns:370px minmax(0,1fr);height:100dvh;min-height:560px;max-width:1600px;margin:auto;background:#fff;box-shadow:0 12px 60px #302e2514}.rail{background:#f7f5ef;border-right:1px solid #eae7df;display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:11px;padding:29px 30px;text-decoration:none;color:#222;font-family:Outfit,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.045em}.brand em{color:#9a8f77;font-style:normal;font-weight:500}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#343b34;color:white;font-size:25px;position:relative}.brand-icon span{position:absolute;right:4px;bottom:3px;color:#bde5ac}.rail-main{padding:34px 30px;overflow:auto;flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#948f82;font-size:10px;font-weight:700}.rail h1{font-family:Outfit,sans-serif;letter-spacing:-.06em;line-height:1.06;font-size:42px;margin:13px 0 17px}.rail h1 span{color:#789267}.intro{font-size:14px;line-height:1.7;color:#76756f;margin:0 0 25px}.main-button{border:0;background:#34443a;color:#fff;border-radius:13px;padding:15px 17px;width:100%;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.main-button:hover{background:#49624e}.archive-head{display:flex;justify-content:space-between;align-items:center;margin:43px 0 13px}.count{color:#a4a094;font-size:12px}.archive{display:grid;gap:8px}.archive-item{border:1px solid #e8e4db;background:#fff;border-radius:12px;padding:12px 13px;text-align:left;cursor:pointer;color:#3a3c38}.archive-item:hover,.archive-item.active{border-color:#acc3a1;background:#f7faf4}.archive-item strong{display:block;font-size:13px}.archive-item small{display:block;font-size:11px;color:#949389;margin-top:4px}.archive-empty{font-size:12px;color:#a09d93;line-height:1.5}.rail-foot{border-top:1px solid #e8e5dc;padding:20px 30px;display:grid;gap:9px}.rail-foot a{font-size:12px;color:#566d55;text-decoration:none;font-weight:700}.rail-foot small{font-size:11px;color:#a6a196}.chat{min-height:0;display:flex;flex-direction:column;background:#fff}.chat-head{height:86px;border-bottom:1px solid #eeece7;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.head-title{display:flex;gap:13px;align-items:center}.person-icon{background:#edf4e9;color:#738d67;width:41px;height:41px;display:grid;place-items:center;border-radius:50%;font-size:22px}.head-title strong,.head-title small{display:block}.head-title strong{font-family:Outfit,sans-serif;font-size:17px}.head-title small{color:#93948d;font-size:12px;margin-top:2px}.private-badge{border:1px solid #e7ede3;border-radius:50px;color:#6d8a61;background:#f7faf5;font-size:11px;font-weight:700;padding:8px 11px}.notice{margin:20px 38px 0;border:1px solid #dce8d5;background:#f8fcf6;border-radius:14px;padding:17px 19px;display:flex;gap:20px;justify-content:space-between;align-items:center}.notice strong{font-size:14px}.notice p{font-size:12px;color:#6f796c;line-height:1.5;margin:5px 0 0}.notice.error{background:#fff8f5;border-color:#f1ded6}.notice.error p{color:#99786d}.hidden{display:none!important}.copy-button{background:#34443a;color:#fff;border:0;border-radius:9px;padding:10px 14px;white-space:nowrap;cursor:pointer;font-size:12px;font-weight:700}.messages{flex:1;min-height:0;overflow:auto;padding:30px 38px;display:flex;flex-direction:column;gap:14px}.empty{margin:auto;text-align:center;max-width:370px}.empty-art{font-size:45px;color:#7f9e6f;margin-bottom:24px}.empty h2{font-family:Outfit,sans-serif;font-size:29px;letter-spacing:-.04em;line-height:1.2;margin:0 0 10px}.empty p{font-size:13px;color:#93958d;line-height:1.7}.bubble-row{display:flex;flex-direction:column;max-width:76%;align-self:flex-start;gap:4px}.bubble-row.own{align-self:flex-end;align-items:flex-end}.bubble{background:#f3f3f0;border-radius:16px 16px 16px 4px;padding:11px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.own .bubble{background:#dcebd5;border-radius:16px 16px 4px 16px}.bubble-row time{font-size:10px;color:#aaa9a1}.composer{margin:0 38px 0;border:1px solid #e8e7e0;border-radius:14px;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 17px}.composer:focus-within{border-color:#95b486}.composer input{border:0;outline:0;flex:1;min-width:0;color:#333}.composer input::placeholder{color:#aaa}.composer button{border:0;background:#34443a;color:#fff;border-radius:10px;width:39px;height:39px;font-size:23px;cursor:pointer}.composer button:disabled{background:#d9ded6;cursor:default}.chat-foot{text-align:center;color:#aaa9a2;font-size:10px;padding:14px 0 20px}@media(max-width:760px){.app{display:flex;flex-direction:column;height:100dvh;min-height:0}.rail{max-height:240px;flex-shrink:0}.brand{padding:13px 18px}.rail-main{padding:0 18px 15px;overflow:visible}.rail h1,.intro,.archive-head,.archive,.rail-foot{display:none}.main-button{padding:10px 13px}.chat{min-height:0;flex:1}.chat-head{height:65px;padding:0 17px}.private-badge{display:none}.notice{margin:10px 15px 0;padding:11px;align-items:flex-start}.messages{padding:17px 15px}.composer{margin:0 15px}.chat-foot{padding:9px;font-size:9px}.empty h2{font-size:25px}}