@layer theme,legacy,utilities;
@layer legacy{
.parent-chat{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px var(--line);overflow:hidden;margin-bottom:24px}.chat-heading{display:flex;align-items:center;gap:14px;padding:24px;background:linear-gradient(115deg,var(--surface),var(--surface));color:var(--ink)}.chat-heading h2{font-size:1.41176rem;margin:5px 0;color:var(--ink)}.chat-heading small{color:var(--ink);font-size:0.8rem}.chat-heading p{margin:5px 0 0;color:var(--ink);font-size:0.8rem;line-height:1.6}.chat-spark{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--surface);color:var(--ink);font-size:1.76471rem;flex-shrink:0}.chat-mode{margin-inline-start:auto;white-space:nowrap;font-size:0.8rem;background:var(--surface);padding:8px;border-radius:12px}.chat-thread{max-height:580px;overflow-y:auto;overscroll-behavior:contain;padding:22px;display:flex;flex-direction:column;gap:16px}.chat-message{max-width:90%;border-radius:18px;padding:14px 18px;align-self:flex-start;background:var(--surface);color:var(--ink)}.chat-message.user{align-self:flex-end;background:var(--surface);color:var(--ink)}.chat-message small{font-size:0.8rem;font-weight:bold;opacity:.8}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:0.82353rem;line-height:1.8;margin:5px 0 0}.chat-proposal{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--surface);color:var(--ink)}.chat-proposal>small{font-size:0.8rem;color:var(--ink)}.chat-proposal h3{margin-top:9px}.chat-proposal ul{padding-inline-start:20px;white-space:pre-wrap;font-size:0.82353rem;line-height:1.8}.chat-proposal li{margin-block:10px}.chat-proposal>p{font-size:0.8rem;color:var(--ink);line-height:1.7}.chat-proposal-actions{display:flex;gap:10px;flex-wrap:wrap}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 18px}.chat-suggestions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 12px;border-radius:14px;font-size:0.8rem;line-height:1.5}.chat-composer{padding:20px 22px;background:var(--surface);border-top:1px solid var(--line)}.chat-composer textarea{width:100%;resize:vertical;min-height:92px;max-height:240px;border:1px solid var(--line);border-radius:16px;padding:14px;font:inherit;font-size:0.94118rem;line-height:1.6;display:block;background:var(--surface);color:var(--ink);box-sizing:border-box}.chat-input-label{display:block;font-size:0.8rem;color:var(--ink);margin-bottom:8px}.chat-composer>div{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:12px}.chat-composer small{font-size:0.8rem;line-height:1.6;max-width:70%;color:var(--ink)}.chat-composer .primary{flex-shrink:0}.chat-error{margin:0 22px 18px}.chat-thinking{font-size:0.82353rem;color:var(--ink);padding:10px}.chat-demo-note{margin:0;padding:0 22px 18px;font-size:0.8rem;color:var(--ink);line-height:1.7}.chat-demo-note .text-btn{margin-top:8px}.family-rules dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:18px 0 0}.family-rules dl>div{padding:12px 0;border-bottom:1px solid var(--line)}.family-rules dt{font-size:0.8rem;color:var(--ink)}.family-rules dd{margin:7px 0 0;font-size:0.82353rem;line-height:1.7;font-weight:bold;color:var(--ink);overflow-wrap:anywhere}.chat-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-section-head small{font-size:0.8rem;color:var(--ink)}.chat-section-head h3{margin:5px 0 0}.manage-intro{margin-bottom:20px}.manage-intro h2{font-size:1.29412rem}.manage-intro p{font-size:0.8rem;line-height:1.8;color:var(--ink)}.chat-open{margin-top:16px}.manage-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.manage-stats span{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:12px;font-size:0.8rem;color:var(--ink)}.manage-stats b{font-size:1.05882rem;margin-inline-end:6px;color:var(--ink)}
@media(max-width:760px){.chat-heading{padding:20px 16px;flex-wrap:wrap;gap:10px}.chat-heading>div{flex:1;min-width:0}.chat-heading h2{font-size:1.23529rem}.chat-mode{margin-inline-start:0}.chat-thread{padding:16px;max-height:55vh;max-height:55svh}.chat-message{max-width:100%;padding:12px 14px}.chat-proposal{padding:16px}.chat-proposal-actions button{flex:1}.chat-suggestions{padding:0 16px 16px}.chat-composer{padding:16px}.chat-composer>div{align-items:flex-end}.chat-composer small{max-width:65%;font-size:0.8rem}.family-rules dl{grid-template-columns:1fr}.chat-section-head{align-items:flex-start;flex-direction:column}.chat-demo-note{padding-inline:16px}.parent-chat{border-radius:21px}.chat-proposal li{font-size:0.8rem}}

.chat-composer textarea:focus-visible{outline:3px solid var(--action);outline-offset:2px}

}