:root{--bg: #f4f3ee;--surface: #ffffff;--surface-2: #f1f0ea;--ink: #1b1e25;--ink-2: #5a606d;--ink-3: #8b909c;--line: #e5e3da;--accent: #2f5bea;--accent-ink: #ffffff;--accent-soft: #e8edfd;--live: #e5484d;--ok: #1f9d6b;--danger: #cf3636;--bubble-guest: #f1f0ea;--bubble-host: #2f5bea;--bubble-host-ink: #ffffff;--av-bg: 88%;--av-ink: 30%;--shadow: 0 1px 2px rgba(20, 22, 30, .05), 0 12px 32px rgba(20, 22, 30, .07);--side: 292px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;color-scheme:light}:root[data-theme=dark]{--bg: #0f1115;--surface: #171a21;--surface-2: #20242d;--ink: #e8eaef;--ink-2: #a2a8b5;--ink-3: #6d7482;--line: #272b35;--accent: #7390ff;--accent-ink: #0d1020;--accent-soft: #1c2748;--bubble-guest: #20242d;--bubble-host: #3d5ce0;--bubble-host-ink: #ffffff;--av-bg: 26%;--av-ink: 84%;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1115;--surface: #171a21;--surface-2: #20242d;--ink: #e8eaef;--ink-2: #a2a8b5;--ink-3: #6d7482;--line: #272b35;--accent: #7390ff;--accent-ink: #0d1020;--accent-soft: #1c2748;--bubble-guest: #20242d;--bubble-host: #3d5ce0;--bubble-host-ink: #ffffff;--av-bg: 26%;--av-ink: 84%;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;word-break:break-all}h1,h2,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}mark{background:color-mix(in srgb,var(--accent) 28%,transparent);color:inherit;border-radius:3px;padding:0 1px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);height:100dvh}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--line);padding:18px 14px 14px;z-index:30}.side-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:.02em;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:16px}.side-tabs{display:grid;gap:2px;margin-bottom:10px}.side-tabs button,.side-foot button,.side-foot a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--ink-2);font-size:14px;text-align:left}.side-tabs button span{margin-left:auto;font-size:12px;color:var(--ink-3)}.side-tabs button:hover,.side-foot button:hover,.side-foot a:hover{background:var(--surface-2)}.side-tabs button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.side-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;color:var(--ink-3);font-size:12px;letter-spacing:.08em}.stream-list{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:6px;padding:2px}.stream-item{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s}.stream-item:hover{background:var(--surface-2)}.stream-item.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.stream-item strong{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stream-item small{color:var(--ink-3);font-size:12px}.stream-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3)}.stream-line em{font-style:normal;margin-left:auto;color:var(--ink-3);border:1px solid var(--line);border-radius:6px;padding:0 5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);opacity:.5}.dot.live{background:var(--live);opacity:1;animation:pulse 1.8s ease-out infinite}.side-empty{color:var(--ink-3);font-size:13px;padding:12px}.side-foot{display:grid;gap:2px;padding-top:10px;border-top:1px solid var(--line);margin-top:8px}.scrim{display:none}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:10px;height:54px;padding:0 24px;flex:none}.crumb{color:var(--ink-3);font-size:13px}.spacer{flex:1}.who{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:13px}.icon-btn.only-mobile{display:none}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--ink-2);transition:background .15s,color .15s;flex:none}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.boot,.pane-empty{flex:1;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--ink-3);text-align:center;padding:24px}.boot{height:100dvh}.pane-empty h2{color:var(--ink);font-size:18px}.pulse-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent),0 0 color-mix(in srgb,var(--live) 45%,transparent)}to{box-shadow:0 0 0 9px transparent}}.pane{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;padding:0 24px 20px}.stream-head{flex:none;padding:2px 4px 14px}.head-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}.badge i{width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.badge.live{background:color-mix(in srgb,var(--live) 12%,transparent);color:var(--live)}.badge.live i{background:var(--live);animation:pulse 1.8s ease-out infinite}.vis{font-size:12px;color:var(--ink-3)}.vis.on{color:var(--ok)}.conn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ok)}.conn.off{color:var(--live)}.stream-head h1{font-size:24px;line-height:1.25;letter-spacing:-.01em}.head-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px;color:var(--ink-3);font-size:13px}.head-meta span,.head-meta button,.head-meta a{display:inline-flex;align-items:center;gap:5px;color:inherit}.head-meta button:hover,.head-meta a:hover{color:var(--accent)}.count{background:var(--live);color:#fff;border-radius:999px;font-size:11px;padding:0 6px;margin-left:2px}.head-desc{margin-top:6px;color:var(--ink-2);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-card{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.session-nav{flex:none;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}.session-scroll{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);padding-right:24px}.session-scroll::-webkit-scrollbar{display:none}.session-tools{display:flex;flex:none}.chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:5px 13px 5px 9px;border-radius:999px;color:var(--ink-2);font-size:14px;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s;flex:none}.chip:first-child{padding-left:12px}.chip:hover{background:var(--surface-2)}.chip.active{background:var(--accent-soft);color:var(--accent);font-weight:600;border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.chip-count{font-size:12px;opacity:.65}.chip-name{max-width:9em;overflow:hidden;text-overflow:ellipsis}.chip-unread{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;display:inline-grid;place-items:center;animation:pop .3s cubic-bezier(.2,.8,.2,1)}.chip-flag{width:16px;height:16px;border-radius:50%;background:var(--live);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}.now-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse-ok 1.8s ease-out infinite}@keyframes pulse-ok{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 50%,transparent)}to{box-shadow:0 0 0 7px transparent}}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;font-weight:700;background:hsl(var(--h) 55% var(--av-bg));color:hsl(var(--h) 50% var(--av-ink))}.chat-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 8px 18px}.chat-title{font-weight:600;font-size:14px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tools{display:flex;align-items:center;gap:2px}.search{display:flex;align-items:center;gap:6px;height:34px;padding:0 6px 0 10px;border-radius:10px;background:var(--surface-2);color:var(--ink-3);animation:grow .2s ease-out}.search input{width:150px;border:0;background:none;outline:none;color:var(--ink)}.search button{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;color:var(--ink-3)}@keyframes grow{0%{width:34px;opacity:.4}}.chat{position:relative;flex:1;min-height:0}.chat-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 20px 26px}.earlier{display:flex;justify-content:center;padding:8px 0 4px}.earlier button{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:13px}.session-divider{display:flex;justify-content:center;margin:22px 0 6px}.session-divider:first-child{margin-top:10px}.session-divider button{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;transition:background .15s}.session-divider button:hover{background:var(--accent-soft);color:var(--accent)}.new-divider{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--accent);font-size:12.5px;font-weight:600}.new-divider:before,.new-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--accent) 40%,transparent)}.msg{position:relative;display:flex;align-items:flex-end;gap:10px;margin-top:3px}.msg.first{margin-top:16px}.msg.host{justify-content:flex-end}.avatar-gap{width:34px;flex:none}.msg-main{position:relative;display:flex;flex-direction:column;max-width:min(74%,560px);min-width:0}.msg.host .msg-main{align-items:flex-end}.msg-meta{display:flex;align-items:center;gap:8px;margin:0 4px 4px;color:var(--ink-3);font-size:12px}.msg-name{color:var(--ink-2);font-weight:600}.bubble{padding:9px 14px;border-radius:18px;background:var(--bubble-guest);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.msg.guest.first .bubble{border-top-left-radius:6px}.msg.host .bubble{background:var(--bubble-host);color:var(--bubble-host-ink)}.msg.host.first .bubble{border-top-right-radius:6px}.tick{position:absolute;bottom:4px;left:100%;margin-left:8px;font-size:11px;color:var(--ink-3);opacity:0;transition:opacity .15s;pointer-events:none;white-space:nowrap}.msg.host .tick{left:auto;right:100%;margin:0 8px 0 0}.msg:hover .tick{opacity:1}.msg.enter .bubble{animation:pop .34s cubic-bezier(.2,.8,.2,1);transform-origin:bottom left}.msg.host.enter .bubble{transform-origin:bottom right}.msg.enter .avatar{animation:pop .34s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.msg.is-hidden .bubble{opacity:.45;outline:1px dashed var(--ink-3);outline-offset:-1px}.msg-tools{display:none;position:absolute;top:-32px;z-index:4;gap:2px;padding:3px;border-radius:11px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.msg.guest .msg-tools{left:44px}.msg.host .msg-tools{right:44px}.msg:hover .msg-tools,.msg.selected .msg-tools{display:flex}.msg-tools button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12.5px;color:var(--ink-2);white-space:nowrap}.msg-tools button:hover{background:var(--surface-2);color:var(--ink)}.msg-tools .split{color:var(--accent)}.chat-empty{display:grid;justify-items:center;gap:10px;padding:60px 0;color:var(--ink-3)}.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:bounce 1.2s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}.fab{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13.5px;font-weight:600;color:var(--ink-2);animation:rise .25s cubic-bezier(.2,.8,.2,1)}.fab.has-new{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}}.chat-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3)}.chat-foot button{display:inline-flex;align-items:center;gap:4px;color:var(--ink-3);white-space:nowrap}.chat-foot button:hover{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:11px;background:var(--surface-2);color:var(--ink);font-weight:600;font-size:14px;transition:filter .15s,background .15s}.btn:hover:not(:disabled){filter:brightness(.96)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:5px 11px;font-size:13px;border-radius:9px}.actions{display:flex;flex-wrap:wrap;gap:8px}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:13px;color:var(--ink-2);font-weight:600}.form input:not([type=checkbox]),.form select,.form textarea,.session-fields input,.merge select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:400;color:var(--ink)}.form textarea{resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex!important;align-items:center;gap:8px!important;font-weight:500!important}.check.danger{color:var(--danger)}.hint{color:var(--ink-3);font-size:13px;line-height:1.6}.hint b{color:var(--ink)}.form-error{color:var(--danger);font-size:13px}.anchor-quote{margin:0;padding:10px 14px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--ink-2);font-size:14px}.anchor-quote time{display:block;font-size:11.5px;color:var(--ink-3)}dialog.modal{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0000004d;overflow:hidden}dialog.modal.wide{width:min(680px,calc(100vw - 24px))}dialog.modal[open]{animation:dialog-in .22s cubic-bezier(.2,.8,.2,1)}dialog.modal::backdrop{background:#0a0c1280;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.modal-body{display:grid;gap:14px;padding:18px 20px 22px;max-height:calc(100dvh - 32px);overflow-y:auto}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:17px}.session-list,.token-list,.request-list,.audit-list{display:grid;gap:10px}.session-row{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:14px}.session-row.is-deleted{opacity:.55}.session-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.session-fields small{grid-column:1 / -1;color:var(--ink-3);font-size:12px}.session-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}.merge{display:inline-flex;align-items:center;gap:2px}.merge select{width:auto;padding:5px 10px;font-size:13px}.token-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.token-list small{display:block;color:var(--ink-3);font-size:12px}.secret{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:12px}.request-list article{padding:12px;border:1px solid var(--line);border-radius:14px;display:grid;gap:8px}.request-list header{display:flex;align-items:center;gap:10px}.request-list time{color:var(--ink-3);font-size:12px;margin-left:auto}.request-list p{color:var(--ink-2);font-size:14px}.pill{font-size:12px;padding:1px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.pill.pending{background:color-mix(in srgb,var(--live) 14%,transparent);color:var(--live)}.pill.approved{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.audit-list details{border:1px solid var(--line);border-radius:12px;padding:8px 12px}.audit-list summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:14px}.audit-list small{color:var(--ink-3)}.audit-list pre{margin:8px 0 0;padding:10px;background:var(--surface-2);border-radius:10px;overflow:auto;font-size:12px;max-height:220px}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;padding:9px 18px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:14px;box-shadow:var(--shadow);animation:toast-in .25s cubic-bezier(.2,.8,.2,1);max-width:calc(100vw - 32px)}.toast.error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;overflow:auto}.login-card{width:min(380px,100%);display:grid;gap:14px;padding:28px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.login-card h1{font-size:22px;margin-top:8px}.login-card p{color:var(--ink-3);font-size:14px}.login-card label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.login-card input{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:400}.login-card a{text-align:center;font-size:13px;color:var(--ink-3)}@media(max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(310px,86vw);transform:translate(-102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow)}.drawer-open .sidebar{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0c1273;animation:fade .2s}@keyframes fade{0%{opacity:0}}.icon-btn.only-mobile{display:inline-grid}.topbar{padding:0 10px;height:48px}.pane{padding:0 10px 10px}.stream-head{padding-bottom:10px}.stream-head h1{font-size:19px}.head-desc{display:none}.chat-card{border-radius:16px}.chat-scroll{padding:4px 12px 22px}.msg-main{max-width:80%}.tick{display:none}.msg-tools{top:auto;bottom:calc(100% + 2px)}.msg.guest .msg-tools{left:0}.msg.host .msg-tools{right:0}.search input{width:110px}.form-grid,.session-fields{grid-template-columns:1fr}.chat-foot span{font-size:11px}}@media(hover:none){.tick{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.stream-head{display:flex;align-items:flex-start;gap:12px}.head-main{flex:1;min-width:0}.bg-open{flex:none;margin-top:4px;background:var(--accent-soft);color:var(--accent)}.bg-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.bg-rounds{display:flex;flex-wrap:wrap;gap:6px}.bg-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:14px;border:1px solid transparent}.bg-chip.active{background:var(--accent-soft);color:var(--accent);font-weight:600;border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.bg-chip.has{color:var(--ink)}.bg-chip.active.has{color:var(--accent)}.bg-dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}.bg-dot.wait{background:#e0a100}.bg-body{display:grid;gap:12px}.bg-legend{display:flex;gap:14px;font-size:12.5px;color:var(--ink-2)}.bg-legend span:before{content:"";display:inline-block;width:11px;height:11px;border-radius:4px;margin-right:6px;vertical-align:-1px}.bg-legend .other:before{background:var(--bg-other);border:1px solid var(--bg-other-line)}.bg-legend .me:before{background:var(--bg-me);border:1px solid var(--bg-me-line)}:root{--bg-other: color-mix(in srgb, #f2a93b 22%, var(--surface));--bg-other-line: color-mix(in srgb, #f2a93b 55%, var(--surface));--bg-me: color-mix(in srgb, var(--accent) 17%, var(--surface));--bg-me-line: color-mix(in srgb, var(--accent) 50%, var(--surface))}.bg-chat{display:grid;gap:10px;max-height:min(62dvh,640px);overflow-y:auto;padding:4px 2px 6px}.bg-line{display:grid;gap:3px;max-width:88%}.bg-line.other{justify-self:start}.bg-line.me{justify-self:end}.bg-who{font-size:11.5px;color:var(--ink-3)}.bg-line.me .bg-who{text-align:right}.bg-line p{padding:9px 13px;border-radius:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid transparent}.bg-line.other p{background:var(--bg-other);border-color:var(--bg-other-line);border-top-left-radius:4px}.bg-line.me p{background:var(--bg-me);border-color:var(--bg-me-line);border-top-right-radius:4px}.bg-time{justify-self:center;font-size:12px;color:var(--ink-3);padding:1px 10px;background:var(--surface-2);border-radius:999px}.bg-empty{display:grid;justify-items:start;gap:12px;padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--ink-2)}.bg-status.working{color:#a67800}.bg-status.ready{color:var(--ok)}.bg-status.rejected,.bg-status.failed{color:var(--danger)}.bg-upload{display:grid;gap:14px}.bg-drop{display:grid;place-items:center;min-height:130px;border:1.5px dashed var(--line);border-radius:14px;cursor:pointer;overflow:hidden;color:var(--ink-3);background:var(--surface-2)}.bg-drop:hover{border-color:var(--accent)}.bg-drop input{position:absolute;width:1px;height:1px;opacity:0}.bg-drop span{display:grid;justify-items:center;gap:6px;font-size:14px}.bg-drop img{max-width:100%;max-height:240px;object-fit:contain}.bg-admin{display:grid;gap:12px;padding-top:6px;border-top:1px solid var(--line)}.bg-admin h3{margin:4px 0 0;font-size:14px}.bg-sub{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px}.bg-sub.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.bg-sub.bad{border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.bg-sub-head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.bg-sub-head span{color:var(--ink-3);font-size:12.5px}.bg-sub summary{cursor:pointer;color:var(--ink-2);font-size:13.5px}.bg-originals{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.bg-originals img{height:320px;width:auto;border-radius:8px;border:1px solid var(--line)}.bg-editor{display:grid;gap:10px}.bg-edit-row{display:grid;grid-template-columns:74px 1fr auto;gap:8px;align-items:start}.bg-edit-row select,.bg-edit-row textarea{width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);resize:vertical}.bg-edit-row.other textarea,.bg-edit-row.other select{background:var(--bg-other)}.bg-edit-row.me textarea,.bg-edit-row.me select{background:var(--bg-me)}.bg-edit-tools{display:grid;gap:4px}.bg-edit-tools button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--ink-3)}.bg-edit-tools button:hover{background:var(--surface-2);color:var(--ink)}@media(max-width:860px){.bg-open{padding:7px 11px;font-size:13px}.bg-line{max-width:94%}.bg-edit-row{grid-template-columns:62px 1fr}.bg-edit-tools{grid-column:1 / -1;display:flex;justify-content:flex-end}}.side-live{margin-left:auto;font-size:12px;color:var(--ok)}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-cards>div{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.stat-cards svg{color:var(--ink-3)}.stat-cards b{font-size:26px;line-height:1.15;letter-spacing:-.01em}.stat-cards span{font-size:12.5px;color:var(--ink-3)}.stat-table{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px 72px;gap:8px;align-items:center;padding:9px 14px;border-top:1px solid var(--line);font-size:14px}.stat-row:first-child{border-top:0}.stat-row.head{background:var(--surface-2);color:var(--ink-3);font-size:12.5px}.stat-row>span:not(.stat-title){text-align:right;font-variant-numeric:tabular-nums}.stat-row .on{color:var(--ok);font-weight:700}.stat-title{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;min-width:0;overflow:hidden}.stat-title small{grid-column:2;color:var(--ink-3);font-size:12px}@media(max-width:860px){.stat-cards b{font-size:21px}.stat-row{grid-template-columns:minmax(0,1fr) 54px 54px 54px;padding:9px 10px;font-size:13px}}dialog.modal.xl{width:min(1040px,calc(100vw - 24px))}.traffic{color-scheme:light;--viz-surface: #fcfcfb;--viz-ink: #0b0b0b;--viz-ink-2: #52514e;--viz-muted: #898781;--viz-grid: #e1e0d9;--viz-axis: #c3c2b7;--viz-series-1: #2a78d6;--viz-series-2: #eb6834;display:grid;gap:14px;min-width:0}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .traffic{color-scheme:dark;--viz-surface: #1a1a19;--viz-ink: #f0efec;--viz-ink-2: #c3c2b7;--viz-muted: #898781;--viz-grid: #2c2c2a;--viz-axis: #383835;--viz-series-1: #3987e5;--viz-series-2: #d95926}}:root[data-theme=dark] .traffic{color-scheme:dark;--viz-surface: #1a1a19;--viz-ink: #f0efec;--viz-ink-2: #c3c2b7;--viz-muted: #898781;--viz-grid: #2c2c2a;--viz-axis: #383835;--viz-series-1: #3987e5;--viz-series-2: #d95926}.viz-filters{display:flex;flex-wrap:wrap;gap:6px}.viz-filters button{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:13.5px}.viz-filters button:hover{background:var(--accent-soft)}.viz-filters button.on{background:var(--accent-soft);color:var(--accent);font-weight:700}.viz-verdict{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:baseline;padding:11px 14px;border-radius:12px;background:var(--surface-2);font-size:14px;line-height:1.6}.viz-verdict svg{align-self:center}.viz-verdict span{color:var(--ink-2)}.viz-verdict.low svg{color:#0ca30c}.viz-verdict.mid svg{color:#d98e00}.viz-verdict.high svg{color:#d03b3b}.viz-verdict.none svg{color:var(--ink-3)}.viz-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.viz-tiles>div{display:grid;gap:1px;padding:10px 14px;border:1px solid var(--line);border-radius:14px}.viz-tiles span{font-size:12.5px;color:var(--ink-3)}.viz-tiles b{font-size:21px;line-height:1.25;letter-spacing:-.01em}.viz-tiles small{font-size:12px;color:var(--ink-3)}.viz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .15s}.viz-grid.loading{opacity:.55}.viz-card{margin:0;padding:12px 14px 8px;border:1px solid var(--line);border-radius:16px;background:var(--viz-surface);min-width:0}.viz-card.wide{grid-column:1 / -1}.viz-card figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.viz-card figcaption b{font-size:14.5px}.viz-card figcaption span{font-size:12.5px;color:var(--ink-3)}.viz-plot{width:100%;height:230px}.viz-card.wide .viz-plot{height:250px}.viz-table summary{cursor:pointer;font-size:13.5px;color:var(--ink-2)}.viz-table-scroll{max-height:260px;overflow:auto;margin-top:8px;border:1px solid var(--line);border-radius:12px}.viz-table table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.viz-table th,.viz-table td{padding:6px 10px;text-align:right;white-space:nowrap;border-top:1px solid var(--line)}.viz-table th:first-child,.viz-table td:first-child{text-align:left}.viz-table thead th{position:sticky;top:0;background:var(--surface-2);color:var(--ink-3);border-top:0}@media(max-width:860px){.viz-tiles{grid-template-columns:repeat(2,1fr)}.viz-grid{grid-template-columns:minmax(0,1fr)}.viz-verdict{grid-template-columns:auto 1fr}.viz-verdict span{grid-column:1 / -1}}.foot-split{display:grid;grid-template-columns:1fr 1fr;gap:2px}.foot-split>*{min-width:0;white-space:nowrap}.side-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--live);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}.notice-list,.inbox-list{display:grid;gap:10px}.notice,.inbox-item{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}.notice.is-hidden{opacity:.6;border-style:dashed}.notice header,.inbox-item header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.notice h3{margin:0;font-size:15.5px}.notice time,.inbox-item time{color:var(--ink-3);font-size:12.5px}.notice p,.inbox-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.inbox-contact{color:var(--ink-2);font-size:13.5px}.inbox-state{margin-left:auto;font-size:12px;padding:1px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}.inbox-state.new{background:color-mix(in srgb,var(--live) 12%,transparent);color:var(--live)}.inbox-state.handled{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.inbox-item.handled{opacity:.8}