.l101-chat{--l101-bg: #ffffff;--l101-panel: #f6f4f9;--l101-fg: #2b2340;--l101-muted: #6b6480;--l101-line: #e4e0ec;--l101-accent: #6c4ce0;--l101-accent-fg: #ffffff;--l101-bubble: #ece8f6;--l101-danger: #c62d4a;display:grid;grid-template-columns:minmax(220px,300px) 1fr;height:100%;min-height:420px;background:var(--l101-bg);color:var(--l101-fg);font:15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;border:1px solid var(--l101-line);border-radius:12px;overflow:hidden}@media(prefers-color-scheme:dark){.l101-chat:not([data-theme=light]){--l101-bg: #1b1724;--l101-panel: #231e2f;--l101-fg: #efeaf8;--l101-muted: #a59fb8;--l101-line: #362f45;--l101-bubble: #2f2840;--l101-accent: #9b84ff;--l101-accent-fg: #160f2a}}.l101-chat button{font:inherit;color:inherit}.l101-chat__list{background:var(--l101-panel);border-right:1px solid var(--l101-line);overflow-y:auto}.l101-chat__list ul{list-style:none;margin:0;padding:0}.l101-chat__list-header{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--l101-line)}.l101-chat__status{font-size:12px;color:var(--l101-muted);white-space:nowrap}.l101-chat__status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:var(--l101-muted)}.l101-chat__status--live:before{background:#2a9d5c}.l101-chat__status--polling:before{background:#e0a100}.l101-chat__item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;background:none;text-align:left;cursor:pointer}.l101-chat__item:hover,.l101-chat__item.is-active{background:var(--l101-bubble)}.l101-chat__avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--l101-accent);color:var(--l101-accent-fg);font-weight:600}.l101-chat__item-main{display:flex;flex-direction:column;min-width:0;flex:1}.l101-chat__item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l101-chat__item-preview{color:var(--l101-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.l101-chat__badge{flex:none;min-width:20px;padding:0 6px;border-radius:10px;background:var(--l101-danger);color:#fff;font-size:12px;font-weight:700;text-align:center;line-height:20px}.l101-chat__main{display:flex;flex-direction:column;min-width:0;min-height:0}.l101-chat__placeholder,.l101-chat__hint{color:var(--l101-muted);padding:16px}.l101-chat__placeholder{margin:auto}.l101-chat__error{color:var(--l101-danger);padding:4px 16px;margin:0}.l101-chat__conversation{display:flex;flex-direction:column;height:100%;min-height:0}.l101-chat__conv-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--l101-line)}.l101-chat__back{display:none;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;padding:0 6px}.l101-chat__messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.l101-chat__older{align-self:center;border:1px solid var(--l101-line);background:none;border-radius:16px;padding:4px 12px;cursor:pointer}.l101-chat__msg{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.l101-chat__msg.is-mine{align-self:flex-end;align-items:flex-end}.l101-chat__bubble{background:var(--l101-bubble);padding:8px 12px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.l101-chat__msg.is-mine .l101-chat__bubble{background:var(--l101-accent);color:var(--l101-accent-fg)}.l101-chat__msg img{display:block}.l101-chat__msg time,.l101-chat__read{font-size:11px;color:var(--l101-muted);margin-top:2px}.l101-chat__composer{display:flex;gap:8px;align-items:flex-end;padding:10px;border-top:1px solid var(--l101-line)}.l101-chat__composer textarea{flex:1;resize:none;border:1px solid var(--l101-line);border-radius:18px;padding:8px 12px;font:inherit;background:var(--l101-bg);color:inherit;max-height:120px}.l101-chat__composer button[type=submit]{border:0;border-radius:18px;padding:8px 16px;background:var(--l101-accent);color:var(--l101-accent-fg);font-weight:600;cursor:pointer}.l101-chat__composer button[disabled]{opacity:.5;cursor:default}.l101-chat__sticker-btn{border:0;background:none;font-size:24px;cursor:pointer;padding:4px}.l101-chat__picker{border-top:1px solid var(--l101-line);background:var(--l101-panel);max-height:260px;display:flex;flex-direction:column}.l101-chat__picker-tabs{display:flex;gap:4px;padding:6px;border-bottom:1px solid var(--l101-line);overflow-x:auto}.l101-chat__picker-tabs button{border:0;background:none;border-radius:8px;padding:2px;cursor:pointer}.l101-chat__picker-tabs button[aria-selected=true]{background:var(--l101-bubble)}.l101-chat__picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:4px;padding:6px;overflow-y:auto}.l101-chat__picker-grid button{border:0;background:none;border-radius:8px;cursor:pointer;padding:2px}.l101-chat__picker-grid button:hover{background:var(--l101-bubble)}.l101-chat__credit{font-size:11px;color:var(--l101-muted);margin:0;padding:4px 8px}@media(max-width:640px){.l101-chat{grid-template-columns:1fr}.l101-chat--open .l101-chat__list{display:none}.l101-chat:not(.l101-chat--open) .l101-chat__main{display:none}.l101-chat__back{display:block}}:root{--bg: #faf8f4;--fg: #2b2340;--muted: #6b6480;--card: #ffffff;--line: #e4e0ec;--accent: #6c4ce0;--accent-fg: #fff;--danger: #c62d4a;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14111b;--fg: #efeaf8;--muted: #a59fb8;--card: #1f1a29;--line: #362f45;--accent: #9b84ff;--accent-fg: #160f2a}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;padding:6px 12px}button:disabled{opacity:.5;cursor:default}input{font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--fg);min-width:0}.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600;padding:9px 18px}.danger-btn{color:var(--danger);border-color:var(--danger)}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger)}.page{max-width:820px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.center{min-height:100%;justify-content:center;align-items:center;text-align:center}.hero{max-width:460px;display:flex;flex-direction:column;gap:12px;align-items:center}.hero h1{margin:0}.logo{font-size:56px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%}.card h2,.card h3{margin:0}.card.danger{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.card dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}.card dt{color:var(--muted)}.card dd{margin:0;overflow-wrap:anywhere}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.spread{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.grid2 label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap}.topbar nav{display:flex;gap:6px;flex-wrap:wrap}.topbar nav button{border:0;background:none}.topbar nav button.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.pill{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:12px;line-height:18px;text-align:center}.chat-area{flex:1;min-height:0;padding:12px}.chat-area .l101-chat{height:100%}.newchat{position:relative}.small-btn{padding:4px 10px;font-size:13px}.popover{position:absolute;z-index:10;top:110%;left:0;width:240px;max-height:320px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 6px 24px #0003}.popover ul{list-style:none;margin:0;padding:0}.popover li button{width:100%;text-align:left;border:0;background:none;padding:8px}.popover li button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.sticker-row{display:flex;flex-wrap:wrap;gap:6px}.card h3 img{vertical-align:middle}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.field input{font-size:15px;color:var(--fg)}.hero .card{width:min(360px,90vw)}