.contact-attachments{border:1px dashed #a67786;border-radius:12px;min-width:0;margin:1.2rem 0;padding:1rem}.contact-attachments legend{color:#ffcee2;padding:0 .4rem}.contact-attachments legend span{color:#cbb7c7;font-size:.8rem}.contact-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.contact-image-grid figure{background:#15121b;border:1px solid #795168;border-radius:8px;min-width:0;margin:0;padding:.6rem}.contact-image-grid img{object-fit:contain;background:#09090e;border-radius:5px;width:100%;height:140px}.contact-image-grid figcaption{overflow-wrap:anywhere;margin:.4rem 0;font-size:.75rem}.contact-image-grid button{width:100%}.contact-image-grid .contact-image-view{background:#15121b;padding:.25rem}#contact-image-dialog{color:#fff;background:#18121e;border:1px solid #bb739a;border-radius:12px;width:max-content;max-width:95vw;max-height:92dvh;padding:1rem}#contact-image-dialog::backdrop{background:#000b}#contact-image-dialog[open]{flex-direction:column;gap:.75rem;display:flex}#contact-image-dialog img{object-fit:contain;max-width:85vw;max-height:75dvh}#contact-image-close{color:#fff;cursor:pointer;background:#5e2347;border:1px solid #bb739a;border-radius:6px;align-self:flex-end;padding:.6rem 1rem}.contact-panel input[type=file]{white-space:normal;max-width:100%;font-size:.85rem}.contact-panel input[type=file]::file-selector-button{color:#fff;background:#5e2347;border:1px solid #bb739a;border-radius:5px;margin-right:.5rem;padding:.45rem .6rem}.contact-row,.contact-row>*{min-width:0}#contact-detail{overflow-wrap:anywhere;min-width:0}@media (width<=480px){.contact-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-image-grid img{height:110px}.contact-attachments{padding:.7rem}}.contact-panel{color:#f8ebf3;background:linear-gradient(135deg,#221421,#120f19);border:1px solid #9b567d;border-radius:18px;max-width:1000px;margin:2rem auto;padding:clamp(1rem,3vw,2rem)}.contact-panel h1{color:#ffbadc;font-size:clamp(1.5rem,4vw,2.3rem)}.contact-panel h2{color:#ffc5e2;margin-top:2rem;font-size:1.15rem}.contact-panel label{margin:.8rem 0;font-size:.9rem;display:block}.contact-panel input,.contact-panel textarea,.contact-panel select{color:#fff;width:100%;font:inherit;background:#15121b;border:1px solid #795168;border-radius:7px;margin-top:.4rem;padding:.7rem;display:block}.contact-panel button{color:#fff;font:inherit;cursor:pointer;background:#5e2347;border:1px solid #bb739a;border-radius:8px;padding:.65rem 1rem}.contact-panel button:disabled{opacity:.45;cursor:default}.contact-panel :focus-visible{outline-offset:3px;outline:2px solid #ffb4db}.contact-panel small{color:#cbb7c7;line-height:1.8}.contact-panel p{white-space:pre-wrap;overflow-wrap:anywhere}.contact-panel [role=status]{color:#ffbad6}.inbox-tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.inbox-tabs [aria-pressed=true]{background:#a64176;box-shadow:0 0 0 1px #ffd0e4}.contact-panel #benefit-box{border:0;margin:0;padding:0}.contact-filters{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.contact-filters label{flex:1;min-width:160px;margin:0}.contact-pager{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.contact-row{text-align:left;grid-template-columns:auto 1fr auto;gap:.5rem;width:100%;margin:.4rem 0;background:#211925!important;padding:.65rem!important;font-size:.85rem!important;display:grid!important}.contact-row strong{overflow-wrap:anywhere}.contact-row small{grid-column:1/-1}.contact-label{color:#ffd1e9;background:#55324b;border-radius:4px;padding:.15rem .4rem;font-size:.75rem}.contact-label[data-category=game]{background:#394064}.contact-label[data-category=works]{background:#654126}.contact-label[data-status=new]{background:#803252}#contact-detail{border:1px solid #965576;border-radius:10px;margin-top:1.5rem;padding:1rem}.contact-reply{background:#302030;border-left:3px solid #ff86c2;padding:.8rem}.contact-trap{height:1px;overflow:hidden;width:1px!important;position:absolute!important;left:-10000px!important}.contact-panel [hidden]{display:none!important}@media (width<=600px){.contact-row{grid-template-columns:1fr auto}.contact-row strong{grid-area:2/1/auto/-1}}.contact-panel .q-survey{border:1px solid #ad8c68;border-radius:12px;margin-top:20px;padding:16px}.contact-panel .q-survey li{border-bottom:1px solid #ad8c6844}.contact-panel .q-survey li button{min-width:44px;min-height:44px;margin:4px}.contact-panel .q-survey [role=status]{color:#edcf90}
