.cf-layer{--tk:37 99 235;--tk2:124 58 237;z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0f172a73;place-items:center;padding:16px;animation:.2s both cf-fade;display:grid;position:fixed;inset:0}.dark .cf-layer{background:#0000009e}.cf-layer[data-tone=danger]{--tk:244 63 94;--tk2:220 38 38}.cf-layer[data-tone=warning]{--tk:245 158 11;--tk2:234 88 12}.cf-box{width:min(440px,100%);color:hsl(var(--foreground));border:1px solid rgb(var(--tk) / .26);background:radial-gradient(120% 120% at 0% 0%, rgb(var(--tk) / .12), transparent 55%), hsl(var(--card));box-shadow:0 1px 0 #fffc inset, 0 40px 80px -30px #0f172a8c, 0 18px 40px -24px rgb(var(--tk) / .55);border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:14px 16px;padding:22px;animation:.42s cubic-bezier(.22,1.2,.36,1) both cf-rise;display:grid;position:relative;overflow:hidden}.dark .cf-box{border-color:rgb(var(--tk) / .34);background:radial-gradient(120% 120% at 0% 0%, rgb(var(--tk) / .2), transparent 58%), hsl(var(--card));box-shadow:0 1px 0 #ffffff12 inset, 0 40px 80px -24px #000000e6, 0 18px 40px -22px rgb(var(--tk) / .55)}.cf-box:before{content:"";background:linear-gradient(90deg, rgb(var(--tk)), rgb(var(--tk2)));height:3px;position:absolute;top:0;left:0;right:0}.cf-icon{color:#fff;background:linear-gradient(145deg, rgb(var(--tk)), rgb(var(--tk2)));width:48px;height:48px;box-shadow:0 1px 0 #ffffff73 inset, 0 -3px 0 #00000024 inset, 0 12px 22px -10px rgb(var(--tk) / .8);border-radius:15px;place-items:center;animation:.55s cubic-bezier(.34,1.56,.64,1) 80ms both cf-pop;display:grid;position:relative}.cf-icon:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:13px 13px 8px 8px;position:absolute;inset:2px 2px 50%}.cf-icon svg{stroke-width:2.1px;filter:drop-shadow(0 1px 1px #0003);width:23px;height:23px;position:relative}.cf-text{flex-direction:column;align-self:center;gap:6px;display:flex}.cf-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800;line-height:1.3}.cf-body{color:hsl(var(--muted-foreground));margin:0;font-size:14px;line-height:1.5}.cf-actions{border-top:1px solid hsl(var(--border));grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:14px;display:flex}.cf-btn{cursor:pointer;border-radius:13px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background-color .2s}.cf-cancel{color:hsl(var(--foreground));background:hsl(var(--muted));border:1px solid hsl(var(--border))}.cf-cancel:hover{background:hsl(var(--accent))}.cf-ok{color:#fff;background:linear-gradient(145deg, rgb(var(--tk)), rgb(var(--tk2)));box-shadow:0 1px 0 #ffffff59 inset, 0 -2px 0 #00000026 inset, 0 10px 20px -10px rgb(var(--tk) / .9);border:0}.cf-ok:hover{box-shadow:0 1px 0 #ffffff59 inset, 0 -2px 0 #00000026 inset, 0 14px 26px -10px rgb(var(--tk) / .9);transform:translateY(-1px)}.cf-btn:active{transform:translateY(1px)scale(.98)}.cf-btn:focus-visible{outline:2px solid rgb(var(--tk));outline-offset:3px}@keyframes cf-fade{0%{opacity:0}}@keyframes cf-rise{0%{opacity:0;transform:perspective(900px)rotateX(14deg)translateY(18px)scale(.96)}}@keyframes cf-pop{0%{opacity:0;transform:perspective(300px)rotateX(55deg)scale(.6)}}@media (max-width:479.98px){.cf-box{border-radius:20px;gap:12px 14px;padding:18px}.cf-icon{border-radius:13px;width:42px;height:42px}.cf-actions>.cf-btn{flex:1}}@media (prefers-reduced-motion:reduce){.cf-layer,.cf-box,.cf-icon{animation:none}.cf-btn{transition:none}}