:root{--lime:#f8e237;--paper:#f9faf7;--ink:#1b1f23;--muted:#647077}.support-home,.support-app{background:var(--paper);color:var(--ink);min-height:100dvh}.support-app{background:var(--paper);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.support-header{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:23px 32px;display:flex}.support-header .brand{letter-spacing:-.03em;font-size:19px}.support-header .brand-mark{background:var(--lime);color:var(--ink);border-radius:13px;width:46px;height:46px;font-size:31px}.support-header .brand-sub{color:#6b7380;letter-spacing:0;margin-top:4px;font-size:11px;font-weight:400}.support-header nav{align-items:center;gap:16px;display:flex}.support-header .button{min-height:40px;padding:9px 18px;font-size:13px}.support-header .text-button{color:#57616c;font-size:13px}.support-hero{max-width:920px;margin:65px auto 45px;padding:0 28px}.support-kicker{color:#6d5b30;background:#fff1ca;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.support-hero h1{letter-spacing:-.055em;margin:22px 0 19px;font-size:clamp(39px,5.7vw,62px);font-weight:700;line-height:1.08}.support-intro{color:#667180;max-width:640px;margin-bottom:32px;font-size:17px;line-height:1.7}.support-start{background:#fff;border:1px solid #e8e4da;border-radius:22px;padding:24px;box-shadow:0 10px 35px #34302a06}.support-greeting{align-items:flex-start;gap:12px;margin-bottom:25px;display:flex}.support-greeting strong{color:#687180;font-size:12px;font-weight:500}.support-greeting p{margin:5px 0 0;font-size:17px}.support-avatar{color:#333c2d;background:#f8e95b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.human-avatar{color:#49586c;background:#e9edf4}.support-levels{grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 4px 18px;display:grid}.support-levels>div{color:#897141}.support-levels strong{color:#323945;margin:11px 0 7px;font-size:14px;font-weight:500;display:block}.support-levels p{color:#707784;margin:0;font-size:13px;line-height:1.65}.support-help-link{color:#6b5b37;margin-top:15px;font-size:13px}.support-footer{color:#757c86;flex-wrap:wrap;align-items:center;gap:25px;max-width:1280px;margin:0 auto;padding:30px 32px;font-size:11px;display:flex}.support-footer>span{margin-right:auto}.support-chat{flex-direction:column;flex:1;width:min(100%,940px);min-height:0;margin:0 auto;padding:0 28px 16px;display:flex}.support-chat-heading{border-bottom:1px solid #e6e1d5;justify-content:space-between;align-items:center;gap:15px;padding:15px 0 20px;display:flex}.support-chat-heading>div{align-items:center;gap:12px;display:flex}.support-chat-heading strong{font-size:14px;font-weight:600}.support-chat-heading p{color:#7b8088;margin:5px 0 0;font-size:11px}.support-chat-heading .text-button{font-size:12px;text-decoration:none}.support-messages{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:140px;padding:26px 4px 20px;overflow-y:auto}.support-message{align-items:flex-start;gap:11px;margin:0 0 22px;display:flex}.support-message-user{justify-content:flex-end;padding-left:45px}.support-bubble{overflow-wrap:anywhere;background:#fff;border:1px solid #e7e3da;border-radius:4px 16px 16px;min-width:0;max-width:80%;padding:15px 18px 10px;font-size:15px;line-height:1.7;box-shadow:0 2px 8px #46371b03}.support-message-user .support-bubble{background:#f8f6da;border-color:#e8e2b4;border-radius:16px 4px 16px 16px}.support-message-analyst .support-bubble{background:#f9fbfd;border-color:#d9e1ea}.support-sender{color:#79745e;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.support-bubble time{color:#85868a;text-align:right;margin-top:8px;font-size:10px;display:block}.support-context{color:#747979;margin:4px 0 10px;font-size:11px}.support-context>summary{cursor:pointer;border-top:1px solid #e9e5db;padding:10px 0}.support-context .context-card{background:#fffdf6;border:1px solid #ede8d9;border-radius:12px;margin-top:10px;padding:16px}.support-context .context-actions{flex-wrap:wrap;gap:15px;display:flex}.support-context .context-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.support-context .context-heading>span{align-items:center;gap:7px;display:flex}.support-context .context-chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.support-context .context-chips span{background:#f6efd9;border-radius:6px;padding:4px 8px}.support-context .context-data{gap:10px;display:grid}.support-context .context-data dt{color:#8a8b8c}.support-context .context-data dd{color:#464e58;margin:4px 0}.support-reply{flex-shrink:0;max-height:58dvh;padding-top:6px;position:relative;overflow-y:auto}.support-reply .flow-choices{flex-wrap:wrap;gap:7px;margin:3px 0 9px;display:flex}.support-reply .flow-choice{background:#fff;border:1px solid #e4dfd2;border-radius:10px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.support-reply .flow-choice:hover{background:#fff6da;border-color:#e4ce91}.support-reply .flow-choice svg{width:15px;height:15px}.support-reply .flow-choice>svg:last-child{display:none}.support-next-actions{flex-wrap:wrap;gap:9px;margin-bottom:12px;display:flex}.support-next-actions .button{min-height:41px;padding:10px 17px;font-size:13px}.support-input-hint{color:#85868b;margin:10px 0 0;font-size:10px;line-height:1.6}.support-input-hint a{text-decoration:underline}.support-app .composer,.support-home .composer{background:#fff;border:1px solid #d9d5cb;border-radius:13px;align-items:flex-end;gap:7px;width:100%;padding:10px;display:flex;position:relative;box-shadow:0 4px 15px #4e3c2005}.support-app .composer:focus-within,.support-home .composer:focus-within{border-color:#d6b34e;outline:2px solid #ffde753a}.support-app .composer textarea,.support-home .composer textarea{resize:none;background:0 0;border:0;border-radius:0;outline:0;flex:1;min-height:34px;padding:5px;font-size:14px}.support-app .composer textarea:focus,.support-home .composer textarea:focus{outline:none}.support-app .send-button,.support-home .send-button{background:var(--lime);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--ink);border:0;border-radius:9px;padding:7px}.support-app .send-button:disabled,.support-home .send-button:disabled{color:#969a9d;background:#eeede8}.attachment-button{cursor:pointer;min-width:32px;min-height:36px;margin:0;position:relative}.attachment-button input{opacity:0;cursor:pointer;width:100%;padding:0;position:absolute;inset:0}.attachment-button:focus-within{outline-offset:2px;outline:2px solid #c1a042}.voice-control{align-items:center;display:flex}.voice-control .icon-button{width:32px;min-width:32px;min-height:36px;padding:4px}.voice-recording{color:#b84c37;background:#fff0ea}.voice-status{z-index:3;background:#fffdf5;border:1px solid #e7dfcf;border-radius:10px;max-width:min(420px,100%);padding:9px 12px;font-size:11px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 5px 15px #382a1912}.support-answer-actions{color:#6f7680;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px 48px;font-size:12px;display:flex}.support-answer-actions .chip-button{min-height:34px;padding:7px 10px;font-size:11px}.support-answer-actions .text-button{font-size:11px}.support-ticket{background:#fff9e9;border:1px solid #e8ddb8;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:15px;padding:16px;display:flex}.support-ticket>div{flex:1}.support-ticket strong{font-size:13px}.support-ticket p{color:#655f4c;margin:6px 0 0;font-size:11px}.support-thinking{max-width:75%;margin:0 0 20px 48px;font-size:12px}.support-thinking .thinking-heading{color:#8b784e;align-items:center;gap:8px;display:flex}.support-thinking .progress-track{background:#eee9dc;border-radius:3px;height:3px;margin-top:12px;overflow:hidden}.support-thinking .progress-fill{transform-origin:0;background:#e9c05a;height:100%}.support-thinking>.text-button{margin-top:14px;font-size:11px}.screenshot-tray{flex-wrap:wrap;gap:10px;padding:10px 0;display:flex}.screenshot-tray>p{color:#80838a;width:100%;margin:0;font-size:10px}.screenshot-item{background:#fff;border:1px solid #e4dfd4;border-radius:8px;max-width:130px;padding:5px;font-size:10px;position:relative}.screenshot-item img{object-fit:cover;border-radius:4px;width:110px;height:64px}.screenshot-item span{text-overflow:ellipsis;white-space:nowrap;max-width:115px;display:block;overflow:hidden}.screenshot-item .field-error{white-space:normal}.screenshot-item>.icon-button{background:#fffffff0;border-radius:5px;min-width:24px;min-height:24px;padding:2px;position:absolute;top:0;right:0}.support-history-search{align-items:center;gap:10px;display:flex}.support-history>button{text-align:left;overflow-wrap:anywhere;background:#fff;border:1px solid #ede8da;border-radius:10px;gap:12px;width:100%;margin-top:10px;padding:13px;font-size:13px;display:flex}.support-history small{color:#90918d;margin-top:6px;font-size:10px;display:block}.support-help p{color:#67717d;font-size:14px;line-height:1.8}.account-dialog{width:580px;max-height:calc(100dvh - 45px);overflow-y:auto}.account-dialog form>.button{width:100%;margin-top:18px}.account-switch{margin:17px auto 0;display:block}.support-unread{background:#fff5d4;border-radius:8px;padding:7px 10px;font-size:11px;position:absolute;bottom:calc(100% + 5px);right:0}@media (max-width:700px){.support-header{gap:8px;padding:16px 18px}.support-header nav{gap:5px}.support-header .brand{gap:8px;font-size:15px}.support-header .brand-mark{width:38px;height:38px;font-size:25px}.support-header .brand-sub{font-size:9px}.support-header nav>.text-button{display:none}.support-header .button{text-overflow:ellipsis;max-width:115px;min-height:36px;padding:6px 10px;font-size:11px;overflow:hidden}.support-hero{margin-top:38px;padding:0 20px}.support-intro{font-size:14px;line-height:1.7}.support-start{border-radius:17px;padding:17px}.support-greeting p{font-size:14px}.support-levels{grid-template-columns:1fr;gap:19px}.support-levels>div{grid-template-columns:22px 1fr;column-gap:12px;display:grid}.support-levels strong{margin:0 0 5px}.support-levels p{grid-column:2;font-size:12px}.support-footer{gap:14px;padding:20px}.support-footer>span{width:100%}.support-chat{padding:0 14px 10px}.support-chat-heading{padding-top:8px}.support-chat-heading .text-button{font-size:0}.support-chat-heading .text-button svg{width:21px;height:21px}.support-messages{padding:18px 0 10px}.support-message{gap:7px;margin-bottom:16px}.support-message-user{padding-left:25px}.support-message .support-avatar{border-radius:9px;width:28px;height:28px}.support-bubble{max-width:89%;padding:12px 13px 8px;font-size:14px;line-height:1.65}.support-reply .flow-choice{padding:7px 9px;font-size:11px}.support-reply .flow-choices{gap:5px;max-height:125px;overflow-y:auto}.support-answer-actions,.support-thinking{margin-left:35px}.support-next-actions .button{min-height:38px;padding:8px 12px;font-size:12px}.support-context{font-size:10px}.support-app .composer,.support-home .composer{gap:3px;padding:7px}.support-app .composer textarea,.support-home .composer textarea{min-height:34px;font-size:16px}.support-reply{max-height:52dvh;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.support-app *,.support-home *{scroll-behavior:auto!important}}@media (max-height:700px){.support-app .support-header{padding-top:10px;padding-bottom:10px}.support-chat-heading{padding-top:8px;padding-bottom:12px}.support-messages{min-height:55px}}.support-input-hint,.support-chat-heading p,.support-sender,.support-bubble time,.support-history small,.screenshot-tray>p,.support-context,.support-levels p,.support-footer,.support-answer-actions>span{color:#65696e}.support-app .contact-form{box-shadow:none;background:#fffefa;border-color:#e5e0d4;border-radius:16px}.account-dialog form>label:not(.consent){margin-top:15px}.account-dialog .form-grid{gap:16px}.account-dialog .consent{color:#626975;margin-top:15px;font-size:12px;line-height:1.65}.account-dialog .consent input{accent-color:#856322;flex-shrink:0}.account-dialog .consent a{color:#77602d;text-underline-offset:3px;text-decoration:underline}.account-dialog .dialog-description{color:#626975;margin-bottom:22px;font-size:13px}.account-dialog .dialog-header{border-bottom-color:#e6e0d4}@media (max-width:700px){.support-context>summary{padding:7px 0}.support-app .contact-form{padding:18px}.account-dialog .dialog-description{font-size:12px}}
