:root{color:#1e2a2f;background:#e9edf0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}html,body,#root{height:100%;overflow:hidden}button,input{font:inherit}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#dce9e2,#edf1f4 45%,#e6d8c8)}.auth-panel{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #d9dee2;border-radius:8px;padding:28px;box-shadow:0 20px 60px #2330361f}.brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.brand h1,.chat-header h2,.profile-panel h2,.pane-title{margin:0}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eef2f4;border-radius:8px;padding:4px;margin-bottom:20px}.segmented button,.rail button,.row,.ghost,.mini,.send,.icon-button{border:0;cursor:pointer}.segmented button{height:38px;background:transparent;border-radius:6px}.segmented .active{background:#fff;box-shadow:0 1px 4px #1e2a2f1f}.form{display:grid;gap:12px}.form input,.search input,.composer input{width:100%;height:42px;border:1px solid #d7dde1;border-radius:6px;padding:0 12px;outline:none}.primary,.send{background:#18a058;color:#fff}.primary{height:42px;border:0;border-radius:6px}.error,.danger{color:#c73838}.shell{height:100dvh;display:grid;grid-template-columns:64px 320px 1fr;background:#f4f5f6;overflow:hidden}.rail{background:#263238;padding:18px 10px;display:grid;align-content:start;gap:14px}.rail button{height:44px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#aab6bd}.rail button.active{background:#18a058;color:#fff}.mobile-back{display:none;width:40px;height:40px;border:0;border-radius:8px;background:transparent;color:#263238;place-items:center;cursor:pointer}.list-pane{height:100dvh;min-height:0;border-right:1px solid #d9dee2;background:#f8f9fa;overflow:auto}.list-pane>section{padding:18px}.pane-title{font-size:20px;margin-bottom:16px}.items{display:grid;gap:6px}.items.compact{margin:10px 0 18px}.row{width:100%;min-height:64px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:8px;background:transparent;color:inherit;text-align:left}.row.active,.row:hover{background:#eef2f4}.avatar{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#d2e7d9;color:#10653c;font-weight:700}.row-main{min-width:0;display:grid;gap:3px}.row-main strong,.row-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main small,.chat-header p,.profile-panel p{color:#6b7880;margin:0}.badge,.mini{background:#18a058;color:#fff;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;padding:0 8px}.mini{border-radius:6px;height:30px}.section-label{color:#6b7880;font-size:13px;font-weight:600;margin:18px 4px 8px}.search{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:0 10px;background:#eef2f4;border-radius:8px}.search input{border:0;background:transparent}.profile-panel{display:grid;gap:12px;justify-items:start}.profile-panel .avatar{width:64px;height:64px;font-size:24px}.ghost{height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9dee2;border-radius:6px}.chat-pane{min-width:0;min-height:0;height:100dvh;overflow:hidden}.empty{height:100%;display:grid;place-items:center;color:#7a858b}.chat{height:100%;min-height:0;display:grid;grid-template-rows:74px 1fr 72px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #d9dee2;background:#fff}.chat-header h2{font-size:18px}.messages{min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:min(70%,560px);padding:10px 12px;border-radius:8px;line-height:1.5;word-break:break-word}.bubble.mine{align-self:flex-end;background:#c8edcf}.bubble.theirs{align-self:flex-start;background:#fff}.bubble img{max-width:min(320px,100%);border-radius:6px;display:block}.composer{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid #d9dee2;background:#fff}.icon-button,.send{width:42px;height:42px;display:grid;place-items:center;border-radius:8px}.icon-button{background:#eef2f4}.icon-button input{display:none}@media (max-width: 760px){.auth{min-height:100dvh;padding:18px}.auth-panel{width:100%;padding:22px}.shell{height:100dvh;grid-template-columns:1fr;grid-template-rows:1fr 64px;background:#f8f9fa}.rail{grid-row:2;height:calc(64px + env(safe-area-inset-bottom));padding:8px 18px calc(8px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;border-top:1px solid #d9dee2;background:#fff}.rail button{width:100%;height:48px;color:#6b7880}.rail button.active{color:#18a058;background:#e8f6ee}.list-pane{grid-row:1;height:auto;min-height:0;border-right:0;overflow:auto}.list-pane>section{padding:18px 14px 24px}.pane-title{font-size:24px;margin-bottom:18px}.row{min-height:72px;grid-template-columns:50px 1fr auto;padding:12px}.avatar{width:50px;height:50px}.chat-pane{display:none}.shell.mobile-chat-open{display:block}.shell.mobile-chat-open .rail,.shell.mobile-chat-open .list-pane{display:none}.shell.mobile-chat-open .chat-pane{display:block;height:100dvh}.mobile-back{display:grid;flex:0 0 auto}.chat{grid-template-rows:64px 1fr auto;height:100dvh}.chat-header{padding:8px 12px;gap:8px}.chat-header .avatar{width:44px;height:44px}.chat-header h2{font-size:17px}.messages{padding:14px 12px}.bubble{max-width:82%;padding:9px 11px}.bubble img{max-width:min(260px,100%)}.composer{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer input{min-width:0}}