.cl-submodal-overlay{z-index:10010;padding:var(--space-md);-webkit-backdrop-filter:blur(6px);background:#030308b8;justify-content:center;align-items:center;animation:.16s ease-out cl-submodal-fade;display:flex;position:fixed;inset:0}.cl-submodal-card{width:100%;max-width:32rem;max-height:calc(100dvh - 2 * var(--space-md));padding:var(--space-xl) var(--space-lg) var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-medium);text-align:center;border-radius:14px;animation:.52s step-end both cl-submodal-glitch-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.cl-submodal-card--closing{animation:.36s step-end both cl-submodal-glitch-out}.cl-submodal-overlay--closing{animation:.36s ease-in both cl-submodal-fade-out}.cl-submodal-close{width:2rem;height:2rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:color .12s,background .12s;display:flex;position:absolute;top:.6rem;right:.75rem}.cl-submodal-close:hover{color:var(--text-primary);background:var(--bg-glass-hover)}.cl-submodal-eyebrow{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent)}.cl-submodal-title{margin:0 0 var(--space-sm);font-family:var(--font-body);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--text-primary);animation:.52s step-end both cl-submodal-aberrate}.cl-submodal-card--closing .cl-submodal-title{animation:.36s step-end both cl-submodal-aberrate}.cl-submodal-body{margin:0 auto var(--space-lg);max-width:27rem;font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-secondary)}.cl-submodal-form{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.cl-submodal-input{min-width:0;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border-medium);border-radius:10px;flex:14rem;padding:.7rem 1rem;transition:border-color .12s,background .12s}.cl-submodal-input::placeholder{color:var(--text-tertiary)}.cl-submodal-input:focus{border-color:var(--text-accent);background:var(--bg-glass-hover);outline:none}.cl-submodal-btn{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--bg-deep);background:var(--text-accent);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:none;padding:.7rem 1.4rem;font-weight:600;transition:transform .12s,background .12s}.cl-submodal-btn:hover{background:#a3b1f9}.cl-submodal-btn:active{transform:translateY(1px)}.cl-submodal-btn:disabled{opacity:.6;cursor:default}.cl-submodal-success{margin:var(--space-sm) 0 0;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-accent)}.cl-submodal-error{margin:var(--space-sm) 0 0;font-family:var(--font-ui);font-size:var(--text-xs);color:#f78b8b}.cl-submodal-dismiss{margin-top:var(--space-md);font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:.02em;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;transition:color .12s;display:inline-block}.cl-submodal-dismiss:hover{color:var(--text-secondary)}@media (max-width:30rem){.cl-submodal-card{padding:var(--space-lg) var(--space-md) var(--space-md)}.cl-submodal-form{flex-direction:column;align-items:stretch}.cl-submodal-input,.cl-submodal-btn{flex:auto;width:100%}.cl-submodal-btn{padding:.85rem 1.4rem}}@media (pointer:coarse){.cl-submodal-close{width:2.75rem;height:2.75rem}}@keyframes cl-submodal-fade{0%{opacity:0}to{opacity:1}}@keyframes cl-submodal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes cl-submodal-glitch-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(10px)}8%{opacity:1;clip-path:inset(0 0 62%);transform:translate(-7px)}16%{clip-path:inset(38% 0 20%);transform:translate(8px)}24%{clip-path:inset(8% 0 64%);transform:translate(-5px)}32%{opacity:.82;clip-path:inset(64% 0 8%);transform:translate(6px)}40%{clip-path:inset(22% 0 30%);transform:translate(-3px)}52%{opacity:1;clip-path:inset(0);transform:translate(3px)skew(2deg)}64%{transform:translate(-2px)skew(-1.5deg)}78%{transform:translate(1px)skew(.5deg)}to{opacity:1;clip-path:inset(0);transform:none}}@keyframes cl-submodal-glitch-out{0%{opacity:1;clip-path:inset(0);transform:none}18%{clip-path:inset(0 0 55%);transform:translate(6px)skew(1deg)}36%{clip-path:inset(46% 0 12%);opacity:.9;transform:translate(-9px)}54%{clip-path:inset(18% 0 44%);opacity:.55;transform:translate(7px)}72%{clip-path:inset(72% 0 0);opacity:.4;transform:translate(-4px)skew(-2deg)}to{opacity:0;clip-path:inset(0 0 100%);transform:translateY(12px)scale(.99)}}@keyframes cl-submodal-aberrate{0%,to{text-shadow:none}10%{text-shadow:-2px 0 #ff2e63,2px 0 #00e0ff}22%{text-shadow:3px 0 #ff2e63,-3px 0 #00e0ff}34%{text-shadow:-2px 0 #ff2e63,2px 0 #00e0ff}50%{text-shadow:1px 0 #ff2e63,-1px 0 #00e0ff}}@media (prefers-reduced-motion:reduce){.cl-submodal-card{animation:.16s ease-out both cl-submodal-fade}.cl-submodal-card--closing{animation:.16s ease-in both cl-submodal-fade-out}.cl-submodal-title,.cl-submodal-card--closing .cl-submodal-title{animation:none}}