.support-letter-page{color:#172c27;background:radial-gradient(at 90% 8%,#f1efdf88,#0000 40%),#faf7f0;min-height:calc(100dvh - 80px);padding:28px 24px 56px}.support-letter-inner{max-width:1000px;margin:0 auto}.support-letter-content{flex-direction:column;gap:24px;display:flex}.support-letter-back{color:#5c7056;align-items:center;min-height:44px;font-size:13px;font-weight:650;display:inline-flex}.support-letter-back:hover{color:#064e3b;text-decoration:underline}.support-letter-heading{justify-content:space-between;align-items:center;gap:24px;min-height:170px;padding:12px 0 22px;display:flex}.support-letter-heading h1{letter-spacing:-.045em;font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.35}.support-letter-heading p{color:#657067;margin-top:12px;font-size:17px;line-height:1.7}.support-letter-art{flex:none;width:220px;height:150px}.support-letter-form,.support-letter-card{background:#fffefd;border:1px solid #dedfd5;border-radius:20px;padding:30px 32px;box-shadow:0 3px 6px #27392908,0 12px 32px #504d3405}.support-letter-ticket{transition:border-color .15s;display:block}.support-letter-ticket:hover{border-color:#8ba77f}.support-letter-action{color:#355840;background:#fffefd;border:1px solid #ccd7c5;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-size:14px;font-weight:650;line-height:1.6;display:inline-flex}.support-letter-action.is-primary{color:#fff;background:#075943;border-color:#075943}.support-letter-action.is-soft{background:#edf2e5}.support-letter-action:hover:not(:disabled){background:#edf2e5;border-color:#66865b}.support-letter-action.is-primary:hover:not(:disabled){background:#064534;border-color:#064534}.support-letter-action:disabled{opacity:.4;cursor:not-allowed}.support-letter-action:focus-visible,.support-letter-ticket:focus-visible,.support-letter-faq>summary:focus-visible{outline-offset:4px;outline:3px solid #69855c}.support-letter-faq{padding:18px 24px}.support-letter-faq>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px;font-weight:700;line-height:1.6}.support-letter-faq>p{white-space:pre-wrap;overflow-wrap:anywhere;color:#61705f;border-top:1px solid #e0e3d9;margin-top:12px;padding-top:16px;font-size:14px;line-height:1.9}.support-letter-detail{color:#283b30}.support-letter-metadata,.support-letter-message{background:#f3f5ed}.support-letter-message.is-operator{background:#eaf2e7;border-left:3px solid #9eb593}.support-letter-reply{background:#fafbf7;border:1px solid #dce2d3}.support-letter-form>*+*{margin-top:24px}.support-letter-category p:first-child{color:#244b2c;background:#e5ead7;border-radius:999px;align-items:center;min-height:36px;padding:6px 20px;font-size:16px;font-weight:750;display:inline-flex}.support-letter-category p:last-child{color:#6c7569;margin-top:10px;font-size:13px;line-height:1.7}.support-letter-label{color:#25372d;font-size:16px;font-weight:750;display:block}.support-letter-title,.support-letter-description,.support-letter-select{color:#26382e;outline:none;width:100%;min-height:48px;margin-top:10px;font-size:16px;font-weight:400;display:block}.support-letter-title{background:0 0;border:0;border-bottom:1px solid #9aa98d;border-radius:0;padding:10px 4px}.support-letter-description{resize:vertical;background:#fffefd;border:1px solid #c9cec1;border-radius:8px;min-height:172px;padding:16px;line-height:1.8}.support-letter-select{background:#fffefd;border:1px solid #c9cec1;border-radius:8px;padding:10px 12px}.support-letter-title::placeholder,.support-letter-description::placeholder{color:#7b8279}.support-letter-title:focus-visible,.support-letter-description:focus-visible,.support-letter-select:focus-visible{outline-offset:3px;outline:2px solid #53794f}.support-letter-form input:disabled,.support-letter-form textarea:disabled,.support-letter-form select:disabled{opacity:.65;cursor:not-allowed}.support-letter-count{text-align:right;color:#6e756c;margin-top:8px;font-size:13px}.support-letter-attachments{border-top:1px solid #e0e3d9;padding-top:20px}.support-letter-file-label{color:#283b30;cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px 20px;width:fit-content;max-width:100%;font-size:15px;font-weight:750;display:flex}.support-letter-file-label:focus-within{outline-offset:5px;border-radius:6px;outline:2px solid #53794f}.support-letter-file-label.is-disabled{cursor:not-allowed;opacity:.55}.support-letter-file-optional{color:#6c7569;margin-left:8px;font-size:13px;font-weight:400}.support-letter-file-button{color:#315b38;background:#f8faf4;border:1px solid #849873;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:650;display:inline-flex}.support-letter-file-label:not(.is-disabled):hover .support-letter-file-button{background:#edf2e4}.support-letter-file-limit{color:#677361;font-size:13px;font-weight:400}.support-letter-attachments>ul:empty{display:none}.support-letter-privacy,.support-letter-notice{color:#344a31;background:#eef1e4;border-radius:10px;align-items:flex-start;gap:10px;padding:13px 16px;font-size:14px;line-height:1.7;display:flex}.support-letter-privacy svg,.support-letter-notice svg{color:#2e5736;flex:none;margin-top:1px}.support-letter-retention{color:#6a7567;font-size:12px;line-height:1.8}.support-letter-submit{color:#fff;background:linear-gradient(110deg,#073f33,#075943);border:1px solid #073f31;border-radius:9px;width:100%;min-height:52px;padding:12px 20px;font-size:16px;font-weight:750;transition:background .15s;display:block}.support-letter-submit:hover:not(:disabled){background:#064534}.support-letter-submit:disabled{opacity:.45;cursor:not-allowed}.support-letter-submit:focus-visible,.support-letter-back:focus-visible{outline-offset:4px;outline:3px solid #69855c}.support-letter-notice strong{font-weight:650;display:block}.support-letter-notice p{color:#64725b;margin-top:4px;font-size:12px;line-height:1.8}@media (width<=639px){.support-letter-page{min-height:calc(100dvh - 64px);padding:12px 16px 36px}.support-letter-heading{min-height:0;padding:14px 0 24px}.support-letter-heading p{margin-top:8px;font-size:14px}.support-letter-art{display:none}.support-letter-form,.support-letter-card{border-radius:18px;padding:22px 20px}.support-letter-content{gap:20px}.support-letter-faq{padding:12px 16px}.support-letter-faq>summary{font-size:14px}.support-letter-form>*+*{margin-top:22px}.support-letter-category p:first-child{padding:5px 16px;font-size:14px}.support-letter-category p:last-child{font-size:12px}.support-letter-label{font-size:15px}.support-letter-description{min-height:156px;padding:12px}.support-letter-form .support-letter-count{margin-top:8px}.support-letter-file-label{gap:10px 12px}.support-letter-file-label>span:first-child{flex-basis:100%}.support-letter-file-button{padding:8px 10px}.support-letter-file-limit{font-size:12px}.support-letter-privacy,.support-letter-notice{gap:8px;padding:12px;font-size:13px}.support-letter-privacy svg,.support-letter-notice svg{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){.support-letter-submit,.support-letter-ticket{transition:none}}