.support-page{max-width:850px;margin:30px auto;padding:24px}.support-page h1{font-size:clamp(26px,5vw,40px)}.support-ui{color:#fbf1f8;font:15px/1.5 Arial,sans-serif;display:flex;flex-direction:column;min-height:0;overflow:auto;gap:8px;text-align:right;direction:rtl}.support-ui [hidden]{display:none!important}.support-page .support-ui{padding:20px;border:1px solid #dca6c75c;border-radius:20px;background:#a1598520;backdrop-filter:blur(24px);margin-bottom:24px}.support-note{font-size:13px;line-height:1.5;color:#d9c1d5;margin:0}.support-log{overflow:auto;min-height:65px;max-height:330px;flex:1;padding:6px 0;overscroll-behavior:contain}.support-bubble{padding:10px 12px;border-radius:13px;background:#ffffff0c;border:1px solid #e3a5cf23;margin:7px 0 7px 18px;overflow-wrap:anywhere}.support-bubble.mine{margin:7px 18px 7px 0;background:#ff84c326;border-color:#e199c344}.support-bubble b,.support-bubble small{display:block;font-size:11px;color:#d5b9ce}.support-bubble p{margin:4px 0;white-space:pre-wrap}.support-ui form{margin:0;display:grid;gap:8px}.support-ui label{display:block;font-size:13px}.support-ui input,.support-ui textarea{box-sizing:border-box;width:100%;min-width:0;color:#fff;background:#ffffff0d;border:1px solid #d19cbf80;border-radius:9px;padding:9px;font:16px/1.4 Arial,sans-serif;margin-top:4px}.support-ui textarea{resize:vertical;max-height:100px}.support-ui fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-ui legend{font-size:13px}.support-ui button{font:700 14px Arial,sans-serif;border:1px solid #fba9d4;background:#ff84c3;color:#281020;border-radius:10px;padding:10px;min-height:40px;cursor:pointer}.support-ui button:disabled{opacity:.6;cursor:wait}.support-status{margin:0;min-height:18px;color:#ffd0e8;font-size:13px}.support-trap{position:absolute!important;clip-path:inset(50%);width:1px;overflow:hidden;height:1px}.support-ui [data-inbox]{display:grid;gap:8px;overflow:auto}.support-ui [data-inbox] button{background:#faf0f817;color:#fff;text-align:right;display:grid;gap:4px}.support-ui [data-inbox] span{font-size:13px;font-weight:400;color:#d9c1d5}.support-ui h3{font-size:15px;margin:0;overflow-wrap:anywhere}.support-ui :focus-visible{outline:2px solid #ffbadd;outline-offset:3px}.cat-dialog .support-ui{padding:12px;flex:1}.cat-modes{display:flex;gap:6px;padding:8px 12px 0}.cat-modes button{flex:1;border:1px solid #c899b970;border-radius:8px;padding:9px;background:#ffffff0c;color:#decadd;font:13px Arial;cursor:pointer}.cat-modes button[aria-pressed=true]{background:#fceaf6;color:#39152c}.cat-bot-pane{display:contents}.cat-bot-pane[hidden],.cat-dialog [data-support-pane][hidden]{display:none!important}body dialog.cat-dialog:has([data-support-pane]:not([hidden])){height:min(540px,76dvh);max-height:76dvh}@media(max-width:600px){body dialog.cat-dialog:has([data-support-pane]:not([hidden])){bottom:calc(80px + env(safe-area-inset-bottom));max-height:calc(100dvh - 105px)}}
.support-toast{position:sticky;top:0;z-index:2;padding:12px 16px;background:#f9e8f4;color:#32192d;border:1px solid #ff94cb;border-radius:12px;box-shadow:0 5px 18px #0003;font-weight:700;text-align:center}.support-toast[hidden]{display:none}
.support-options{font-size:12px;flex-shrink:0;margin:0}.support-options summary{cursor:pointer;color:#eed6e6;padding:3px 0}.support-options p{padding:6px 0}.cat-dialog .support-ui.conversation-active{overflow:hidden;gap:4px}.cat-dialog .support-log{min-height:70px;flex:1 1 0}.cat-dialog .support-ui form{grid-template-columns:minmax(0,1fr) auto;align-items:end;flex-shrink:0}.cat-dialog .support-ui form fieldset{grid-column:1/-1}.cat-dialog .support-ui form>label:not(.support-trap){font-size:0}.cat-dialog .support-ui textarea{margin:0;height:48px;min-height:44px}.cat-dialog .support-ui form>button{height:48px}.cat-dialog .support-status:empty{display:none}.cat-dialog .support-ui .support-person{padding:2px 0 5px}.cat-dialog .support-person img{width:34px;height:34px}.cat-dialog .support-person small{font-size:10px}.cat-dialog .support-toast{position:absolute;top:65px;left:12px;right:12px;padding:8px;font-size:13px}.cat-dialog .support-picker~.support-options{display:none}.cat-dialog .conversation-active .support-options{display:block}
.support-picker h3{margin:6px 0 12px;font-size:19px}.support-picker [data-people]{display:grid;gap:10px}.support-ui button.support-person-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:right;padding:14px;background:#ffffff0d;border:1px solid #dca6c75c;color:#fff;min-height:96px;border-radius:16px}.support-person-choice:hover{background:#ff84c31e;border-color:#ff84c3}.support-person-choice img,.support-person img{object-fit:cover;object-position:center 30%;border-radius:50%;flex-shrink:0;border:1px solid #ffb6da80}.support-person-choice>span:nth-child(2){flex:1}.support-person-choice b,.support-person-choice small,.support-person b,.support-person small{display:block}.support-person-choice b{font-size:16px}.support-person-choice small{font-size:12px;line-height:1.5;font-weight:400;color:#e1cddd;margin-top:4px}.support-ui .support-person{display:flex;gap:10px;align-items:center;padding:8px 0 12px;border-bottom:1px solid #dca6c740}.support-person>div{flex:1;min-width:0}.support-person b{font-size:14px}.support-person small{font-size:11px;color:#dbc4d5;line-height:1.4;margin-top:3px}.support-ui [data-change]{background:#fff0f8;color:#36142b;font-size:12px;padding:8px;min-height:36px}.support-log [data-empty]{font-size:13px;color:#d9c1d5;padding:10px 0}.support-page .support-picker [data-people]{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.support-page .support-picker [data-people]{grid-template-columns:1fr}.support-page{padding:16px;margin:16px auto}}