:root{color-scheme:light;--ink:#171714;--muted:#77756e;--line:#e8e6df;--paper:#f7f6f1;--white:#fff;--accent:#ed5a32;--accent-soft:#fff0e9;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}header{height:70px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,246,241,.9);backdrop-filter:blur(16px)}.brand{font-weight:900;letter-spacing:-.04em}.brand span{color:var(--accent)}.header-actions{display:flex;gap:10px}.shell{height:calc(100vh - 70px);display:grid;grid-template-columns:minmax(330px,420px) 1fr;max-width:1500px;margin:auto;background:var(--white);border-inline:1px solid var(--line)}.inbox{border-right:1px solid var(--line);overflow:auto}.section-head{padding:28px;display:flex;align-items:end;justify-content:space-between;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);z-index:2}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--accent);font-weight:800;margin:0 0 4px}h1{font-size:28px;letter-spacing:-.04em;margin:0}.quiet,select,button,input,textarea{font:inherit;border:1px solid var(--line);border-radius:11px;background:var(--white);padding:9px 12px}.quiet{color:var(--muted);cursor:pointer}.item{padding:17px 24px;border-top:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.item:hover,.item.active{background:var(--paper)}.avatar{width:44px;height:44px;border-radius:15px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800}.item-main{min-width:0}.item-title,.item-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-title{font-weight:700}.item-preview,.meta,.empty span{color:var(--muted);font-size:13px}.badge{background:var(--accent);color:white;border-radius:99px;padding:3px 7px;font-size:11px;font-weight:700}.thread{min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.empty{margin:auto;display:flex;flex-direction:column;gap:7px;text-align:center}.thread-head{padding:24px 28px;border-bottom:1px solid var(--line)}.timeline{padding:28px;display:flex;flex-direction:column;gap:13px;overflow:auto;flex:1}.bubble{max-width:min(620px,80%);padding:11px 14px;border-radius:15px;background:var(--paper);align-self:flex-start}.bubble.outbound{background:var(--accent);color:#fff;align-self:flex-end}.bubble small{display:block;opacity:.65;margin-top:5px}.call{border:1px solid var(--line);padding:12px 14px;border-radius:14px;color:var(--muted)}.composer{display:flex;gap:10px;padding:18px 28px;border-top:1px solid var(--line)}.composer textarea{resize:none;flex:1}.composer button,.login-card button{background:var(--accent);color:white;border-color:var(--accent);font-weight:700;cursor:pointer}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100vw - 32px));background:white;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:0 20px 60px #2221}.login-card h1{margin-top:34px}.login-card label{display:grid;gap:8px;margin-top:26px}.login-card input,.login-card button{width:100%;margin-top:8px}.error{color:#b42318;min-height:1.2em}@media(max-width:760px){header{padding:0 16px}.shell{display:block;border:0}.inbox{border:0}.thread{position:fixed;inset:70px 0 0;background:white;transform:translateX(100%);transition:.2s}.thread.open{transform:none}.thread-head:before{content:'‹';font-size:30px;margin-right:14px;cursor:pointer}.header-actions .quiet{display:none}}