@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Sora:wght@500;600;700&display=swap";:root{font-family:IBM Plex Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}strong,h1,h2{font-family:Sora,sans-serif}input,button{font:inherit}.canvas{min-height:100vh;padding:clamp(.5rem,1.2vw,1rem);background:linear-gradient(180deg,#ded6cd 0 120px,#ece5dd 120px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;display:grid;place-items:center}.auth-canvas{background:radial-gradient(circle at 30% 20%,rgba(37,211,102,.15),transparent 42%),radial-gradient(circle at 80% 80%,rgba(0,168,132,.11),transparent 40%),linear-gradient(180deg,#e4ddd4 0 120px,#ece5dd 120px)}.auth-card{width:min(420px,95vw);background:#fff;border-radius:.8rem;box-shadow:0 10px 24px #111b2140;padding:1.4rem;display:grid;gap:.8rem}.auth-card h1{margin:0;color:#111b21}.auth-card p{margin:0;color:#54656f}.google-button-host{min-height:44px}.auth-hint{color:#667781;font-size:.78rem}.auth-error{color:#c0392b;font-size:.82rem}.demo-btn{border:none;border-radius:.55rem;min-height:2.4rem;background:#e8f5f0;color:#007a60;font-weight:700}.demo-btn:hover{background:#d5eee5}.app-shell{width:min(1480px,100%);min-height:96vh;background:#f0f2f5;border-radius:.3rem;overflow:hidden;box-shadow:0 8px 26px #111b2147;display:grid;grid-template-columns:minmax(320px,410px) 1fr}.loading-state{display:grid;place-items:center;color:#54656f;font-size:.95rem;font-weight:600}.conversation-pane{background:#fff;border-right:1px solid #d1d7db;display:grid;grid-template-rows:auto auto auto 1fr}.pane-top{background:#f0f2f5;min-height:60px;padding:0 .9rem;display:flex;align-items:center;justify-content:space-between}.user-chip{display:inline-flex;align-items:center}.left-actions,.header-actions{display:inline-flex;align-items:center;gap:.35rem}.icon-btn{border:none;background:transparent;color:#54656f;border-radius:999px;min-height:2rem;min-width:2rem;padding:0 .55rem;font-size:.73rem;font-weight:600}.icon-btn:hover{background:#e8ecef}.search-box{padding:.5rem .75rem .4rem}.search-box input{width:100%;border:none;border-radius:.5rem;background:#f0f2f5;min-height:2.15rem;padding:0 .78rem;color:#3b4a54;font-size:.88rem}.search-box input:focus{outline:2px solid #3aa884;outline-offset:0}.archived-row{border:none;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;padding:.65rem 1rem;text-align:left;font-weight:600;background:#fff;color:#41515c}.archived-row:hover{background:#f8fbfd}.conversation-list{overflow:auto}.conversation-card{width:100%;border:none;background:#fff;border-bottom:1px solid #edf1f4;display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;text-align:left;padding:.75rem .88rem;cursor:pointer;animation:list-in .28s ease both;animation-delay:var(--delay)}.conversation-card:hover{background:#f5f7f8}.conversation-card.active{background:#f0f2f5}.conversation-meta{min-width:0}.conversation-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.name-group{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.name-group strong{min-width:0;font-size:.95rem;color:#111b21}.meta-tag{font-size:.62rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#00a884}.conversation-row span{font-size:.75rem;color:#667781}.conversation-row p{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem;color:#667781}.conversation-row p.draft{color:#d9534f}.conversation-row p.pending{color:#00a884}.conversation-row mark{min-width:1.2rem;border-radius:999px;background:#25d366;color:#111b21;font-size:.7rem;text-align:center;padding:.12rem .36rem}.chat-stage{display:grid;grid-template-rows:auto 1fr auto}.chat-header{min-height:60px;background:#f0f2f5;border-left:1px solid #d1d7db;display:flex;align-items:center;gap:.65rem;padding:0 .95rem}.chat-profile strong{font-size:.95rem;color:#111b21}.chat-profile p{margin:0;color:#667781;font-size:.76rem}.header-actions{margin-left:auto}.message-stack{overflow:auto;padding:1.1rem 4vw;background:radial-gradient(circle at 1px 1px,rgba(17,27,33,.08) 1px,transparent 1px),#efeae2;background-size:22px 22px;display:grid;align-content:start;gap:.46rem}.day-divider{justify-self:center;font-size:.73rem;color:#54656f;background:#e7fce3;border-radius:.4rem;padding:.2rem .55rem}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(85%,34rem);background:#fff;border-radius:.45rem;padding:.44rem .5rem .22rem;box-shadow:0 1px .5px #0b141a21}.bubble-row.mine .bubble{background:#d9fdd3}.bubble p{margin:0;color:#111b21;white-space:pre-wrap;word-break:break-word;font-size:.92rem}.bubble footer{margin-top:.18rem;display:flex;justify-content:flex-end;align-items:center;gap:.35rem;font-size:.66rem;color:#667781}.status{letter-spacing:.01em}.status.read{color:#53bdeb}.draft-preview{justify-self:flex-start;max-width:min(85%,34rem);background:#fff7d5;border-left:2px solid #00a884;border-radius:.4rem;padding:.45rem .56rem}.draft-preview span{display:block;color:#54656f;font-size:.71rem;text-transform:uppercase;letter-spacing:.03em}.draft-preview p{margin:.2rem 0 0;color:#111b21;font-size:.86rem}.composer{background:#f0f2f5;padding:.5rem .9rem .75rem;display:grid;gap:.42rem}.composer-options{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:#54656f}.composer-options small{color:#667781;font-size:.72rem}.composer-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.attach-btn{border:none;background:transparent;color:#54656f;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem}.attach-btn:hover{background:#dde4e8}.composer-row input{min-height:2.7rem;border:none;border-radius:.5rem;padding:0 .82rem;background:#fff;font-size:.92rem;color:#111b21}.composer-row input:focus{outline:2px solid #3aa884}.send-btn{border:none;border-radius:.5rem;min-height:2.35rem;padding:0 .78rem;background:#00a884;color:#fff;font-size:.82rem;font-weight:700}.send-btn:hover{background:#009170}.send-btn:disabled{background:#9cb8af;cursor:not-allowed}.avatar{width:2.45rem;height:2.45rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(140deg,#24be88,#2d8dd9);color:#fff;font-size:.78rem;font-weight:700}.auth-avatar{object-fit:cover}.mobile-toggle{display:none;border:none;background:#dde4e8;color:#41515c;border-radius:.35rem;min-height:2rem;padding:0 .6rem;font-size:.74rem}@keyframes list-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:940px){.app-shell{grid-template-columns:1fr;min-height:100vh;border-radius:0;position:relative}.conversation-pane{position:absolute;inset:0;z-index:4;transform:translate(-103%);transition:transform .24s ease}.app-shell.show-list .conversation-pane{transform:translate(0)}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.header-actions{display:none}.message-stack{padding:.8rem .6rem}.composer-options{flex-direction:column;align-items:flex-start}}