:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090a0c;--panel:#101115;--panel2:#17191e;--line:#292b31;--muted:#92949f;--text:#f8f8f9;--orange:#f4883e}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.chat-app{background:#08090b;flex-direction:column;height:100dvh;min-height:400px;display:flex;overflow:hidden}.demo-banner{color:#ffbc86;background:#2b2119;border-bottom:1px solid #6c3d1f;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:5px max(14px,50vw - 660px);display:flex}.demo-banner-copy{letter-spacing:.075em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.persona-picker{white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.persona-picker select{color:#fff;background:#3a2b20;border:1px solid #795032;border-radius:7px;min-height:30px;padding:5px 26px 5px 9px}.app-frame{background:var(--panel);border-left:1px solid #24252c;border-right:1px solid #24252c;flex-direction:column;flex:1;width:100%;max-width:1440px;min-height:0;margin:0 auto;display:flex}.app-topbar{border-bottom:1px solid var(--line);background:#111216;flex:none;justify-content:space-between;align-items:center;gap:12px;height:70px;padding:0 26px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand img{object-fit:contain;border-radius:12px;flex:none;display:block}.brand-text{flex-direction:column;gap:4px;min-width:0;display:flex}.brand-text strong{letter-spacing:-.5px;font-size:17px;font-weight:800;line-height:1}.brand-text small{color:#9698a3;white-space:nowrap;letter-spacing:.035em;font-size:10px}.topbar-right,.secure-status,.official-label{align-items:center;gap:8px;display:flex}.secure-status{color:#a7a8b1;font-size:11px;font-weight:600}.icon-touch{color:#a7a9b2;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-touch:hover{color:#fff;background:#26282e}.member-workspace{background:#101115;flex-direction:column;flex:1;width:100%;max-width:940px;min-height:0;margin:0 auto;display:flex}.conversation-header{border-bottom:1px solid var(--line);background:#131419;flex:none;justify-content:space-between;align-items:center;gap:14px;height:75px;padding:0 23px;display:flex}.header-left,.header-actions{align-items:center;gap:12px;min-width:0;display:flex}.conversation-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.conversation-heading strong{letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.conversation-heading small{color:#9497a0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.official-label{color:#e9a56c;white-space:nowrap;background:#1f1a16;border:1px solid #3c3328;border-radius:20px;padding:7px 9px;font-size:11px;font-weight:700}.avatar{color:#d0e7f0;letter-spacing:-.2px;background:linear-gradient(145deg,#284552,#162e37);border-radius:15px;flex:none;place-items:center;width:43px;height:43px;font-size:12px;font-weight:800;display:grid}.avatar-staff{color:#ff994d;background:#282018;border:1px solid #6d3a1a}.messages-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#393b42 transparent;flex:1;min-height:0;padding:22px 27px;overflow-y:auto}.member-welcome{border-bottom:1px solid var(--line);margin:0 0 25px;padding:20px 0 27px}.welcome-icon{color:#ff9954;background:#2c211a;border:1px solid #523723;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:15px;display:grid}.member-welcome h1{letter-spacing:-.6px;margin:0;font-size:21px;line-height:1.25}.member-welcome p{color:#a6a7af;max-width:540px;margin:9px 0 13px;font-size:13px;line-height:1.65}.privacy-note{color:#999ca3;align-items:center;gap:7px;font-size:11px;display:flex}.message-stack{flex-direction:column;gap:17px;display:flex}.message-row{align-items:flex-end;gap:10px;max-width:100%;display:flex}.message-row.message-out{justify-content:flex-end}.message-group{flex-direction:column;gap:5px;min-width:0;max-width:min(78%,620px);display:flex}.message-bubble{color:#edeef1;overflow-wrap:anywhere;background:#24262d;border:1px solid #30323a;border-radius:15px 15px 15px 4px;padding:12px 15px;font-size:13px;line-height:1.6}.message-out .message-bubble{color:#fff4e9;background:#643a1d;border:1px solid #875028;border-radius:15px 15px 4px}.message-time{color:#848791;align-items:center;gap:4px;font-size:10px;display:flex}.message-out .message-time{align-self:flex-end}.composer-wrap{padding:15px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#121317;flex:none}.composer{background:#1b1d23;border:1px solid #40434b;border-radius:13px;transition:border-color .15s;overflow:hidden}.composer:focus-within{border-color:#f28b45}.composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:none;width:100%;min-height:64px;max-height:160px;padding:14px 15px 8px;font-size:14px;line-height:1.5;display:block}.composer textarea::placeholder{color:#777b85}.composer textarea:disabled{opacity:.65}.composer-footer{justify-content:space-between;align-items:center;gap:10px;padding:2px 9px 9px 15px;display:flex}.composer-footer span{color:#777981;font-size:10px}.composer-footer button{color:#101014;background:#f28b45;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.composer-footer button:hover:not(:disabled){background:#ffa260}.composer-footer button:disabled{opacity:.35}.composer-caption{color:#7f818b;justify-content:center;align-items:center;gap:6px;margin:8px 3px 0;font-size:10px;display:flex}.staff-workspace{flex:1;min-height:0;display:flex}.staff-inbox{border-right:1px solid var(--line);background:#131419;flex-direction:column;flex:none;width:348px;min-height:0;display:flex}.staff-inbox-top{justify-content:space-between;align-items:center;padding:23px 22px 15px;display:flex}.staff-title h1{letter-spacing:-.8px;margin:7px 0 5px;font-size:24px;line-height:1.15}.staff-title p{color:#9b9da8;margin:0;font-size:12px}.eyebrow{color:#ed9456;letter-spacing:.15em;font-size:9px;font-weight:900}.inbox-search{color:#999ca6;background:#202127;border:1px solid #383941;border-radius:10px;flex:none;align-items:center;gap:10px;height:43px;margin:5px 17px 15px;padding:0 12px;display:flex}.inbox-search input{color:#fff;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:13px}.inbox-search input::placeholder{color:#8b8d96}.inbox-filters{border-bottom:1px solid var(--line);gap:7px;padding:0 17px 14px;display:flex}.inbox-filters button{color:#9799a2;background:0 0;border:0;border-radius:7px;min-height:35px;padding:0 12px;font-size:12px;font-weight:600}.inbox-filters button.active{color:#ff9e62;background:#2c211a}.inbox-list{scrollbar-width:thin;flex:1;min-height:0;padding:9px 8px;overflow:auto}.inbox-item{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:11px;width:100%;min-height:101px;padding:14px 10px;display:flex;position:relative}.inbox-item.selected{background:#292017;border-color:#5e3e27}.inbox-item:hover{background:#242429}.inbox-item-center{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.inbox-item-head{justify-content:space-between;align-items:baseline;gap:5px;display:flex}.inbox-item-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.inbox-item-head time{color:#8b8e98;flex:none;font-size:10px}.inbox-item-meta{color:#f0a66d;font-size:11px}.inbox-last{color:#8f929c;text-overflow:ellipsis;white-space:nowrap;padding-right:14px;font-size:11px;overflow:hidden}.unread-pill{color:#14100e;background:#f38c47;border-radius:99px;place-items:center;min-width:19px;height:19px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:12px;right:11px}.staff-footer{padding:17px 20px calc(17px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:#8e919b;flex:none;align-items:center;gap:9px;font-size:11px;display:flex}.thread-pane{background:#101115;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.thread-day{color:#8e9099;justify-content:center;align-items:center;margin:8px 0 30px;font-size:11px;display:flex}.thread-day:before,.thread-day:after{content:"";border-top:1px solid #2b2e33;flex:1}.thread-day span{padding:0 15px}.staff-placeholder{text-align:center;max-width:310px;margin:auto;padding:30px}.placeholder-icon{color:#f29254;background:#272119;border:1px solid #443020;border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 20px;display:grid}.staff-placeholder h2{letter-spacing:-.6px;margin:0 0 8px;font-size:20px}.staff-placeholder p{color:#92949e;font-size:13px;line-height:1.65}.inbox-empty{color:#8f919b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:25px;display:flex}.inbox-empty strong{color:#eee;font-size:13px}.inbox-empty span{font-size:11px;line-height:1.5}.empty-chat{text-align:center;color:#acabb4;flex-direction:column;align-items:center;gap:9px;max-width:320px;margin:auto;display:flex}.empty-chat strong{color:#eee}.empty-chat p{margin:0;font-size:12px;line-height:1.6}.mobile-back{display:none}.connection-gate{background:radial-gradient(circle at 50% 30%,#291b12,#090a0c 60%);place-items:center;min-height:100dvh;padding:20px;display:grid}.connection-card{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:430px;padding:25px;display:flex}.connection-card h1{letter-spacing:-.8px;margin:0;font-size:25px}.connection-card p{color:#aeb0b8;margin:0;font-size:14px;line-height:1.7}.connection-card .eyebrow{margin-top:5px}.enter-button{color:#14110e;background:#f28b45;border-radius:10px;align-items:center;gap:8px;min-height:50px;padding:15px 20px;font-size:13px;font-weight:800;display:flex}.enter-button:hover{background:#ffa266}.text-link{color:#f2a66d;text-decoration:underline}.connection-card .powered{color:#747781;margin-top:30px;font-size:11px}.connection-card .error-footnote{color:#bc9b8f;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1000px){.member-workspace{border-left:1px solid #282a30;border-right:1px solid #282a30}}@media (max-width:820px){.staff-inbox{width:300px}.staff-title h1{font-size:22px}.app-topbar{padding:0 18px}.official-label{font-size:10px}}@media (max-width:680px){.chat-app{height:100dvh;overflow:hidden}.demo-banner{gap:6px;min-height:48px;padding:6px 12px}.demo-banner-copy{letter-spacing:0;max-width:49%;font-size:9px;line-height:1.35}.persona-picker{gap:5px;font-size:10px}.persona-picker select{max-width:104px;min-height:34px;padding-left:8px;font-size:11px}.app-frame{border:0}.app-topbar{padding:max(env(safe-area-inset-top),8px) 16px 9px;height:calc(60px + max(env(safe-area-inset-top),8px));min-height:68px}.brand img{width:38px;height:38px}.brand-text strong{font-size:15px}.brand-text small{font-size:10px}.secure-status{gap:5px;font-size:10px}.member-workspace{max-width:none}.conversation-header{height:68px;padding:0 13px}.conversation-heading strong{font-size:14px}.conversation-heading small{max-width:210px;font-size:10px}.official-label{gap:4px;padding:6px 8px;font-size:10px}.avatar{border-radius:12px;width:38px;height:38px}.messages-scroll{padding:14px 13px 20px}.member-welcome{margin-bottom:20px;padding:6px 4px 23px}.welcome-icon{width:43px;height:43px;margin-bottom:12px}.member-welcome h1{font-size:20px}.member-welcome p{font-size:12px;line-height:1.55}.privacy-note{font-size:10px;line-height:1.4}.message-group{max-width:min(82%,510px)}.message-stack{gap:13px}.message-bubble{padding:11px 13px;font-size:13px;line-height:1.53}.message-time{font-size:9px}.composer-wrap{padding:9px 12px max(12px,env(safe-area-inset-bottom))}.composer textarea{min-height:57px;padding:11px 12px 6px;font-size:16px}.composer-footer{padding:2px 8px 7px 12px}.composer-footer span{font-size:9px}.composer-caption{text-align:center;margin-top:8px;font-size:9px}.staff-workspace{display:block;position:relative}.staff-inbox,.thread-pane{border:0;width:100%;height:100%}.staff-workspace:not(.show-detail) .thread-pane,.staff-workspace.show-detail .staff-inbox{display:none}.staff-inbox-top{padding:19px 18px 12px}.staff-title h1{font-size:24px}.inbox-search{margin:3px 14px 13px}.inbox-filters{padding:0 14px 11px}.inbox-list{padding:7px}.inbox-item{min-height:100px;padding:13px 9px}.inbox-item:hover{background:0 0}.inbox-item.selected{background:#292017}.mobile-back{margin-left:-6px;display:grid}.thread-pane .conversation-header{padding-right:11px}.thread-pane .messages-scroll{padding-top:17px}.staff-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width:360px){.brand-text small,.official-label{display:none}.composer-footer span{font-size:8px}.privacy-note{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}