.chat-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 28px;display:flex}.chat-page-header h1{letter-spacing:-.7px;margin:8px 0;font-size:clamp(26px,3vw,36px)}.chat-page-header p{color:var(--muted);font-size:13px;line-height:1.7}.chat-workspace{border:1px solid var(--rule);background:var(--deep);border-radius:20px;grid-template-columns:300px minmax(0,1fr);min-height:650px;display:grid;overflow:hidden}.chat-inbox{border-right:1px solid var(--rule);background:var(--card);min-width:0}.chat-inbox-heading{border-bottom:1px solid var(--rule);padding:24px 22px}.chat-inbox-heading h2{margin:0 0 8px;font-size:18px}.chat-inbox-heading>span{color:var(--muted);font-size:11px}.chat-inbox nav{max-height:680px;display:grid;overflow-y:auto}.chat-thread-link{border-bottom:1px solid var(--rule);border-left:3px solid #0000;gap:12px;min-width:0;padding:20px 18px;transition:background .15s;display:flex}.chat-thread-link:hover{background:var(--deep)}.chat-thread-link.selected{border-left-color:var(--accent);background:var(--deep)}.chat-avatar{background:color-mix(in srgb, var(--accent) 15%, var(--card));width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.chat-avatar.large{width:70px;height:70px;margin-bottom:22px;font-size:27px}.chat-thread-copy{gap:7px;min-width:0;display:grid}.chat-thread-copy>b{align-items:center;gap:8px;font-size:13px;display:flex}.chat-thread-copy>span{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;overflow:hidden}.chat-thread-copy small{color:var(--muted);font-size:10px}.chat-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:block}.chat-inbox-empty{color:var(--muted);padding:25px 20px;font-size:13px;line-height:1.8}.chat-inbox-pages{color:var(--accent);justify-content:space-between;padding:20px;font-size:12px;display:flex}.chat-main{min-width:0;padding:0}.chat-start{justify-items:start;gap:16px;max-width:530px;margin:70px auto;padding:24px;display:grid}.chat-start h2{letter-spacing:-.6px;font-size:28px;line-height:1.3}.chat-start>p{color:var(--muted);font-size:14px;line-height:1.8}.chat-start form{width:100%}.chat-start small{color:var(--muted);font-size:11px;line-height:1.7}.chat-panel{flex-direction:column;min-width:0;display:flex}.chat-panel-header{border-bottom:1px solid var(--rule);padding:22px 24px}.chat-peer{align-items:center;gap:12px;display:flex}.chat-peer h2{margin:0 0 6px;font-size:18px}.chat-peer span:not(.chat-avatar){color:var(--muted);font-size:11px}.chat-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chat-back{display:none}.chat-context{border:1px solid var(--rule);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:16px 24px 0;padding:16px;display:flex}.chat-context>div{gap:8px;min-width:0;display:grid}.chat-context strong{overflow-wrap:anywhere;font-size:14px}.chat-context small{color:var(--muted);font-size:11px}.chat-context .text-link{flex-shrink:0;font-size:11px}.chat-target{flex-wrap:wrap;gap:20px;margin:12px 24px 0;padding:0 16px;display:flex}.chat-target dt{color:var(--muted);font-size:10px}.chat-target dd{overflow-wrap:anywhere;margin:4px 0;font-size:13px;font-weight:650}.chat-notice{border-bottom:1px solid var(--rule);color:var(--muted);margin:12px 0 0;padding:12px 24px;font-size:11px;line-height:1.8}.chat-notice a{color:var(--accent)}.chat-log{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:16px;height:52vh;min-height:320px;max-height:650px;padding:26px 24px;display:flex;overflow-y:auto}.chat-empty{text-align:center;max-width:340px;margin:auto}.chat-empty h3{margin-bottom:12px;font-size:22px}.chat-empty p{color:var(--muted);font-size:13px;line-height:1.8}.chat-message{background:var(--card);border:1px solid var(--rule);border-radius:16px 16px 16px 3px;align-self:flex-start;min-width:0;max-width:85%;padding:15px 18px}.chat-message.mine{background:color-mix(in srgb, var(--accent) 10%, var(--deep));border-color:color-mix(in srgb, var(--accent) 20%, var(--rule));border-radius:16px 16px 3px;align-self:flex-end}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.8}.chat-message footer{color:var(--muted);justify-content:flex-end;gap:14px;margin-top:10px;font-size:9px;display:flex}.chat-delivery-label{color:var(--accent);border-bottom:1px solid var(--rule);margin-bottom:10px;padding-bottom:10px;font-size:11px;display:block}.chat-attachments{gap:10px;display:grid}.chat-attachments:not(:empty){margin-top:10px}.chat-file{border:1px solid var(--rule);border-radius:10px;align-items:center;gap:12px;min-width:0;padding:10px;display:flex;overflow:hidden}.chat-file img{object-fit:contain;border-radius:6px;max-width:180px;max-height:160px}.chat-file b{overflow-wrap:anywhere;font-size:11px;display:block}.chat-file small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.chat-file-icon{color:var(--accent);font-size:24px}.chat-older{color:var(--accent);background:0 0;border:0;align-self:center;padding:8px;font-size:11px}.chat-composer{border-top:1px solid var(--rule);background:var(--card);padding:20px 24px}.chat-composer textarea{resize:vertical;background:var(--deep);border-radius:10px;width:100%;min-height:88px;max-height:240px;font-size:13px;line-height:1.7}.chat-composer-footer{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.chat-composer-footer>span{color:var(--muted);font-size:10px}.chat-composer-footer .cta{margin-left:auto}.chat-attach{border:1px solid var(--rule);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:12px;position:relative;overflow:hidden}.chat-attach:focus-within{outline:2px solid var(--accent)}.chat-attach input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.chat-delivery-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.chat-delivery-tools .check{font-size:12px}.chat-delivery-tools small{color:var(--muted);font-size:10px}.chat-delivery-confirm{border-left:2px solid var(--accent);background:var(--deep);gap:14px;margin:16px 0;padding:12px 16px;display:grid}.chat-delivery-confirm>label:first-child{gap:7px;font-size:12px;display:grid}.chat-delivery-confirm .check{align-items:start;font-size:11px;line-height:1.8}.chat-delivery-confirm input[type=checkbox]{flex-shrink:0;margin-top:5px}.chat-selected-files{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.chat-selected-files li{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.chat-selected-files button{color:var(--accent);background:var(--deep);border:1px solid var(--rule);border-radius:5px;padding:4px 10px}.chat-connection{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.7}.chat-composer .notice{margin-top:12px}.chat-panel .quiet{font-size:11px}.chat-panel :is(input,textarea,select){min-width:0;max-width:100%}@media (max-width:900px){.chat-workspace{grid-template-columns:240px minmax(0,1fr)}.chat-panel-header,.chat-composer{padding:18px}.chat-log{padding:22px 16px}.chat-context{margin-inline:18px}.chat-file{flex-direction:column;align-items:start}.chat-message{max-width:90%}}@media (max-width:650px){.chat-workspace{border-radius:14px;grid-template-columns:1fr;min-height:0}.chat-inbox{border-right:0}.chat-has-selection .chat-inbox{display:none}.chat-workspace:not(.chat-has-selection) .chat-main:has(.chat-start){border-top:1px solid var(--rule)}.chat-inbox nav{max-height:350px}.chat-start{margin:20px auto;padding:24px 18px}.chat-start h2{font-size:24px}.chat-page-header{gap:16px}.chat-page-header h1{font-size:25px}.chat-back{color:var(--accent);margin-bottom:16px;font-size:11px;display:inline-block}.chat-peer h2{font-size:16px}.chat-log{height:50vh;min-height:300px;max-height:560px}.chat-composer{padding:16px 12px}.chat-composer-footer{gap:9px}.chat-composer-footer>span{font-size:9px}.chat-composer-footer .cta{padding:11px 13px;font-size:12px}.chat-context{flex-wrap:wrap;margin:12px 12px 0;padding:12px}.chat-target{margin-inline:12px}.chat-message{max-width:92%;padding:13px 14px}.chat-message footer{gap:9px;font-size:8px}.chat-notice{padding:12px 16px}.chat-delivery-confirm{padding:12px}.chat-thread-link{padding:16px}.chat-page-header>.row{gap:8px}.chat-page-header .quiet{padding:9px 12px;font-size:11px}}