:root{--w-accent: #4f46e5;--w-accent-dark: #4338ca;--w-fg: #1a1a1a;--w-muted: #6b7280;--w-faint: #9ca3af;--w-line: #e9e9ec;--w-bubble: #f2f3f5;--w-bg: #ffffff;--w-ground: #fafafa}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,sans-serif;font-size:14px;color:var(--w-fg);background:var(--w-bg);-webkit-font-smoothing:antialiased}.widget{display:flex;flex-direction:column;height:100%;background:var(--w-ground)}.card{background:var(--w-bg);border-radius:16px;box-shadow:0 1px 2px #14141e0d,0 8px 24px #14141e12}header{display:flex;align-items:center;gap:10px;padding:16px 16px 10px;background:var(--w-ground);color:var(--w-fg)}.brand{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--w-accent),var(--w-accent-dark));color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 8px #4f46e552}.head-main{display:flex;flex-direction:column;gap:3px;min-width:0}.head-main{margin-right:auto}.head-main strong{font-size:16px;font-weight:700;letter-spacing:-.01em}.head-main span{font-size:12px;color:var(--w-muted);line-height:1.4}header button{border:none;background:none;color:var(--w-faint);cursor:pointer;display:inline-flex;padding:4px;border-radius:8px;flex:none}header button:hover{background:#0000000d;color:var(--w-fg)}.messages{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:10px}.welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 18px 22px;margin:2px 0 6px}.welcome-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#eef2ff;color:var(--w-accent)}.welcome strong{font-size:15px}.welcome p{color:var(--w-muted);font-size:13px;line-height:1.6;max-width:24em}.day{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--w-faint);font-size:11.5px}.day:before,.day:after{content:"";flex:1;height:1px;background:var(--w-line)}.group{display:flex;align-items:flex-end;gap:7px}.group.mine{justify-content:flex-end}.avatar{width:26px;height:26px;border-radius:50%;background:var(--w-accent);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}.bubbles{display:flex;flex-direction:column;gap:3px;max-width:78%;min-width:0}.who{color:var(--w-muted);font-size:11.5px;margin-bottom:1px}.msg{position:relative;background:var(--w-bg);border:none;box-shadow:0 1px 2px #14141e0f;padding:9px 12px;border-radius:16px 16px 16px 5px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.msg time{display:block;margin-top:3px;color:var(--w-faint);font-size:10.5px;text-align:right}.group.mine .msg{background:var(--w-accent);color:#fff;border-radius:16px 16px 5px;box-shadow:0 2px 10px #4f46e540}.group.mine .msg time{color:#ffffffb8}.system{align-self:center;max-width:88%;background:#eceef1;color:var(--w-muted);font-size:12px;text-align:center;padding:5px 11px;border-radius:999px;line-height:1.5}.error{align-self:center;color:#dc2626;font-size:12.5px;text-align:center}footer{padding:10px 12px;background:var(--w-bg);border-top:1px solid var(--w-line)}.composer{display:flex;align-items:flex-end;gap:6px;border:1px solid var(--w-line);border-radius:18px;background:var(--w-ground);padding:4px 5px 4px 14px;transition:border-color .12s}.composer:focus-within{border-color:var(--w-accent);background:var(--w-bg)}.composer textarea{flex:1;min-width:0;resize:none;border:none;background:none;padding:7px 0;font:inherit;line-height:1.5;outline:none;max-height:110px}.send{flex:none;width:30px;height:30px;border:none;border-radius:50%;background:var(--w-accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.send:disabled{background:none;color:var(--w-faint);cursor:default}.brandline{margin-top:auto;padding:10px 0 4px;color:var(--w-faint);font-size:10.5px;text-align:center;opacity:.85}@media(prefers-color-scheme:dark){:root{--w-fg: #ececf0;--w-muted: #a1a1ab;--w-faint: #75757f;--w-line: #2c2d32;--w-bubble: #26272c;--w-bg: #17181b;--w-ground: #131417}.welcome-mark{background:#4f46e52e;color:#a5a0f8}.system{background:#26272c}.card,.msg{box-shadow:0 1px 2px #0006}header button:hover{background:#ffffff14}.send:disabled{background:#3a3b41}}