:root{--lux-gold-hi:#f7e7ad;--lux-gold:#c9a44c;--lux-gold-lo:#7d5f22;--lux-crimson-hi:#ff9a9a;--lux-crimson:#d9495f;--lux-crimson-lo:#6f1f2c}.luxe-backdrop{-webkit-backdrop-filter:blur(9px)saturate(118%);background:radial-gradient(120% 120% at 50% 28%,#1a182075,#08070aad)}.luxe-card{--lux-accent:var(--lux-gold);--lux-glint:var(--lux-gold-hi);border:1px solid color-mix(in oklab, var(--lux-accent) 42%, transparent);color:#f3eee2;background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--brand-primary,#1a1820) 30%, transparent), transparent 60%), linear-gradient(157deg, #1a1820 0%, #110f15 46%, #0b0a0d 100%);box-shadow:0 20px 52px -14px #000000c7, 0 6px 16px #00000080, 0 0 34px -12px color-mix(in oklab, var(--lux-accent) 60%, transparent), inset 0 1px 0 color-mix(in oklab, var(--lux-glint) 22%, transparent), inset 0 0 0 1px #ffffff05;border-radius:16px;animation:.42s cubic-bezier(.16,1,.3,1) both luxe-card-in;position:relative;overflow:hidden}.luxe-card--crimson{--lux-accent:var(--lux-crimson);--lux-glint:var(--lux-crimson-hi)}.luxe-card:before{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 0%, color-mix(in oklab, var(--lux-glint) 16%, transparent) 50%, transparent 100%);width:55%;animation:1.15s cubic-bezier(.25,.6,.3,1) .24s luxe-sheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-180%)skew(-12deg)}.luxe-card:after{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--lux-accent) 72%, transparent), transparent);height:1px;position:absolute;bottom:9px;left:24px;right:24px}@keyframes luxe-card-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes luxe-sheen{to{transform:translate(320%)skew(-12deg)}}@media (prefers-reduced-motion:reduce){.luxe-card{animation:none}.luxe-card:before{opacity:0;animation:none}}body{user-select:none;background-color:color-mix(in oklab, var(--brand-primary,black) 70%, black);width:100svw;height:100svh;margin:0;transition:opacity .35s ease-in-out;overflow:hidden}body.fade-out{opacity:0;pointer-events:none}iframe{border:none}#demo-badge{z-index:10002;pointer-events:none;color:#fff;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(12px);background:#000000d1;border:1px solid #ffffff26;border-radius:999px;padding:5px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0006,inset 0 1px #ffffff14}#alert-modal{color:#f3eee2;border-radius:18px;width:min(460px,92vw);max-width:460px;padding:30px 32px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;border:none!important}#alert-modal::backdrop{-webkit-backdrop-filter:blur(9px)saturate(118%);background:radial-gradient(120% 120% at 50% 28%,#1a182075,#08070ab3)}#alert-modal[open]{--lux-accent:var(--lux-gold);--lux-accent-hi:var(--lux-gold-hi);background:radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--brand-primary,#1a1820) 26%, transparent), transparent 60%), linear-gradient(157deg, #1a1820 0%, #110f15 46%, #0b0a0d 100%);box-shadow:0 32px 64px #000000b3, 0 0 0 1px color-mix(in oklab, var(--lux-accent) 38%, transparent), 0 0 40px -14px color-mix(in oklab, var(--lux-accent) 60%, transparent), inset 0 1px 0 color-mix(in oklab, var(--lux-accent-hi) 20%, transparent);margin:auto;animation:.42s cubic-bezier(.16,1,.3,1) both luxe-card-in;position:fixed;inset:0;&:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--lux-accent) 85%, transparent), transparent);height:2px;position:absolute;top:0;left:0;right:0}&:after{content:"";pointer-events:none;background:linear-gradient(105deg, transparent 0%, color-mix(in oklab, var(--lux-accent-hi) 14%, transparent) 50%, transparent 100%);width:55%;animation:1.2s cubic-bezier(.25,.6,.3,1) .24s luxe-sheen;position:absolute;top:0;bottom:0;left:0;transform:translate(-180%)skew(-12deg)}&.error{--lux-accent:var(--lux-crimson);--lux-accent-hi:var(--lux-crimson-hi)}&.warning{--lux-accent:var(--lux-gold);--lux-accent-hi:var(--lux-gold-hi)}& #alert-content{z-index:1;flex-direction:column;gap:18px;display:flex;position:relative;& h4{text-align:center;letter-spacing:.01em;background:linear-gradient(180deg, var(--lux-accent-hi) 0%, var(--lux-accent) 60%, color-mix(in oklab, var(--lux-accent) 70%, black) 100%);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;margin:0 0 6px;font-size:1.4rem;font-weight:700}& p{text-align:center;color:#e2dac8d1;margin:0;font-size:.98rem;line-height:1.55}& button{border:1px solid color-mix(in oklab, var(--lux-accent) 50%, transparent);cursor:pointer;color:var(--lux-accent-hi);letter-spacing:.04em;text-transform:uppercase;background:color-mix(in oklab, var(--lux-accent) 12%, transparent);border-radius:11px;outline:none;margin-top:10px;padding:13px 26px;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s;&:hover{background:color-mix(in oklab, var(--lux-accent) 24%, transparent);border-color:color-mix(in oklab, var(--lux-accent) 75%, transparent);color:#fff;transform:translateY(-1px)}&:active{transform:translateY(0)}}}}@media (prefers-reduced-motion:reduce){#alert-modal[open]{animation:none}#alert-modal[open]:after{opacity:0;animation:none}}
