:root{font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#30251d;background:#eee6dc;letter-spacing:0}
*{box-sizing:border-box;letter-spacing:0}
body{min-height:100vh;margin:0;padding:24px;background:#eee6dc}
button,textarea{font:inherit}
.chat-shell{display:grid;grid-template-rows:auto minmax(260px,1fr) auto auto auto;width:min(100%,720px);height:min(860px,calc(100vh - 48px));margin:0 auto;border:1px solid #d8c7b4;border-radius:8px;background:#fffaf3;box-shadow:0 18px 48px rgba(49,34,23,.16);overflow:hidden}
.chat-head{display:grid;grid-template-columns:1fr auto 36px;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #6a4b32;background:#4a3425;color:#fff}
.brand{color:#fff;text-decoration:none}.brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px}.brand span{display:block;margin-top:2px;color:#d8bb92;font-size:8px}
.head-copy{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#cdb47f}
.close-chat{width:34px;height:34px;border:0;border-radius:4px;background:transparent;color:#fff;font-size:25px;cursor:pointer}.close-chat:hover{background:rgba(255,255,255,.12)}
.messages{overflow:auto;padding:20px;background:#f8f2e9}
.message{width:min(78%,500px);margin:0 0 12px;padding:11px 13px;border:1px solid #e0d3c3;border-radius:7px;background:#fff;color:#46382c;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message strong{display:block;margin-bottom:3px;color:#76593e;font-size:11px}.message p{margin:0}.message.mine{margin-left:auto;border-color:#806044;background:#6a4b32;color:#fff}.message.mine strong{color:#ead8c1}
.connection{min-height:31px;margin:0;padding:7px 15px;border-top:1px solid #e7dccf;background:#fffaf3;color:#806e5c;font-size:11px}.connection.error{color:#a04737}
.message a{color:#146589;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.message.mine a{color:#fff}.message a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.composer{display:grid;grid-template-columns:1fr 88px;gap:8px;padding:12px 14px;border-top:1px solid #e0d3c3;background:#fff}
.composer textarea{min-height:58px;max-height:150px;resize:vertical;border:1px solid #cdbba7;border-radius:6px;padding:11px 12px;color:#30251d;background:#fff}.composer textarea:focus{outline:3px solid #dbc098;outline-offset:1px;border-color:#876646}
.composer button{border:1px solid #5b402c;border-radius:6px;background:#5b402c;color:#fff;font-weight:750;cursor:pointer}.composer button:hover{background:#3f2c1f}.composer button:disabled{cursor:not-allowed;opacity:.55}
.privacy{margin:0;padding:0 14px 12px;background:#fff;color:#8d7e6e;font-size:10px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){body{padding:0}.chat-shell{width:100%;height:100vh;border:0;border-radius:0}.chat-head{padding:12px}.messages{padding:14px}.message{width:88%}.composer{grid-template-columns:1fr 72px;padding:10px}.composer textarea{min-height:54px}}
.chat-shell{grid-template-rows:auto auto minmax(0,1fr) auto auto auto;height:min(860px,calc(100dvh - 48px))}
.chat-channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;border-bottom:1px solid #dfd1c0;background:#fffaf3}
.channels-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 0 5px}.channels-heading strong{font-size:14px;font-weight:700}.channels-heading>span{font-size:10px;color:#897562}
.chat-channels a{display:flex;align-items:center;gap:11px;min-height:76px;padding:14px;border:1px solid #dcd4ca;border-radius:7px;text-decoration:none;color:#30251d;background:#fff;transition:border-color .15s,background .15s}
.chat-channels img{flex:0 0 38px}.channel-copy{display:grid;gap:5px}.channel-copy strong{font-size:14px}.channel-copy small{font-size:11px;font-weight:400;color:#7d7165}.channel-arrow{margin-left:auto;color:#897562;font-size:17px}
.chat-channels .channel-telegram:hover{border-color:#229ed9;background:#f3faff}.chat-channels .channel-line:hover{border-color:#06a747;background:#f3fbf5}.chat-channels a:focus-visible{outline:3px solid #745438;outline-offset:3px}
@media(max-width:600px){.chat-shell{height:100dvh}.chat-channels{padding:10px 12px;gap:8px}}
@media(max-width:440px){.channels-heading{display:grid;gap:5px;padding-bottom:5px}.chat-channels a{padding:11px 9px;gap:8px}.chat-channels img{width:32px;height:32px;flex-basis:32px}.channel-copy strong{font-size:13px}.channel-copy small{font-size:10px}}
.consult-advisor{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:6px 2px 12px}
.chat-channels .advisor-photo{width:88px;height:104px;flex:0 0 88px;object-fit:cover;object-position:center 18%;border-radius:7px;border:1px solid #d5c4af}
.advisor-label{display:block;font-size:9px;color:#8b6a47;line-height:1.5}.advisor-copy h1{margin:6px 0;font-size:21px;line-height:1.35;font-weight:700}.advisor-copy h1 br{display:none}.advisor-copy p{margin:0;font-size:12px;line-height:1.65;color:#796956}.advisor-copy p br{display:none}
@media(max-width:440px){.consult-advisor{gap:14px;padding:4px 0 8px}.advisor-copy h1{font-size:18px}.advisor-copy h1 br,.advisor-copy p br{display:block}.advisor-copy p{font-size:11px}.advisor-label{font-size:8px}.chat-channels .advisor-photo{width:82px;height:108px;flex-basis:82px}}