:root{--blue:#3182f6;--ink:#191f28;--slate:#4e5968;--silver:#8b95a1;--line:#e5e8eb;--line-light:#f2f4f6;--bg:#f9fafb;--primary-bg:#e8f2ff;--warning-bg:#fff9f0;--warning-line:#fff3e6;--warning:#a95600;--surface:#fff;--green:#00c896}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,Pretendard,sans-serif}.chat{flex-direction:column;height:100vh;display:flex}.chat-scroll{flex:1;overflow-y:auto}.chat-inner{max-width:780px;margin:0 auto;padding:28px 22px}.welcome{text-align:center;padding:60px 0}.welcome-ic{border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 20px;font-size:30px;display:flex}.welcome h2{margin-bottom:10px;font-size:23px;font-weight:800}.welcome p{color:var(--slate)}.msg{gap:13px;margin-bottom:24px;display:flex}.msg.user{flex-direction:row-reverse}.av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.av.assistant{background:linear-gradient(135deg,var(--green),#2dd4bf)}.av.user{background:var(--ink)}.bubble{border:1px solid var(--line);white-space:pre-wrap;background:#fff;border-radius:14px;max-width:78%;padding:14px 16px;font-size:15px;line-height:1.68}.msg.user .bubble{background:var(--blue);color:#fff;border:none}.cursor{background:var(--blue);vertical-align:middle;width:7px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.typing{gap:5px;display:flex}.typing span{background:#8b95a1;border-radius:50%;width:8px;height:8px;animation:1.3s infinite bnc}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bnc{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.err{color:#f04452;background:#ffebed;border-radius:12px;margin-top:12px;padding:12px 16px;font-size:14px}.composer{border-top:1px solid var(--line);background:#fff;padding:14px 22px 22px}.composer-inner{max-width:780px;margin:0 auto}.credits{color:var(--slate);text-align:right;margin-bottom:8px;font-size:12px}.comp-box{border:1.5px solid var(--line);border-radius:18px;padding:14px 16px}.comp-box:focus-within{border-color:var(--blue)}.comp-box textarea{resize:none;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px}.comp-row{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.eng{color:var(--slate);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:6px 11px;font-size:13px;font-weight:600}.eng.on{color:#2272eb;background:#e8f2ff;border-color:#0000}.send{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;font-size:18px}.send:disabled{cursor:not-allowed;background:#d1d6db}.note{text-align:center;color:#8b95a1;margin-top:12px;font-size:11.5px}.dash-side{background:#f9fafb;border-right:1px solid #e5e8eb;flex-direction:column;flex-shrink:0;width:264px;display:flex}.dash-mobilebar,.dash-overlay{display:none}@media (max-width:880px){.dash-side{z-index:60;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 12px 40px #00000026}.dash-side.open{transform:translate(0)}.dash-overlay.show{z-index:50;background:#0006;display:block;position:fixed;inset:0}.dash-mobilebar{z-index:40;background:#fff;border-bottom:1px solid #f2f4f6;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.dash-mobilebar button{cursor:pointer;background:#f2f4f6;border:none;border-radius:10px;width:38px;height:38px;font-size:18px}.dash-mobilebar b{font-size:16px}}