:root{--bg: #ffffff;--bg2: #f4f4f5;--bg3: #e9ebee;--chat-bg: #dfe5ec;--chat-pattern: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .45) 0 2px, transparent 3px), radial-gradient(circle at 70% 60%, rgba(255, 255, 255, .35) 0 2px, transparent 3px);--text: #0f1419;--muted: #707579;--line: #e4e6ea;--accent: #3b82f6;--accent-text: #ffffff;--out: #dcecff;--in: #ffffff;--hover: rgba(0, 0, 0, .04);--active: #3b82f6;--active-text: #ffffff;--danger: #e5484d;--warn: #d97706;--shadow: 0 1px 2px rgba(0, 0, 0, .12);--radius: 14px}@media(prefers-color-scheme:dark){:root{--bg: #17212b;--bg2: #0e1621;--bg3: #242f3d;--chat-bg: #0e1621;--chat-pattern: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .03) 0 2px, transparent 3px), radial-gradient(circle at 70% 60%, rgba(255, 255, 255, .025) 0 2px, transparent 3px);--text: #f5f5f5;--muted: #8a9aa9;--line: #101921;--accent: #5ea2ff;--out: #2b5278;--in: #182533;--hover: rgba(255, 255, 255, .05);--active: #2b5278;--active-text: #ffffff;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Hiragino Sans,Noto Sans JP,sans-serif;background:var(--bg2);color:var(--text);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.spacer{flex:1}.only-mobile{display:none}.warn{color:var(--warn)}.app{display:grid;grid-template-columns:minmax(280px,380px) 1fr;height:100%;overflow:hidden}.sidebar{position:relative;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--line);min-width:0}.main{display:flex;flex-direction:column;min-width:0;background:var(--chat-bg);background-image:var(--chat-pattern);background-size:180px 180px}.topbar{display:flex;align-items:center;gap:8px;height:56px;padding:0 10px;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}.topbar-title{font-size:17px;font-weight:600;margin:0 0 0 4px}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:20px;padding:0 12px;height:40px;color:var(--muted)}.search input{flex:1;border:0;background:none;outline:none;min-width:0}.search.inset{margin:8px 12px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--muted)}.iconbtn:hover{background:var(--hover);color:var(--text)}.iconbtn.active{color:var(--accent)}.iconbtn.danger:hover{color:var(--danger)}.chatlist{flex:1;overflow-y:auto;padding:6px}.chatitem{display:flex;gap:12px;width:100%;padding:8px 10px;border-radius:12px;text-align:left;align-items:center}.chatitem:hover{background:var(--hover)}.chatitem.active{background:var(--active);color:var(--active-text)}.chatitem.active .muted,.chatitem.active .chatitem-time,.chatitem.active .chatitem-preview{color:#ffffffd9}.chatitem-main{flex:1;min-width:0}.chatitem-top,.chatitem-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.chatitem-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.chatitem-time{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.chatitem-preview{color:var(--muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{background:var(--accent);color:#fff;font-size:12px;font-weight:600;border-radius:12px;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chatitem.active .badge{background:#fff;color:var(--accent)}.avatar{border-radius:50%;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;user-select:none}.fab{position:absolute;right:16px;bottom:44px;width:54px;height:54px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040}.fab:hover{filter:brightness(1.08)}.conn{font-size:11px;text-align:center;padding:4px;color:var(--muted);border-top:1px solid var(--line)}.conn.off{color:var(--warn)}.empty{padding:24px 16px;text-align:center}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-head{display:flex;align-items:center;gap:10px;text-align:left;padding:4px 6px;border-radius:10px;min-width:0}.chat-head:hover{background:var(--hover)}.chat-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sub{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:3px}.messages{flex:1;overflow-y:auto;padding:12px 8%;display:flex;flex-direction:column;gap:2px}@media(max-width:1100px){.messages{padding:12px 16px}}.datesep{display:flex;justify-content:center;margin:12px 0 6px}.datesep span,.sysmsg{background:#00000040;color:#fff;font-size:13px;padding:4px 12px;border-radius:14px;display:inline-flex;align-items:center;gap:6px}.sysmsg{align-self:center;margin:8px 0;text-align:center}.row{display:flex;align-items:flex-end;gap:6px;margin-top:6px}.row.grouped{margin-top:2px}.row.out{justify-content:flex-end}.row-avatar{width:34px;flex-shrink:0}.bubble{position:relative;max-width:min(70%,560px);padding:6px 10px 6px 12px;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--in);word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.row.out .bubble{background:var(--out);border-bottom-right-radius:4px}.row.in .bubble{border-bottom-left-radius:4px}.row.grouped .bubble{border-radius:var(--radius)}.bubble.locked{opacity:.8;font-style:italic}.sender{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:2px}.text{padding-right:56px;min-width:40px}.meta{position:absolute;right:8px;bottom:4px;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:3px;user-select:none}.row.out .meta{color:var(--accent)}.bubble-menu{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--bg);color:var(--muted);box-shadow:var(--shadow);opacity:0;transition:opacity .15s;font-size:14px;line-height:1}.bubble:hover .bubble-menu,.bubble-menu:focus{opacity:1}.menu{position:absolute;z-index:5;top:100%;right:0;margin-top:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #0003;min-width:180px;padding:4px;white-space:normal;font-style:normal}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;text-align:left;font-size:14px}.menu-item:hover{background:var(--hover)}.menu-item.danger{color:var(--danger)}.filecard{min-width:220px}.thumb{display:block;max-width:100%;max-height:320px;border-radius:10px;margin:2px 0 6px;object-fit:contain}.thumb.loading{width:220px;height:140px;background:var(--hover)}.fileline{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:4px 56px 4px 0}.fileicon{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.filemeta{display:flex;flex-direction:column;min-width:0}.filename{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{display:flex;align-items:flex-end;gap:6px;padding:8px 12px;background:var(--bg);border-top:1px solid var(--line);flex-shrink:0}.composer textarea{flex:1;resize:none;border:0;outline:none;background:var(--bg2);border-radius:20px;padding:10px 14px;max-height:160px;line-height:1.4}.sendbtn{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sendbtn:disabled{opacity:.4;cursor:default}.placeholder{flex:1;display:flex;align-items:center;justify-content:center}.pill{background:#00000040;color:#fff;padding:6px 14px;border-radius:16px;font-size:14px;display:inline-flex;gap:6px;align-items:center}.panel{display:flex;flex-direction:column;height:100%;background:var(--bg)}.panel-body{flex:1;overflow-y:auto;padding:12px 16px 32px;max-width:760px;width:100%;margin:0 auto}.panel-actions{position:sticky;bottom:0;padding:12px 0;background:var(--bg)}.tabs{display:flex;gap:4px;background:var(--bg2);border-radius:12px;padding:4px;margin-bottom:12px}.tabs button{flex:1;padding:8px;border-radius:9px;display:inline-flex;justify-content:center;align-items:center;gap:6px;color:var(--muted)}.tabs button.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.field{display:block;margin:12px 0;font-size:13px;color:var(--muted)}.field input,.inline-form input,.form input,select{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);outline:none;color:var(--text)}.field input:focus,.form input:focus{border-color:var(--accent)}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input,.inline-form select{margin:0;flex:1}.userlist{display:flex;flex-direction:column}.useritem{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-align:left;width:100%}.useritem:not(.static):hover{background:var(--hover)}.useritem:disabled{opacity:.5;cursor:default}.useritem.selected{background:var(--hover)}.useritem-main{flex:1;min-width:0}.checkbox{width:22px;height:22px;border-radius:50%;border:2px solid var(--muted);display:inline-flex;align-items:center;justify-content:center;color:#fff}.checkbox.on{background:var(--accent);border-color:var(--accent)}.info-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0;text-align:center}.info-head h3{margin:4px 0 0;display:inline-flex;align-items:center;gap:4px}h4.section{margin:20px 0 8px;font-size:14px;color:var(--accent)}.section{margin-top:16px}.tag{font-size:11px;background:var(--bg3);color:var(--muted);padding:1px 7px;border-radius:8px;vertical-align:middle}.tag.danger{color:var(--danger)}.fp{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted);letter-spacing:.5px;margin-top:2px;word-break:break-all}.fp.big{font-size:15px;color:var(--text);background:var(--bg2);padding:12px;border-radius:10px;text-align:center;line-height:1.8}.danger-zone{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.confirm{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}.sessions{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.session{padding:8px 10px;background:var(--bg2);border-radius:10px;font-size:14px}.table{display:flex;flex-direction:column;gap:6px}.trow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:var(--bg2);border-radius:10px;flex-wrap:wrap}.trow.disabled{opacity:.6}.trow-actions{display:flex;gap:6px;flex-wrap:wrap}.issued{background:var(--bg2);border:1px dashed var(--accent);border-radius:10px;padding:12px;margin:10px 0;display:flex;flex-direction:column;gap:8px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;word-break:break-all;background:var(--bg);padding:8px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--bg3);font-weight:500}.btn:hover{filter:brightness(.97)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--danger)}.btn.small{padding:6px 12px;font-size:13px}.btn.big{width:100%;padding:14px;font-size:16px;border-radius:12px}.btn.link{background:none;color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.login{height:100%;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg2)}.login-card{width:100%;max-width:400px;background:var(--bg);border-radius:20px;padding:32px 28px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;gap:12px;text-align:center}.login-card h1{margin:0;font-size:24px}.login-logo{width:84px;height:84px;margin:0 auto;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.form{display:flex;flex-direction:column;gap:10px;text-align:left}.form label{font-size:13px;color:var(--muted)}.alert{background:#e5484d1f;color:var(--danger);padding:10px 12px;border-radius:10px;font-size:14px;text-align:left}.notice{background:#3b82f61f;color:var(--accent);padding:10px 12px;border-radius:10px;font-size:14px;text-align:left}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#1f2937;color:#fff;padding:10px 16px;border-radius:10px;z-index:100;box-shadow:0 6px 20px #0000004d;max-width:90vw;font-size:14px}.toast.error{background:var(--danger)}@media(max-width:760px){.app{grid-template-columns:100%}.main{display:none}.app.show-chat .main{display:flex}.app.show-chat .sidebar{display:none}.only-mobile{display:inline}.bubble{max-width:86%}.fab{bottom:32px}}