:root{--ink: #202e36;--muted: #56656f;--surface: #f4f6f7;--line: #dce3e6;--accent: #15546b;--wash: #e8f2f5;--amber: #79501d;--mono: ui-monospace, SFMono-Regular, Consolas, monospace;color:var(--ink);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body,h1,h2,p{margin:0}body{overflow:hidden}button,input,select{color:inherit;font:inherit}button{border:0;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}h1,h2,.brand{font-family:Avenir Next,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:680;letter-spacing:-.035em}h1{font-size:27px}h2{font-size:18px}h2[tabindex="-1"]:focus{outline:none}.muted,.queue-count,.empty{color:var(--muted)}.shell{--sidebar: 192px;display:grid;grid-template:"bar bar" 54px "rail main" minmax(0,1fr) / var(--sidebar) minmax(0,1fr);height:100dvh}.app-bar{grid-area:bar;display:flex;align-items:center;gap:0;height:54px;border-bottom:1px solid var(--line);padding-right:14px}.brand{width:var(--sidebar, 192px);display:flex;align-items:center;gap:8px;flex:none;padding-left:17px;font-size:19px}.brand svg{width:29px;height:29px;padding:3px;border-radius:7px;background:var(--ink);fill:none;stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.workspace{display:flex;align-items:center;gap:8px;padding-left:15px;border-left:1px solid var(--line);min-width:0}.workspace strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace>span{flex:none;background:var(--surface);color:var(--muted);padding:1px 6px;border-radius:4px;font-size:11px}.profile{margin-left:auto;padding-left:8px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}.rail{grid-area:rail;padding:15px 10px;background:var(--surface);border-right:1px solid var(--line)}nav{display:grid;gap:3px}nav button{display:flex;align-items:center;gap:8px;padding:8px;border-radius:5px;color:var(--muted);font-weight:650;text-align:left}nav button[aria-current=page],nav button:hover{background:#dce9ee;color:var(--accent)}nav svg,.search svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.rail-channels{border-top:1px solid var(--line);margin-top:17px;padding:13px 8px}.rail-channels h2{margin-bottom:7px;color:var(--muted);font:650 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}.shell>main{grid-area:main;min-width:0;min-height:0;overflow:auto}.inbox{display:grid;grid-template-columns:clamp(275px,29%,368px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100%}.queue{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}.queue-head{padding:16px 17px 0;border-bottom:1px solid var(--line)}.queue-head h1{font-size:25px}.search{display:flex;align-items:center;gap:7px;padding:0 9px;margin-top:10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--muted)}.search:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.search input{min-width:0;width:100%;border:0;outline:none;padding:7px 0;background:transparent}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tabs button{border-bottom:2px solid transparent;padding:6px 5px 7px;color:var(--muted);font-size:12px;font-weight:650}.tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.queue-list{overflow-anchor:none;flex:1;overflow:auto}.queue-count{border-top:1px solid var(--line);padding:8px 16px;font-size:12px}.row{width:100%;display:block;text-align:left;min-width:0;padding:11px 15px 10px 17px;border-bottom:1px solid var(--line)}.row:hover{background:var(--surface)}.row[aria-current=true]{background:var(--wash);box-shadow:inset 3px 0 var(--accent)}.row-top,.row-bottom{display:flex;align-items:center;gap:7px}.row-top{justify-content:space-between}.row-top strong,.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.preview{display:block;color:var(--muted);margin:2px 0 5px}.row-bottom,time{color:var(--muted);font-size:11px}time{white-space:nowrap;font-family:var(--mono)}.channel,.unread{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:700}.channel:before,.unread:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.unread{margin-left:auto}.empty{padding:18px}.thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.thread-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:13px clamp(15px,2.6vw,33px);background:#fff;border-bottom:1px solid var(--line)}.thread-head h2{font-size:21px}.thread-head p,.assignee{color:var(--muted);font-size:12px}.back{display:none}.reading-width{width:min(100%,690px);margin-inline:auto}.timeline{overflow-anchor:none;flex:1;min-height:0;overflow:auto;padding:16px clamp(15px,3vw,33px)}.history{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--muted);font-size:11px}.history:before,.history:after{content:"";height:1px;background:var(--line);flex:1}.message{width:fit-content;max-width:min(88%,440px);margin-bottom:16px}.message.outbound{margin-left:auto}.message-meta{color:var(--muted);margin:0 2px 3px;font-size:11px}.outbound .message-meta{text-align:right}.message-text{border:1px solid var(--line);border-radius:3px 9px 9px;padding:8px 11px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere}.outbound .message-text{background:var(--wash);border-radius:9px 3px 9px 9px}.message.note{margin-inline:auto;background:#fdf6e8;border:1px solid #ead9b9;border-radius:6px;padding:8px 11px}.note .message-meta{color:var(--amber);margin-inline:0}.note .message-text{background:transparent;padding:0;border:0;font-size:13px}.composer{padding:11px clamp(15px,3vw,33px);border-top:1px solid var(--line);background:#fff}.reply-route{display:flex;flex-wrap:wrap;gap:6px 16px;padding:7px 10px;background:var(--surface);border:1px solid var(--line);border-radius:5px;font-size:12px}.reply-route strong{color:var(--muted);margin-right:4px}.composer p{color:var(--muted);margin-top:6px;font-size:12px}.page{max-width:1100px;padding:clamp(18px,4vw,47px);margin:0 auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0 24px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.metrics button{background:var(--surface);padding:10px;text-align:left;color:var(--muted);font-size:12px}.metrics button+button{border-left:1px solid var(--line)}.metrics button:hover{background:var(--wash)}.metrics strong{display:block;color:var(--ink);font-size:22px}.page-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:22px}.page-grid h2{padding-bottom:7px;border-bottom:1px solid var(--line);margin-bottom:6px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:17px;padding:12px 0;border-block:1px solid var(--line)}.account-row>span{color:var(--muted);font-size:12px}.sign-in{width:min(100% - 28px,395px);margin:clamp(20px,9vh,90px) auto}.sign-in p{color:var(--muted);margin:5px 0 16px}.sign-in form{display:grid;gap:11px}.sign-in label{display:grid;gap:5px;font-size:13px;font-weight:650}.sign-in input,.sign-in select{width:100%;border:1px solid var(--line);border-radius:5px;padding:8px;background:#fff}.sign-in .error{color:var(--amber);margin:0}.primary,.secondary{padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:650}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:focus-visible{outline-color:#fff;outline-offset:-3px}.secondary:hover{background:var(--surface)}@media(max-width:1000px){.shell{--sidebar: 156px}}@media(max-width:790px){.shell{grid-template:"bar" 48px "rail" auto "main" minmax(0,1fr) / minmax(0,1fr)}.app-bar{height:48px}.brand{width:auto;padding:0 9px;font-size:17px}.workspace{padding-left:7px}.profile>span,.rail-channels{display:none}.rail{padding:4px 8px;border:0;border-bottom:1px solid var(--line)}nav{display:flex}nav button{padding:5px 7px;font-size:12px}}@media(max-width:600px){.inbox,.page-grid{grid-template-columns:minmax(0,1fr)}.inbox .thread,.workspace>span{display:none}.inbox.show-thread .thread{display:flex}.inbox.show-thread .queue{display:none}.back{display:inline-block}}.thread-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assignee select{margin-left:4px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink)}.delivery{color:var(--muted);text-align:right;margin:3px 2px 0;font-size:11px}.composer-tabs{margin:0 0 5px}.note-route{background:#fdf6e8;border-color:#ead9b9}.entry-form{border:1px solid var(--line);border-top:0;border-radius:0 0 5px 5px;padding:6px 8px}.entry-form textarea{display:block;width:100%;min-height:53px;resize:vertical;font:inherit;color:inherit;border:0;padding:5px}.entry-form .error{color:var(--amber)}.entry-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}.entry-actions p{margin:0}@media(pointer:coarse){.sign-in input,.sign-in select,.search input,.assignee select,.entry-form textarea{font-size:16px}}.history-more{display:block;margin:0 auto 16px}.queue-more{display:block;margin:12px auto}.attachment,.attachment-picker{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .75rem}.attachment{justify-content:space-between;margin:.4rem 0}.attachment strong,.attachment span{display:block;overflow-wrap:anywhere}.attachment span{font-size:.78rem;margin-top:.25rem}.attachment-picker{margin:.45rem 0}.attachment-picker span{overflow-wrap:anywhere}.file-button{position:relative;display:inline-flex;cursor:pointer}.file-button:focus-within{outline:2px solid currentColor;outline-offset:2px}.file-button:has(input:disabled){opacity:.5;cursor:default}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:inherit}.workspace select{min-width:0;max-width:100%}.join-invite summary{cursor:pointer;color:var(--accent)}.join-invite label{margin-top:.5rem}.team{max-width:820px}.team section{margin:1.5rem 0}.team h2{padding-bottom:.5rem;border-bottom:1px solid var(--line)}.member-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.member-row>div:first-child{flex:1}.member-row select,.workspace select,.team input{padding:5px 8px;background:#fff;border:1px solid var(--line);border-radius:4px}.member-actions,.team form{display:flex;align-items:end;flex-wrap:wrap;gap:.6rem}.team form,.invite-code{margin-top:.7rem}.team label{display:grid;gap:.3rem}.invite-code input{max-width:100%;font-family:var(--mono)}.hosted-sign-in{display:grid;gap:10px;margin-block:16px}.hosted-sign-in p{margin:0}.hosted-sign-in a{display:block;text-align:center;text-decoration:none}.demo-sign-in>button{width:100%}.local-sign-in{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.local-sign-in>summary{cursor:pointer;color:var(--muted);font-size:13px}.local-sign-in>p{font-size:13px;margin:10px 0}.sign-in>.error{margin-top:10px}