/* Contact CS • 20260918_contact_graphite_v2 • Edge 100 solid-first. */
.xl-contact-cs-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;color:#F0EEE7;font-family:inherit}
.xl-contact-cs-modal.is-open{display:flex}
.xl-contact-cs-modal [hidden]{display:none!important}
.xl-contact-cs-modal__mask{position:absolute;inset:0;border:0;padding:0;background:rgba(8,9,9,.84);cursor:pointer}
@supports (backdrop-filter:blur(1px)){.xl-contact-cs-modal__mask{background:rgba(8,9,9,.72);backdrop-filter:blur(10px)}}
html.xl-contact-cs-open,html.xl-contact-cs-open body{overflow:hidden!important}
.xl-contact-cs-modal__panel{position:relative;z-index:1;width:520px;max-width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;background:#1B1B1B;border:1px solid #4A4947;border-radius:20px;box-shadow:0 24px 80px #0009;text-align:left}
.xl-contact-cs-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 20px;border-bottom:1px solid #363635;flex:none}
.xl-contact-cs-modal__title{margin:0;color:#F0EEE7;font-size:21px;line-height:1.4;font-weight:700}
.xl-contact-cs-modal__subtitle{margin:7px 0 0;color:#A8A7A6;font-size:12px;line-height:1.6}
.xl-contact-cs-modal__close,.xl-contact-cs-modal__arrow{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;box-sizing:border-box;border:1px solid #4B4A48;border-radius:9px;background:#262625;color:#D6D5D3;font-size:24px;line-height:1;cursor:pointer}
.xl-contact-cs-modal__close:hover,.xl-contact-cs-modal__arrow:hover{background:#35332C;border-color:#8B7B4D;color:#DBC18C}
.xl-contact-cs-modal button:focus-visible{outline:2px solid #E1C488;outline-offset:3px}
.xl-contact-cs-modal__body{padding:22px 24px 16px;overflow:auto;min-height:0}
.xl-contact-cs-modal__identity{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.xl-contact-cs-modal__mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;border:1px solid #62583E;background:#26251F;color:#DBC18C;font-size:22px}
.xl-contact-cs-modal__identity strong{display:block;font-size:17px;line-height:1.6;color:#F0EEE7}
.xl-contact-cs-modal__identity div>span{display:block;font-size:12px;line-height:1.8;color:#999998}
.xl-contact-cs-modal__identity small{margin-left:auto;white-space:nowrap;font-size:11px;line-height:1.6;padding:4px 10px;border-radius:20px;background:#28271F;border:1px solid #62583E;color:#DBC18C}
.xl-contact-cs-modal__stage{position:relative;min-height:180px;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;border:1px solid #62583E;border-radius:14px;background:#202120;overflow:hidden}
.xl-contact-cs-modal__img{display:block;max-width:100%;width:auto;height:auto;max-height:55vh;object-fit:contain}
.xl-contact-cs-modal__empty{padding:28px 12px;font-size:14px;color:#A8A7A6;line-height:1.8;text-align:center}
.xl-contact-cs-modal__hint{text-align:center;margin:16px 0 10px}
.xl-contact-cs-modal__hint p{margin:0 0 6px;color:#F0EEE7;font-size:15px;line-height:1.6}
.xl-contact-cs-modal__hint span{display:block;color:#999998;font-size:11px;line-height:1.8}
.xl-contact-cs-modal__original{display:block;margin:10px auto 0;padding:6px 12px;background:transparent;border:1px solid #4B4A48;border-radius:7px;color:#DBC18C;font-size:12px;line-height:1.5;cursor:pointer}
.xl-contact-cs-modal__original:hover{background:#262625;border-color:#8B7B4D}
.xl-contact-cs-modal__nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px;padding-top:16px;border-top:1px solid #363635}
.xl-contact-cs-modal__dots{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.xl-contact-cs-modal__dot{width:16px;height:16px;border:4px solid #1B1B1B;border-radius:20px;padding:0;background:#676660;cursor:pointer;box-sizing:content-box}
.xl-contact-cs-modal__dot.is-active{width:24px;background:#DBC18C}
.xl-contact-cs-modal__signature{margin:18px 0 0;text-align:center;font-size:10px;line-height:1.8;color:#999998;letter-spacing:1px}
.headerContactCsBadge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:34px;padding:0 10px;border:1px solid #4B4A48;border-radius:10px;background:#262625;color:#DBC18C;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer}
.headerContactCsBadge:hover{border-color:#8B7B4D;color:#F0EEE7}
@media(max-width:480px){.xl-contact-cs-modal{padding:10px}.xl-contact-cs-modal__panel{max-height:calc(100vh - 20px);border-radius:16px}.xl-contact-cs-modal__head{padding:18px}.xl-contact-cs-modal__body{padding:18px}.xl-contact-cs-modal__title{font-size:19px}.xl-contact-cs-modal__stage{padding:8px}.xl-contact-cs-modal__hint span{font-size:12px}}