.support-page{max-width:1120px;margin:0 auto;padding:32px 36px 48px;color:var(--text-primary,#313449)}.support-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.support-eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:#8b7ac4}.support-heading h1{font-size:36px;letter-spacing:-1px;margin:10px 0}.support-heading p,.support-footnote{color:#8b8d9c;font-size:15px;line-height:1.8}.support-badge{padding:10px 15px;border-radius:30px;background:#ece8f6;color:#7b63b2;font-size:13px;white-space:nowrap}.support-panel{border-radius:26px;background:#f5f6fa;box-shadow:12px 12px 30px #d3d5df,-10px -10px 26px #fff;overflow:hidden;border:1px solid #ffffffa0}.support-panel>header{display:flex;align-items:center;gap:15px;padding:22px 28px;border-bottom:1px solid #e4e5ec}.support-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#9a84d5,#736bbb);color:white;font-size:28px}.support-panel>header h2{font-size:20px;margin:0 0 5px}.support-panel>header p{font-size:13px;margin:0;color:#868898}.support-panel>header button{margin-left:auto}.support-messages{height:450px;overflow-y:auto;padding:25px 28px;scroll-behavior:smooth}.support-empty{text-align:center;color:#9092a3;margin:100px auto;line-height:1.9}.support-empty>span{font-size:40px;color:#a995d9}.support-empty h3{color:#62647a;font-size:20px}.support-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 24px}.support-message.is-mine{align-items:flex-end}.support-message-meta{font-size:12px;color:#9395a3;margin:0 6px 8px}.support-bubble{max-width:80%;background:white;padding:14px 18px;border-radius:4px 18px 18px;box-shadow:0 3px 12px #34395e06;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.is-mine .support-bubble{background:linear-gradient(130deg,#8477c9,#9988d1);color:white;border-radius:18px 4px 18px 18px}.support-bubble p{margin:0;white-space:pre-wrap}.support-bubble img{display:block;max-width:220px;max-height:220px;border-radius:8px;margin-top:8px}.support-composer{border-top:1px solid #e4e5ec;padding:20px 25px}.support-composer textarea{display:block;width:100%;background:transparent;border:none;resize:vertical;min-height:80px;max-height:250px;padding:5px;font:inherit;color:inherit;font-size:16px;line-height:1.7;outline-offset:3px}.support-actions{display:flex;gap:15px;align-items:center;margin-top:12px}.support-actions>span{font-size:12px;color:#989aa8}.support-actions>button{margin-left:auto;white-space:nowrap}.support-file{cursor:pointer;font-size:14px;color:#8b75bb;padding:8px 0}.support-file input{position:absolute;width:1px;height:1px;opacity:0}.support-file:focus-within{outline:2px solid #8b75bb}.support-error{color:#c65768;font-size:14px;margin:10px 0 0;min-height:1em}.support-attachments{display:flex;gap:10px}.support-attachments button{border:0;position:relative;padding:0;background:transparent}.support-attachments img{height:60px;width:60px;object-fit:cover;border-radius:8px}.support-attachments span{position:absolute;right:-5px;top:-5px;background:#574774;border-radius:50%;width:18px;color:white}.support-footnote{text-align:center;font-size:13px}.dark .support-panel{background:#252736;border-color:#343645;box-shadow:10px 10px 25px #191b27,-6px -6px 20px #303242}.dark .support-page{color:#e4e4f0}.dark .support-panel>header,.dark .support-composer{border-color:#3b3d4e}.dark .support-bubble{background:#343648}.dark .is-mine .support-bubble{background:#7162a2}.dark .support-badge{background:#383047;color:#c4b3df}.dark .support-empty h3{color:#c2bdd8}@media(max-width:700px){.support-page{padding:20px 14px}.support-heading{align-items:flex-start;flex-direction:column;gap:5px}.support-heading h1{font-size:29px}.support-panel>header{padding:18px}.support-messages{padding:18px;height:400px}.support-bubble{max-width:92%}.support-composer{padding:15px}.support-actions{flex-wrap:wrap;gap:8px}.support-actions>span{display:none}.support-panel{border-radius:20px}}