.contact-message__top{align-items:center;gap:12px;padding-right:24px;display:flex}.contact-message__avatar{background:var(--ps-avatar-bg);width:44px;height:44px;color:var(--ps-avatar-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.contact-message__who{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-message__name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.contact-message__contact{min-width:0;color:var(--ps-muted);align-items:center;gap:6px;font-size:12px;display:flex}.contact-message__contact svg{color:var(--ps-accent);flex-shrink:0}.contact-message__contact span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-message__bubble{background:var(--ps-accent);color:#17140f;overflow-wrap:anywhere;transform-origin:100% 100%;border-radius:16px 16px 4px;width:fit-content;max-width:92%;margin:16px 0 8px auto;padding:11px 14px;font-size:14px;line-height:1.5}.contact-message__status{font-variant-numeric:tabular-nums;color:var(--ps-muted);justify-content:flex-end;align-items:center;gap:6px;padding-right:40px;font-size:11px;font-weight:600;display:flex}.contact-message__delivered:before{content:"·";margin-right:6px}.contact-message__ticks{fill:none;width:22px;height:13px;stroke:var(--ps-stamp);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}
.contact-form{z-index:1;align-content:start;gap:12px;display:grid;position:relative}.contact-form__head{gap:6px;margin-bottom:6px;display:grid}.contact-form__title{color:var(--first-color);margin:0;font-size:1.7rem;line-height:1.15}.contact-form__lead{color:var(--third-color);margin:0;font-size:.95rem;line-height:1.6}.contact-form__label{color:var(--third-color);gap:6px;font-size:.85rem;display:grid}.contact-form__label-row{justify-content:space-between;gap:10px;display:flex}.contact-form__counter{font-variant-numeric:tabular-nums;opacity:.8}.contact-form__label input,.contact-form__label textarea,.contact-form__code{box-sizing:border-box;border:1px solid var(--liner-color);background:var(--card-bg-color);width:100%;height:44px;color:var(--first-color);font:inherit;border-radius:10px;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.contact-form__label textarea{resize:vertical;height:auto;min-height:120px;line-height:1.5}.contact-form__label input:focus,.contact-form__label textarea:focus,.contact-form__code:focus{border-color:var(--second-color);outline:none}.contact-form__label input.is-invalid,.contact-form__label textarea.is-invalid{border-color:#e5484d}.dark-theme .contact-form__label input,.dark-theme .contact-form__label textarea,.dark-theme .contact-form__code{background:var(--modal-bg-color)}.contact-form__methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.contact-form__method{box-sizing:border-box;border:1px solid var(--liner-color);background:var(--card-bg-color);min-width:0;height:44px;color:var(--first-color);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:.9rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.dark-theme .contact-form__method{background:var(--modal-bg-color)}.contact-form__method:hover{border-color:var(--second-color)}.contact-form__method.is-selected{border-color:var(--second-color);background:var(--second-color);color:#fff}.contact-form__method:focus-visible{outline:2px solid var(--second-color);outline-offset:2px}.contact-form__contact{gap:8px;display:flex}.contact-form__code{cursor:pointer;flex:none;width:auto}.contact-form__contact input{flex:1;min-width:0}.contact-form__error{color:#e5484d;margin:0;font-size:.8rem}.contact-form__check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.contact-form__check input{appearance:none;border:2px solid var(--liner-color);cursor:pointer;background-color:#0000;border-radius:6px;width:20px;min-width:20px;height:20px;margin:1px 0 0;transition:background-color .2s,border-color .2s}.contact-form__check input:checked{background-color:var(--second-color);border-color:var(--second-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px}.contact-form__check input:focus-visible{outline:2px solid var(--second-color);outline-offset:2px}.contact-form__check-text{color:var(--third-color);flex:1;font-size:.8rem;line-height:1.45}.contact-form__check-text a{color:var(--second-color);font-weight:600;text-decoration:none}.contact-form__check-text a:hover{text-decoration:underline}.contact-form__submit{background:linear-gradient(171.6deg, var(--second-color) 11.46%, var(--hover-color) 97.36%);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.contact-form__submit:hover:not(:disabled){transform:translateY(-2px)}.contact-form__submit:disabled{opacity:.55;cursor:not-allowed}.contact-form__spinner{animation:1s linear infinite contact-form-spin}@keyframes contact-form-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.contact-form__label input,.contact-form__label textarea,.contact-form__code{font-size:16px}}@media (max-width:540px){.contact-form__title{font-size:1.45rem}.contact-form__method{gap:4px;padding:10px 4px;font-size:.82rem}}