.ptr-invite-dialog { color-scheme: dark; width: min(580px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow-y: auto; overscroll-behavior: contain; border: 1px solid #43352c; border-radius: 24px; background: #13120f; color: #eeeae2; box-shadow: 0 28px 90px #0009, 0 0 0 5px #e9663810; font-family: 'Golos Text', 'Onest', system-ui, sans-serif; scrollbar-width: thin; scrollbar-color: #43352c transparent; }
.ptr-invite-dialog[open] { animation: ptr-invite-rise .22s ease-out both; }
.ptr-invite-dialog::backdrop { background: #060708b8; backdrop-filter: blur(7px); }
.ptr-invite-content { position: relative; padding: 24px; background: radial-gradient(ellipse at top left, #e9663810, transparent 65%); }
.ptr-invite-close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; padding: 0; border: 1px solid #43352c; border-radius: 50%; background: #191813; color: #bdb7ae; font: 26px/1 system-ui, sans-serif; cursor: pointer; }
.ptr-invite-mark { display: flex; align-items: center; gap: 12px; padding-right: 32px; margin-bottom: 16px; color: #ed7045; font-weight: 800; font-size: 21px; }
.ptr-invite-mark span { max-width: 240px; color: #a69f94; font-size: 11px; font-weight: 500; line-height: 1.5; }
.ptr-invite-dialog h2 { margin: 0; max-width: 420px; color: #eeeae2; font-size: clamp(24px, 4vw, 30px); font-weight: 750; line-height: 1.16; letter-spacing: -.03em; }
.ptr-invite-dialog #ptr-invite-description { margin: 12px 0 16px; color: #aca59b; font-size: 14px; line-height: 1.65; }
.ptr-invite-label { display: block; margin: 18px 0 8px; color: #bfb7ac; font-size: 12px; font-weight: 600; }
.ptr-invite-message, .ptr-invite-link { display: block; box-sizing: border-box; width: 100%; border: 1px solid #39342d; border-radius: 12px; background: #090b0c; color: #eeeae2; padding: 14px; font: 14px/1.6 'Golos Text', 'Onest', system-ui, sans-serif; }
.ptr-invite-message { min-height: 176px; resize: vertical; }
.ptr-invite-link { font-size: 12px; }
.ptr-invite-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.ptr-invite-actions button { min-height: 44px; padding: 12px 16px; border-radius: 10px; border: 1px solid #43352c; font: 600 13px/1.4 'Golos Text', 'Onest', system-ui, sans-serif; cursor: pointer; transition: transform .16s, border-color .16s, background .16s; }
.ptr-invite-copy { flex: 1 1 210px; background: #e9653d; color: #15110e; border-color: #e9653d !important; }
.ptr-invite-copy-link, .ptr-invite-share { flex: 1 1 170px; background: #241a14; color: #eeeae2; }
.ptr-invite-share { flex: 0 1 auto; }
.ptr-invite-actions button:hover { transform: translateY(-1px); border-color: #ee774d; }
.ptr-invite-actions [hidden] { display: none; }
.ptr-invite-dialog :focus-visible { outline: 2px solid #ee774d; outline-offset: 3px; }
.ptr-invite-dialog .ptr-invite-status { min-height: 20px; margin: 12px 0 4px; color: #ee774d; font-size: 12px; line-height: 1.6; }
.ptr-invite-dialog .ptr-invite-note { margin: 0; color: #948d82; font-size: 12px; line-height: 1.7; }
@keyframes ptr-invite-rise { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) { .ptr-invite-content { padding: 24px 20px; } .ptr-invite-mark { margin-bottom: 20px; } .ptr-invite-message { min-height: 220px; } }
@media (prefers-reduced-motion: reduce) { .ptr-invite-dialog[open] { animation: none; } .ptr-invite-actions button { transition: none; } }