:root{color:#233b39;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--forest:#183e3a;--forest-dark:#12322f;--lime:#d8eab6;--muted:#7b8883;--line:#e5e9e3;--paper:#fff;--warm:#f7f8f5;background:#f7f8f5;font-family:Inter,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #7fa68c}input:focus,textarea:focus{border-color:#789e85;outline:none;box-shadow:0 0 0 3px #88ad8d1a}input,textarea{color:#223e38;background:#fff;border:1px solid #dce3dc;border-radius:10px;width:100%;padding:14px 16px;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#a0aaa3}input:disabled,textarea:disabled{background:#f8f9f7}textarea{resize:vertical;min-height:70px}label{justify-content:space-between;align-items:center;margin:23px 0 9px;font-size:13px;font-weight:650;display:flex}label span{color:#9aa49b;font-size:11px;font-weight:400}h1,h2,p{margin:0}.icon{vertical-align:middle}.eyebrow{letter-spacing:1.7px;color:#809083;font-size:10px;font-weight:700;display:block}.brand{letter-spacing:-.9px;white-space:nowrap;align-items:center;gap:11px;font-size:18px;font-weight:760;display:inline-flex}.brand-icon{background:var(--forest);color:#e5f1cf;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.brand-icon .icon{width:23px;height:23px}.brand-light{color:#fff}.brand-light .brand-icon{color:var(--forest);background:#e5efcf}.button{white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-size:13px;font-weight:650;line-height:1.5;transition:background .18s,transform .18s;display:inline-flex}.button-primary{background:var(--forest);color:#fff}.button-primary:not(:disabled):hover{background:#28544b}.button-secondary{color:#315243;background:#e8eee5}.button-secondary:hover{background:#dce7d7}.button:active:not(:disabled){transform:translateY(1px)}.icon-button{color:#87958d;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{color:var(--forest);background:#e9eee7}.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}.demo-banner{color:#355143;letter-spacing:.1px;background:#dce9ca;border-bottom:1px solid #cbdcbc;justify-content:center;align-items:center;gap:24px;height:36px;font-size:11px;display:flex}.demo-banner button{color:#466146;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;display:flex}.demo-banner .icon{width:12px;height:12px}.notice{border-radius:9px;align-items:center;gap:10px;margin:0 0 15px;padding:12px 14px;font-size:12px;line-height:1.65;display:flex}.notice-error{color:#a54c39;background:#fff0ec;border:1px solid #f1d5cd}.notice-success{color:#456240;background:#edf4e8;border:1px solid #dce9d1}.notice>button{color:inherit;background:0 0;border:0;margin-left:auto;padding:0}.notice>button .icon{width:16px;height:16px}.notice-success>span{flex:1}.button-spinner,.loading-indicator{border:2px solid;border-right-color:#0000;border-radius:50%;width:15px;height:15px;animation:.75s linear infinite spin;display:inline-block}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;display:flex}.loading-page p{color:var(--muted);font-size:13px}.loading-page .loading-indicator{color:#779372;width:28px;height:28px;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{grid-template-columns:minmax(400px,45%) 1fr;min-height:100dvh;display:grid}.demo-banner+.auth-layout{min-height:calc(100dvh - 36px)}.auth-story{background:var(--forest);flex-direction:column;padding:42px 50px 32px;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:520px;height:520px;position:absolute;top:45%;right:-250px}.auth-story:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:50%;width:660px;height:660px;position:absolute;top:35%;right:-320px}.auth-story-main{z-index:1;margin:auto 0;padding:70px 0 50px;position:relative}.small-label{color:#b3c7b4;letter-spacing:.3px;align-items:center;gap:8px;margin-bottom:26px;font-size:11px;display:flex}.small-label span{background:#c3d99c;border-radius:50%;width:5px;height:5px}.auth-story h1{color:#fff;letter-spacing:-2px;font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.48}.auth-story h1 span{color:#dcebc0}.auth-story-main>p{color:#b4c9c0;margin-top:23px;font-size:14px;font-weight:350;line-height:1.9}.conversation-art{max-width:355px;height:190px;margin-top:65px;position:relative}.art-note{z-index:2;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:14px;padding:24px 22px;display:flex;position:absolute;top:0;left:0;right:34px;transform:rotate(-3deg)}.art-avatar{color:#b8c6ad;background:#47665a;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.art-note>div{flex-direction:column;flex:1;gap:9px;display:flex}.art-line{background:#8caa9238;border-radius:4px;height:5px;display:block}.art-line.long{width:90%}.art-line.short{width:60%}.art-dot{background:#cfdea9;border-radius:50%;width:6px;height:6px}.art-reply{z-index:3;color:#284b3e;background:#edf3de;border-radius:16px;align-items:center;gap:16px;padding:25px 21px;display:flex;position:absolute;top:76px;left:39px;right:0;transform:rotate(3deg);box-shadow:0 18px 30px #0c242e26}.art-leaf{background:#dbe7c5;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.art-reply strong{letter-spacing:-.3px;margin-bottom:7px;font-size:12px;display:block}.art-reply div>span{color:#788873;font-size:11px}.art-orbit{border:1px solid #a2bc8640;border-radius:50%;position:absolute}.orbit-one{width:10px;height:10px;top:9px;right:9px}.orbit-two{background:#c8dcad50;width:5px;height:5px;bottom:14px;left:8px}.auth-story-footer{color:#9eb5a7;align-items:center;gap:7px;font-size:10px;display:flex}.auth-story-footer .icon{width:13px;height:13px}.auth-form-side{background:#fbfcf9;flex-direction:column;align-items:center;padding:44px 70px 30px;display:flex;position:relative}.auth-top-note{color:#99a398;align-self:flex-end;font-size:11px}.auth-card{width:100%;max-width:380px;margin:auto 0;padding:60px 0}.auth-card h2{letter-spacing:-1.3px;margin:14px 0 12px;font-size:28px;font-weight:650}.auth-description{color:#8a958c;letter-spacing:-.3px;font-size:13px;line-height:1.7}.auth-tabs{background:#edf1e9;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;margin:30px 0 27px;padding:4px;display:grid}.auth-tabs button{color:#8b978a;background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:12px}.auth-tabs button.selected{color:#38513e;background:#fff;font-weight:650;box-shadow:0 2px 5px #263f2310}.auth-submit{justify-content:space-between;width:100%;margin-top:27px;padding:15px 20px}.auth-submit:disabled{justify-content:center}.auth-fineprint{color:#98a18e;gap:9px;margin-top:25px;font-size:10px;line-height:1.9;display:flex}.auth-fineprint .icon{color:#8d9e82;width:15px;height:15px;margin-top:3px}.signup-note{color:#9ba492;border-top:1px solid var(--line);margin:12px 0 0;padding-top:12px;font-size:10px;line-height:1.8}.auth-footer{color:#9da69a;justify-content:space-between;width:100%;font-size:10px;display:flex}.auth-footer span{color:#b0b7a9}.dashboard{grid-template-columns:282px minmax(0,1fr);height:100dvh;max-height:100dvh;display:grid;overflow:hidden}.demo-banner+.dashboard{height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.sidebar{background:#f4f6ef;border-right:1px solid #e1e6db;flex-direction:column;min-height:0;padding:31px 23px 22px;display:flex}.sidebar-brand{justify-content:space-between;align-items:center;display:flex}.sidebar-brand .brand{gap:10px;font-size:17px}.sidebar-brand .brand-icon{border-radius:10px;width:33px;height:33px}.sidebar-brand .brand-icon .icon{width:20px;height:20px}.sidebar-welcome{margin-top:48px}.sidebar-welcome .eyebrow{color:#9ca68e;letter-spacing:1.4px;font-size:9px}.sidebar-welcome h2{letter-spacing:-.9px;margin-top:13px;font-size:20px;font-weight:630}.sidebar-welcome p{color:#93a08e;margin-top:8px;font-size:11px}.new-ticket-button{gap:8px;margin-top:26px;padding:13px 12px;font-size:11px}.new-ticket-button .icon{width:16px;height:16px}.sidebar-section-title{color:#88967e;align-items:center;gap:6px;margin:32px 3px 13px;font-size:10px;font-weight:600;display:flex}.sidebar-section-title>span{color:#9baa91;font-size:10px}.sidebar-section-title .icon-button{margin-left:auto;padding:2px}.sidebar-section-title .icon{width:13px;height:13px}.ticket-list{flex:1;min-height:90px;margin:0 -4px;padding:0 4px 10px;overflow-y:auto}.ticket-list::-webkit-scrollbar{width:3px}.ticket-list::-webkit-scrollbar-thumb{background:#dce3d4;border-radius:5px}.ticket-item{text-align:left;color:#83907d;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;margin-bottom:8px;padding:16px 15px;transition:background .2s}.ticket-item:hover{background:#edf1e6}.ticket-item.active{background:#fff;border-color:#e0e6d6;box-shadow:0 3px 10px #455a2510}.ticket-item-top{color:#8e9d80;align-items:center;gap:4px;margin-bottom:10px;font-size:9px;display:flex}.ticket-item-top time{color:#a8b09f;margin-left:auto;font-size:9px}.ticket-item-top .icon{width:11px;height:11px}.ticket-item.active .ticket-item-top{color:#557b59}.ticket-unread-dot{background:#638b59;border-radius:50%;width:4px;height:4px;margin-right:1px}.ticket-item strong{letter-spacing:-.3px;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;line-height:1.6;display:-webkit-box;overflow:hidden}.ticket-item.active strong{color:#314e3b;font-weight:650}.ticket-item-id{color:#a7b09d;letter-spacing:.7px;margin-top:10px;font-size:8px;display:block}.sidebar-bottom{margin-top:12px}.privacy-note{color:#829274;background:#eaf0e1;border:1px solid #e0e7d6;border-radius:10px;align-items:center;gap:11px;padding:15px 12px;display:flex}.privacy-note>.icon{color:#899c76;width:20px;height:20px}.privacy-note p{font-size:10px;line-height:1.8}.account-row{align-items:center;gap:10px;margin-top:26px;padding:0 2px;display:flex}.account-avatar{color:#81956f;background:#e3e8dc;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.account-row>div{flex:1;min-width:0}.account-row strong{color:#53664b;font-size:11px;font-weight:600;line-height:1.7;display:block}.account-row div>span{color:#9fa994;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.account-row .icon{width:16px;height:16px}.password-link{color:#9da994;background:0 0;border:0;margin:11px 0 0 44px;padding:0;font-size:9px}.password-link:hover{text-decoration:underline}.main-panel{background:#fdfefb;flex-direction:column;min-height:0;display:flex}.main-topbar{color:#9ba58f;border-bottom:1px solid #edf0e8;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:73px;padding:0 45px;font-size:10px;display:flex}.main-topbar>div{align-items:center;gap:14px;min-width:0;display:flex}.main-topbar>div>span:last-child{white-space:nowrap;text-overflow:ellipsis;color:#718266;overflow:hidden}.topbar-label{white-space:nowrap}.topbar-separator{color:#c1c9b7}.connection-label{white-space:nowrap;color:#a0aa94;align-items:center;gap:6px;font-size:9px;display:flex}.connection-label>span{background:#afb9a3;border-radius:50%;width:4px;height:4px}.connection-label.connected>span{background:#81a66b}.main-notices{flex-shrink:0;margin:0 45px}.main-notices:not(:empty){padding-top:15px}.main-notices>.notice:last-child{margin-bottom:0}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-heading{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:25px;padding:34px 45px 27px;display:flex}.chat-heading-meta{align-items:center;gap:15px;margin-bottom:15px;display:flex}.chat-heading-meta>.eyebrow{letter-spacing:1.25px;color:#9ba78d;font-size:9px}.status{color:#688351;white-space:nowrap;background:#eaf3e1;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-dot{background:#749252;border-radius:50%;width:4px;height:4px}.status-closed{color:#96a185;background:#edf0e8}.status .icon{width:10px;height:10px}.chat-heading h1{letter-spacing:-1.05px;color:#2e473b;overflow-wrap:anywhere;font-size:23px;font-weight:650;line-height:1.6}.chat-heading p{color:#a4ae98;margin-top:7px;font-size:10px}.chat-heading-mark{color:#a5b993;background:#f5f8ef;border:1px solid #e1e8d8;border-radius:15px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.chat-heading-mark .icon{width:24px;height:24px}.message-list{scroll-behavior:smooth;flex:1;min-height:0;padding:23px 45px 15px;overflow-y:auto}.message-list::-webkit-scrollbar{width:5px}.message-list::-webkit-scrollbar-thumb{background:#e2e8da;border-radius:5px}.day-divider{justify-content:center;align-items:center;gap:18px;margin:0 0 28px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#edf0e8;flex:1;max-width:105px;height:1px}.day-divider>span{letter-spacing:.1px;color:#a8b19b;white-space:nowrap;font-size:9px}.message{align-items:flex-start;gap:10px;margin-bottom:24px;display:flex}.message-customer{justify-content:flex-end}.message-content{min-width:90px;max-width:min(75%,620px)}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:#5b6f52;background:#f0f3eb;border:1px solid #e8ede0;border-radius:0 12px 12px;padding:15px 19px;font-size:12px;line-height:1.9}.message-customer .message-bubble{color:#ecf3e7;background:#234d43;border-color:#234d43;border-radius:12px 0 12px 12px}.message-sender{color:#738369;margin-bottom:8px;font-size:10px;font-weight:650;line-height:1.2;display:block}.staff-avatar{color:#82996d;background:#e8efdc;border-radius:11px;flex-shrink:0;place-items:center;width:31px;height:31px;margin-top:22px;display:grid}.staff-avatar .icon{width:18px;height:18px}.message-meta{color:#b0b9a5;align-items:center;gap:7px;margin-top:7px;font-size:8px;line-height:1.5;display:flex}.message-customer .message-meta{justify-content:flex-end}.delivery{color:#9aab8d}.delivery-failed{color:#b76c4b}.retry-button{color:#ad6846;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:8px;text-decoration:underline}.system-message{text-align:center;color:#96a289;margin:26px 0;padding:10px;font-size:10px}.messages-loading{color:#96a289;justify-content:center;align-items:center;gap:10px;padding:35px;font-size:12px;display:flex}.empty-conversation{text-align:center;color:#9ca590;padding:30px;font-size:12px}.composer-area{background:#fdfefb;border-top:1px solid #edf0e8;flex-shrink:0;padding:16px 45px 22px}.reply-expectation{color:#98a38c;align-items:center;gap:6px;margin-bottom:11px;font-size:9px;display:flex}.support-dot{background:#9caf87;border-radius:50%;width:4px;height:4px}.message-form{background:#fff;border:1px solid #dce4d3;border-radius:11px;transition:border .2s,box-shadow .2s;overflow:hidden}.message-form:focus-within{border-color:#96ae80;box-shadow:0 0 0 3px #9bae7c0b}.message-form textarea{min-height:60px;max-height:180px;box-shadow:none;resize:vertical;border:0;border-radius:11px;padding:14px 17px 5px;font-size:12px;line-height:1.8}.message-form textarea::placeholder{color:#b0b9a6}.composer-actions{justify-content:space-between;align-items:center;padding:4px 10px 10px 17px;display:flex}.composer-actions>span{color:#b1bba6;font-size:9px}.composer-actions .button{border-radius:7px;gap:7px;padding:9px 13px;font-size:10px}.composer-actions .icon{width:14px;height:14px}.composer-caption{color:#b5bda9;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;font-size:8px;display:flex}.composer-caption>span:last-child{align-items:center;gap:4px;display:flex}.composer-caption .icon{width:10px;height:10px}.closed-notice{color:#7f936b;align-items:center;gap:12px;padding:15px 0;display:flex}.closed-notice>div{flex:1}.closed-notice strong{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.closed-notice div>span{color:#9ba88b;font-size:10px}.closed-notice .button{padding:10px 13px;font-size:10px}.closed-notice .button .icon{width:13px;height:13px}.no-tickets{color:#a0ad93;padding:15px 8px;font-size:11px;line-height:2}.sidebar-backdrop,.mobile-menu,.sidebar-close{display:none}.new-conversation{flex:1;padding:55px 45px 30px;overflow-y:auto}.new-conversation-intro{text-align:center}.greeting-icon{color:#8ea77a;background:#eaf1df;border:1px solid #e0e9d4;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 24px;display:grid}.greeting-icon .icon{width:27px;height:27px}.new-conversation-intro .eyebrow{color:#94a683;letter-spacing:1.5px;font-size:9px}.new-conversation h1{letter-spacing:-1.4px;margin-top:14px;font-size:29px;font-weight:650}.new-conversation-intro p{color:#95a18a;margin-top:15px;font-size:12px;line-height:1.9}.new-ticket-form{background:#fff;border:1px solid #e1e7d9;border-radius:15px;max-width:580px;margin:37px auto 0;padding:27px 30px 22px;box-shadow:0 6px 22px #354d1c04}.new-ticket-form label{color:#647758;margin-top:22px;font-size:11px}.new-ticket-form label:first-child{margin-top:0}.new-ticket-form input,.new-ticket-form textarea{border-color:#e0e7d8;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.9}.new-ticket-form textarea{min-height:145px}.form-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:17px;display:flex}.form-bottom>span{color:#abb79e;font-size:9px}.form-bottom .button{padding:11px 15px;font-size:11px}.form-bottom .icon{width:15px;height:15px}.expectation-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:23px;margin:24px 0 0;display:flex}.expectation-row>span{color:#9aa98a;align-items:center;gap:5px;font-size:9px;display:flex}.expectation-row .icon{width:12px;height:12px}.sensitive-note{color:#b1bba7;text-align:center;margin:17px 0 0;font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#142e2366;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#fcfdf9;border:1px solid #e5eadc;border-radius:18px;width:100%;max-width:420px;padding:35px;position:relative;box-shadow:0 25px 80px #0d231e22}.modal-close{position:absolute;top:15px;right:15px}.feature-icon{color:#80986a;background:#e7efdb;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:21px;display:grid}.modal-card h2{letter-spacing:-1px;font-size:22px;font-weight:650}.modal-card>p{color:#95a18b;margin-top:10px;font-size:12px}.modal-card label{font-size:12px}.modal-card input{font-size:13px}.modal-card form>.button{width:100%;margin-top:27px}.setup-page{background:radial-gradient(circle at 50% 60%,#edf3e4,#0000 60%),#f9fbf6;flex-direction:column;min-height:100dvh;padding:35px 45px;display:flex}.setup-card{text-align:center;max-width:560px;margin:auto;padding:60px 30px}.setup-card .feature-icon{border-radius:20px;width:65px;height:65px;margin:0 auto 30px}.setup-card .feature-icon .icon{width:30px;height:30px}.setup-card h1{letter-spacing:-1.5px;margin:18px 0;font-size:31px;line-height:1.5}.setup-card>p{color:#8b9a81;font-size:14px;line-height:1.9}.setup-note{color:#97a58d;border-top:1px solid #e1e7d8;margin:30px 0 25px;padding-top:22px;font-size:11px;line-height:1.8}.setup-card small{color:#9da992;margin-top:16px;font-size:10px;display:block}.older-messages{color:#6c805d;background:#f4f7ef;border:1px solid #dce4d3;border-radius:7px;margin:0 auto 22px;padding:8px 13px;font-size:10px;display:block}.older-messages:hover{background:#eaf1e1}.chat-heading p,.message-meta,.delivery,.reply-expectation,.composer-caption,.composer-actions>span,.day-divider>span,.ticket-item-id,.ticket-item-top time,.sidebar-welcome p,.account-row div>span,.password-link,.connection-label,.new-conversation-intro p,.expectation-row>span,.sensitive-note,.form-bottom>span,.auth-description,.auth-fineprint,.signup-note,.auth-footer,.auth-footer span,.setup-note,.setup-card small{color:#75836b}.message-bubble{font-size:13px}.message-sender{font-size:11px}.message-meta{font-size:9px}.auth-fineprint{font-size:11px}.composer-caption{font-size:9px}@media (width>=1550px){.dashboard{grid-template-columns:310px minmax(0,1fr)}.main-topbar,.chat-heading,.message-list,.composer-area{padding-inline:65px}.sidebar{padding-inline:30px}.message-content{max-width:65%}.chat-heading h1{font-size:26px}.message-bubble{font-size:14px}.message-sender{font-size:11px}.composer-area{padding-bottom:28px}.message-form textarea{font-size:14px}.main-notices{margin-inline:65px}}@media (width<=1100px){.auth-story{padding:35px 35px 28px}.auth-form-side{padding:36px 40px 27px}.auth-layout{grid-template-columns:43% 1fr}.auth-story h1{letter-spacing:-1.5px;font-size:37px}.auth-story-main>p{font-size:12px}.dashboard{grid-template-columns:250px minmax(0,1fr)}.sidebar{padding:27px 18px 20px}.sidebar-brand .brand{font-size:16px}.main-topbar{padding-inline:30px}.main-notices{margin-inline:30px}.chat-heading{padding:29px 30px 24px}.chat-heading h1{font-size:21px}.message-list,.composer-area{padding-inline:30px}.message-content{max-width:83%}.new-conversation{padding:40px 30px 25px}.new-ticket-form{padding:24px}.chat-heading-mark{border-radius:12px;width:42px;height:42px}}@media (width<=800px){.auth-layout{grid-template-columns:1fr}.auth-story{min-height:auto;padding:23px 28px 29px}.auth-story-main{padding:35px 0 0}.auth-story h1{letter-spacing:-1px;font-size:28px;line-height:1.5}.auth-story h1 br{display:none}.auth-story-main>p{margin-top:11px;font-size:12px}.auth-story-main>p br{display:none}.small-label{margin-bottom:12px;font-size:10px}.conversation-art,.auth-story-footer{display:none}.auth-form-side{min-height:610px;padding:24px 28px}.auth-top-note{display:none}.auth-card{max-width:440px;padding:18px 0 35px}.auth-card .eyebrow{display:none}.auth-card h2{font-size:24px}.auth-footer{max-width:440px}.auth-tabs{margin-top:25px}.dashboard{grid-template-columns:220px minmax(0,1fr)}.sidebar{padding:25px 15px 18px}.sidebar-brand .brand{gap:8px;font-size:15px}.sidebar-brand .brand-icon{width:30px;height:30px}.sidebar-welcome{margin-top:35px}.sidebar-welcome h2{font-size:18px}.main-topbar{height:62px;padding-inline:23px}.main-topbar>div{gap:9px}.main-notices{margin-inline:23px}.chat-heading{padding:24px 23px 20px}.chat-heading h1{font-size:19px;line-height:1.55}.chat-heading-mark{display:none}.message-list{padding:20px 23px 10px}.message-content{max-width:89%}.message-bubble{padding:13px 15px;font-size:11px}.composer-area{padding:14px 23px 18px}.new-conversation{padding:34px 23px 25px}.new-conversation h1{font-size:25px}.new-ticket-form{padding:21px}.new-ticket-button{font-size:10px}.new-ticket-button .icon{width:13px;height:13px}.expectation-row{gap:12px}.composer-caption>span:first-child{font-size:7px}.ticket-item{padding:14px 12px}.closed-notice{flex-wrap:wrap}.closed-notice>.button{margin-left:32px}}@media (width<=640px){.demo-banner{gap:13px;height:32px;font-size:9px}.demo-banner button{font-size:8px}.demo-banner+.dashboard{height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.demo-banner+.auth-layout{min-height:calc(100dvh - 32px)}.dashboard{display:block}.sidebar{z-index:60;width:285px;max-width:85vw;padding:27px 22px 22px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:5px 0 40px #14372816}.sidebar-open .sidebar{transform:translate(0)}.sidebar-open .sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;background:#142e2455;border:0;display:block;position:fixed;inset:0}.sidebar-close,.mobile-menu{display:inline-flex}.sidebar-brand .brand{gap:10px;font-size:17px}.sidebar-brand .brand-icon{width:33px;height:33px}.sidebar-welcome{margin-top:39px}.sidebar-welcome h2{font-size:20px}.new-ticket-button{font-size:11px}.sidebar-brand .sidebar-close{padding:3px}.main-panel{height:100%}.main-topbar{gap:12px;height:57px;padding-inline:17px;font-size:9px}.main-topbar>div{gap:8px}.mobile-menu{margin-right:3px;padding:3px}.mobile-menu .icon{width:18px;height:18px}.topbar-label,.topbar-separator{display:none}.main-topbar>div>span:last-child{max-width:55vw}.connection-label{gap:4px;font-size:8px}.chat-heading{padding:23px 21px 18px}.chat-heading-meta{gap:11px;margin-bottom:11px}.chat-heading-meta>.eyebrow{font-size:8px}.chat-heading h1{letter-spacing:-.8px;font-size:20px}.chat-heading p{margin-top:6px;font-size:9px}.status{padding:4px 7px;font-size:8px}.message-list{padding:22px 20px 6px}.message-content{max-width:88%}.message-bubble{padding:13px 15px;font-size:12px;line-height:1.85}.message{gap:8px;margin-bottom:24px}.staff-avatar{border-radius:9px;width:27px;height:27px;margin-top:22px}.staff-avatar .icon{width:16px;height:16px}.message-staff .message-content{max-width:calc(100% - 35px)}.message-customer .message-content{max-width:89%}.message-meta{font-size:8px}.message-sender{font-size:10px}.composer-area{padding:12px 18px 14px}.reply-expectation{font-size:8px}.message-form textarea{min-height:56px;padding:12px 14px 4px;font-size:12px}.composer-actions{padding:3px 8px 8px 14px}.composer-caption{margin-top:8px;font-size:7px}.composer-caption>span:first-child{font-size:7px}.main-notices{margin-inline:18px}.main-notices:not(:empty){padding-top:11px}.notice{padding:10px 12px;font-size:11px}.new-conversation{padding:32px 21px 26px}.new-conversation h1{font-size:26px}.greeting-icon{border-radius:15px;width:46px;height:46px;margin-bottom:20px}.greeting-icon .icon{width:23px;height:23px}.new-conversation-intro p{margin-top:13px;font-size:11px}.new-ticket-form{margin-top:28px;padding:22px 20px 19px}.new-ticket-form textarea{min-height:135px}.expectation-row{gap:13px;font-size:8px}.expectation-row>span,.sensitive-note{font-size:8px}.form-bottom .button{padding:10px 12px;font-size:10px}.closed-notice{flex-wrap:nowrap;gap:9px;padding:9px 0}.closed-notice div>span{font-size:9px;line-height:1.8;display:block}.closed-notice strong{margin-bottom:4px;font-size:11px}.closed-notice>.button{gap:4px;margin-left:0;padding:9px;font-size:9px}.closed-notice>.icon{width:16px;height:16px}.auth-story{padding:22px 25px 26px}.auth-story .brand{font-size:16px}.auth-story .brand-icon{border-radius:9px;width:30px;height:30px}.auth-story-main{padding-top:30px}.auth-story h1{font-size:25px}.auth-story h1 br{display:block}.auth-story-main>p{font-size:11px}.auth-story-main>p br{display:block}.auth-form-side{min-height:590px;padding:22px 25px}.auth-card{padding-top:4px}.auth-card h2{font-size:23px}.auth-description{font-size:12px}.auth-fineprint{font-size:9px}.auth-top-note{display:none}.auth-footer{font-size:9px}.modal-card{padding:29px 25px}.setup-page{padding:25px}.setup-card{padding:50px 0}.setup-card h1{font-size:26px}.setup-card>p{font-size:12px}.setup-card .eyebrow{font-size:9px}.setup-note{font-size:10px}.signup-note{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}