.overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1b178c;justify-content:center;align-items:center;padding:16px;animation:.18s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{overscroll-behavior:contain;border:1px solid var(--line);background:var(--card);width:100%;max-width:520px;max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:14px;padding:24px;animation:.22s cubic-bezier(.2,.9,.3,1.2) card-in;display:flex;position:relative;overflow:auto}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal-card h2{letter-spacing:-.01em;margin:0;font-size:1.35rem}.modal-card p{color:var(--muted);margin:0;line-height:1.45}.modal-close{z-index:20;background:var(--bg);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--accent-soft)}.modal-center{text-align:center;align-items:center}.modal-actions{flex-direction:column;gap:10px;display:flex}.modal-mark{border:1px solid var(--line);width:62px;height:62px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.modal-mark.ok{background:var(--ok-soft);color:var(--ok);border-color:#1f7a434d}.toast{z-index:10001;background:var(--ink);max-width:min(420px,100vw - 32px);color:var(--paper);box-shadow:var(--shadow);border-radius:999px;padding:12px 18px;font-weight:650;animation:.22s card-in;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.toast.error{background:var(--danger)}.toast.ok{background:var(--ok)}.loader{min-height:60vh;color:var(--muted);place-items:center;gap:14px;display:grid}.loader-spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader-spinner{border-top-color:var(--accent);animation:none}}.lang-switch{background:#fffaf31f;border:1px solid #fffaf34d;border-radius:999px;gap:4px;padding:3px;display:inline-flex}.lang-switch button{color:#fffaf3bf;background:0 0;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:700}.lang-switch button.active{background:var(--paper);color:var(--ink)}.tracking-steps{gap:10px;display:grid}.tracking-step{background:var(--bg);color:var(--muted);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.tracking-step.done{background:var(--ok-soft);color:var(--ok);font-weight:700}.tracking-step.current{background:var(--accent-soft);color:var(--accent);font-weight:700}.tracking-step svg{flex:none}.payment-options{gap:12px;display:grid}.payment-option{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:16px;gap:3px;padding:16px;display:grid}.payment-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.payment-option:disabled{opacity:.5;cursor:not-allowed}.payment-option strong{align-items:center;gap:9px;font-size:1rem;display:flex}.payment-option strong svg{color:var(--accent);flex:none}.payment-option:disabled strong svg,.payment-option small{color:var(--muted)}.modal-dismissible>h2{padding-right:36px}.modal-card:focus{outline:none}.modal-card .lang-switch{background:var(--paper);border-color:var(--line)}.modal-card .lang-switch button{color:var(--ink);min-width:44px;min-height:44px}.modal-card .lang-switch button.active{background:var(--ink);color:var(--paper)}.toast{border-radius:14px;align-items:center;gap:16px;padding:10px 12px 10px 18px;display:flex}.toast button{width:44px;height:44px;color:inherit;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}
