.chat-nav{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:5px 12px;border:3px solid var(--ink);border-radius:8px 4px 7px 5px;background:#f5ffe9;color:var(--ink);box-shadow:3px 4px 0 var(--ink);font:normal 15px 'Mascot Hand','Comic Sans MS',cursive;text-decoration:none;white-space:nowrap;transform:rotate(2deg);transition:transform .12s,box-shadow .12s}
.chat-nav:hover{transform:rotate(-1deg) translateY(-2px)}.chat-nav:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.chat-panel{margin:8px 0 32px;border:4px solid var(--ink);border-radius:9px 6px 11px 7px;background:var(--paper);box-shadow:9px 10px 0 var(--ink);scroll-margin-top:18px;overflow:hidden}
.chat-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 24px;background:var(--ink);color:var(--paper)}
.chat-kicker,.chat-badge,.chat-form label,.chat-form-bottom,.chat-load-status,.chat-form-status{font-family:'Mascot Hand','Comic Sans MS',cursive}
.chat-kicker{font-size:12px;color:var(--yellow)}.chat-top h2{margin:1px 0 0;font:normal clamp(29px,3.7vw,52px)/1.2 'Mascot Hand','Comic Sans MS',cursive;letter-spacing:-.075em}
.chat-badge{flex:none;padding:8px 12px;border:2px solid var(--yellow);font-size:12px;transform:rotate(3deg)}.chat-badge span{font-size:19px;vertical-align:middle}
.chat-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);min-height:348px}
.chat-feed-wrap{min-width:0;position:relative;display:flex;flex-direction:column;background-color:#f8ffef;background-image:linear-gradient(to bottom,#e6f2d9 1px,transparent 1px);background-size:100% 35px}
.chat-feed{height:340px;overflow-y:auto;padding:19px 22px 10px;overscroll-behavior:contain;scrollbar-color:#80b965 #e9f8d2}
.chat-item{max-width:min(100%,680px);margin:0 0 12px;padding:9px 12px;border:2px solid var(--ink);border-radius:7px 10px 6px 11px;background:#e3f8bf;box-shadow:3px 3px 0 var(--ink);font-family:'Mascot Hand','Comic Sans MS',cursive}
.chat-item:nth-child(even){background:#fffef1;border-radius:10px 6px 11px 5px}.chat-item-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:2px}.chat-item-name{font-weight:700;font-size:14px;overflow-wrap:anywhere}.chat-item-time{flex:none;color:#526d4a;font-size:11px}.chat-item-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.chat-empty{margin:22px auto;padding:15px 20px;border:2px dashed var(--ink);background:var(--paper);font:normal 16px 'Mascot Hand','Comic Sans MS',cursive;text-align:center;transform:rotate(-2deg)}
.chat-load-status{min-height:26px;margin:0;padding:3px 20px 5px;border-top:2px solid var(--ink);color:#426142;font-size:11px;background:#e9f8d2}
.chat-form{display:flex;flex-direction:column;gap:7px;padding:21px 20px 16px;border-left:3px solid var(--ink);background:#d9f3b8}
.chat-form-intro{margin:0 0 7px;font:normal 18px/1.4 'Mascot Hand','Comic Sans MS',cursive}.chat-form label{font-size:12px;font-weight:700}.chat-form label span{font-weight:400;color:#526d4a}
.chat-form input:not(.chat-honeypot),.chat-form textarea{width:100%;padding:9px 11px;border:2px solid var(--ink);border-radius:4px 7px 5px 6px;background:#fafff4;color:var(--ink);font:normal 14px/1.5 'Mascot Hand','Comic Sans MS',cursive;box-shadow:2px 2px 0 var(--ink)}
.chat-form textarea{min-height:86px;resize:vertical}.chat-form input:focus-visible,.chat-form textarea:focus-visible,.chat-send:focus-visible,.chat-nav:focus-visible{outline:3px solid #48b84d;outline-offset:3px}
.chat-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.chat-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px}.chat-send{min-height:41px;padding:5px 22px;border:3px solid var(--ink);border-radius:5px 9px 4px 8px;background:#4cc953;color:#102719;box-shadow:3px 4px 0 var(--ink);font:normal 17px 'Mascot Hand','Comic Sans MS',cursive;transform:rotate(-2deg)}.chat-send:hover{transform:rotate(0) translateY(-2px)}.chat-send:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.chat-send:disabled{opacity:.6;cursor:wait}
.chat-form-status{min-height:30px;margin:6px 0 0;color:#426142;font-size:11px;line-height:1.4}.chat-form-status.error{color:#a42323}
@media(max-width:760px){.chat-nav{min-height:39px;padding:4px 8px;font-size:13px}.chat-panel{box-shadow:6px 7px 0 var(--ink)}.chat-top{padding:14px}.chat-content{grid-template-columns:1fr}.chat-feed{height:270px;padding:14px}.chat-form{border-left:0;border-top:3px solid var(--ink);padding:16px}.chat-form-intro{font-size:16px}}
@media(max-width:480px){.chat-top h2{font-size:28px}.chat-badge{font-size:10px;padding:5px}.chat-feed{height:245px}.chat-item-body{font-size:13px}}