.modal-overlay{background:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:10000;min-width:340px;max-width:420px;color:var(--foreground)}.modal-panel{padding:10px;background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--foreground) 10%,transparent) 0px,color-mix(in srgb,var(--foreground) 10%,transparent) 1.5px,transparent 1.5px,transparent 8px)}.modal-stripe-inner{background:var(--background);padding:32px 36px;position:relative}.modal-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-feint);margin-bottom:16px;display:flex;align-items:center;gap:8px}.modal-kicker:before{content:">";color:var(--accent)}.modal-title{font-family:var(--font-sans);font-size:22px;font-variation-settings:"opsz" 40,"wght" 680;letter-spacing:-.03em;margin:0 0 12px;color:var(--foreground)}.modal-body{color:var(--foreground-feint);font-size:14px;line-height:1.5;max-width:600px}.modal-body p{margin:0}.modal-controls{border-top:1px dashed color-mix(in srgb,var(--foreground) 14%,transparent);padding-top:20px;margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.modal-close{position:absolute;top:16px;right:16px;color:var(--foreground-feint);transition:color .15s;background:none;border:none;padding:4px;cursor:pointer}.modal-close:hover{color:var(--foreground)}@media(max-width:600px){.modal{min-width:0;max-width:calc(100vw - 32px)}.modal-stripe-inner{padding:24px 20px}}