.spn-root{--spn-bg: #ffffff;--spn-text: #1f2937;--spn-accent: #2563eb;--spn-accent-text: #ffffff;--spn-radius: 16px;--spn-muted: rgba(31, 41, 55, .72);--spn-line: rgba(31, 41, 55, .12);--spn-soft: rgba(37, 99, 235, .12);--spn-shadow: 0 24px 60px -16px rgba(15, 23, 42, .38), 0 4px 14px -4px rgba(15, 23, 42, .12);--spn-ease: cubic-bezier(.2, .9, .25, 1)}.spn-root,.spn-root *,.spn-root *:before,.spn-root *:after{box-sizing:border-box}.spn-wrap{position:fixed;z-index:2147483000;width:min(392px,calc(100vw - 32px));font-family:inherit;font-size:15px;line-height:1.5;color:var(--spn-text);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .42s var(--spn-ease),visibility 0s linear .42s}.spn-wrap.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease,transform .42s var(--spn-ease),visibility 0s}.spn-pos-bottom-right{right:24px;bottom:24px;transform:translateY(20px) scale(.98)}.spn-pos-bottom-left{left:24px;bottom:24px;transform:translateY(20px) scale(.98)}.spn-pos-bottom-right.is-open,.spn-pos-bottom-left.is-open{transform:none}.spn-pos-top-left{top:24px;left:24px;transform:translateY(-20px) scale(.98)}.spn-pos-top-right{top:24px;right:24px;transform:translateY(-20px) scale(.98)}.spn-pos-top-left.is-open,.spn-pos-top-right.is-open{transform:none}.spn-pos-top-center{top:24px;left:50%;transform:translate(-50%,-20px) scale(.98)}.spn-pos-top-center.is-open{transform:translate(-50%)}.spn-pos-center{top:50%;left:50%;transform:translate(-50%,-46%) scale(.97)}.spn-pos-center.is-open{transform:translate(-50%,-50%)}.spn-overlay{position:fixed;inset:0;z-index:2147482999;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s ease}.spn-overlay.is-open{opacity:1;pointer-events:auto}.spn-wrap.is-open.is-waiting{opacity:0;pointer-events:none}.spn-popcard{position:relative;background:var(--spn-bg);color:var(--spn-text);border:1px solid var(--spn-line);border-radius:var(--spn-radius);box-shadow:var(--spn-shadow);padding:20px 20px 18px;overflow:hidden}.spn-popcard:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--spn-accent);opacity:.9}.spn-close{position:absolute;top:10px;right:10px;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--spn-muted);box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.spn-close:hover,.spn-close:focus-visible{background:var(--spn-line);color:var(--spn-text)}.spn-head{display:flex;gap:14px;align-items:flex-start;padding-right:24px}.spn-icon{flex:0 0 48px;width:48px;height:48px;border-radius:calc(var(--spn-radius) * .75);background:var(--spn-soft);color:var(--spn-accent);display:flex;align-items:center;justify-content:center;overflow:hidden}.spn-icon img{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover}.spn-icon.is-success{background:var(--spn-accent);color:var(--spn-accent-text);animation:spn-pop .45s var(--spn-ease)}.spn-body{min-width:0}.spn-root .spn-title{margin:2px 0 4px;padding:0;font-size:16px;font-weight:650;line-height:1.32;letter-spacing:-.005em;color:var(--spn-text)}.spn-root .spn-text{margin:0;padding:0;font-size:14px;line-height:1.5;color:var(--spn-muted)}.spn-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.spn-root .spn-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:0;margin:0;padding:11px 18px;border:0;border-radius:calc(var(--spn-radius) * .6);box-shadow:none;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;transition:transform .12s ease,filter .15s ease,background .15s ease,color .15s ease}.spn-root .spn-btn:active{transform:translateY(1px)}.spn-root .spn-btn[disabled]{opacity:.65;cursor:default}.spn-root .spn-btn:focus-visible,.spn-close:focus-visible,.spn-bell:focus-visible{outline:2px solid var(--spn-accent);outline-offset:2px}.spn-root .spn-btn-primary{background:var(--spn-accent);color:var(--spn-accent-text)}.spn-root .spn-btn-primary:hover{filter:brightness(1.08)}.spn-root .spn-btn-ghost{background:transparent;color:var(--spn-muted)}.spn-root .spn-btn-ghost:hover{background:var(--spn-line);color:var(--spn-text)}.spn-msg{display:none;margin-top:12px;font-size:13px;color:var(--spn-muted)}.spn-msg.is-error{color:#c0362c}.spn-wrap.is-compact .spn-head{align-items:center}.spn-wrap.is-compact .spn-actions{display:none}.spn-bell{position:fixed;bottom:24px;z-index:2147482990;width:52px;height:52px;margin:0;padding:0;border:0;border-radius:50%;background:var(--spn-accent);color:var(--spn-accent-text);box-shadow:0 10px 28px -8px #0f172a73;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(.6);transition:opacity .25s ease,transform .35s var(--spn-ease),visibility 0s linear .35s}.spn-bell.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .35s var(--spn-ease),visibility 0s}.spn-bell.is-visible:hover{transform:scale(1.06)}.spn-bell-left{left:24px}.spn-bell-right{right:24px}.spn-bell-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2px solid var(--spn-bg);transform:scale(0);transition:transform .25s var(--spn-ease)}.spn-bell.is-subscribed .spn-bell-dot{transform:scale(1)}@keyframes spn-pop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}.spn-inline[hidden]{display:none!important}.spn-root.spn-inline{display:flex;align-items:center;gap:14px;margin:32px 0;padding:16px 18px;border:1px solid var(--spn-line);border-radius:var(--spn-radius);background:var(--spn-soft);color:var(--spn-text);font-family:inherit;line-height:1.45;text-align:left;transition:opacity .2s ease}.spn-inline.is-busy{opacity:.7}.spn-inline-icon{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--spn-accent);color:var(--spn-accent-text);display:flex;align-items:center;justify-content:center}.spn-inline-icon svg{width:20px;height:20px}.spn-root .spn-inline-text{flex:1 1 auto;margin:0;padding:0;font-size:15px;font-weight:500;color:var(--spn-text)}.spn-root .spn-inline-btn{flex:0 0 auto;white-space:nowrap}.spn-inline.is-subscribed .spn-inline-btn{font-size:13px;padding:8px 12px}@media(max-width:600px){.spn-pos-bottom-right,.spn-pos-bottom-left{left:12px;right:12px;bottom:12px;width:auto}.spn-pos-top-left,.spn-pos-top-right,.spn-pos-top-center{top:12px;left:12px;right:12px;width:auto;transform:translateY(-20px) scale(.98)}.spn-pos-top-left.is-open,.spn-pos-top-right.is-open,.spn-pos-top-center.is-open{transform:none}.spn-actions .spn-btn{flex:1 1 0}.spn-root.spn-inline{flex-wrap:wrap}.spn-root .spn-inline-text{flex-basis:calc(100% - 54px)}.spn-root .spn-inline-btn{flex:1 1 100%}.spn-bell{bottom:16px;width:48px;height:48px}.spn-bell-left{left:16px}.spn-bell-right{right:16px}}@media(prefers-reduced-motion:reduce){.spn-wrap,.spn-bell,.spn-overlay{transition-duration:.01s}.spn-icon.is-success{animation:none}}.spn-preview .spn-wrap{position:relative;inset:auto;width:100%;max-width:392px;margin:0 auto;opacity:1;visibility:visible;pointer-events:none;transform:none}.spn-preview .spn-bell{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;pointer-events:none}
