.st-root{--st-dim:#0f172a75;--st-ring:hsl(var(--primary));--st-card:hsl(var(--card));--st-fg:hsl(var(--foreground));--st-mut:hsl(var(--muted-foreground));--st-bd:hsl(var(--border));z-index:9990;color:var(--st-fg);position:fixed;inset:0;overflow:hidden}.dark .st-root{--st-dim:#020617a8}.st-catch{position:absolute;inset:0}.st-blur{pointer-events:none;-webkit-backdrop-filter:blur(5px)saturate(.85);backdrop-filter:blur(5px)saturate(.85);background:var(--st-dim);position:absolute;top:0;left:0}.st-blur[data-lit]{background:0 0;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1)}.st-ring{pointer-events:none;box-shadow:0 0 0 3px var(--st-ring), 0 0 0 8px color-mix(in srgb, var(--st-ring) 28%, transparent), 0 0 0 9999px var(--st-dim);transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.22,1,.36,1) both st-ring-in;position:absolute;top:0;left:0}@keyframes st-ring-in{0%{opacity:0;scale:1.06}to{opacity:1;scale:1}}.st-card{z-index:1;border:1px solid var(--st-bd);background:var(--st-card);border-radius:22px;outline:none;width:min(380px,100vw - 32px);padding:16px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;box-shadow:0 24px 60px -18px #0f172a73,0 2px 8px #0f172a14}.dark .st-card{box-shadow:0 24px 60px -18px #000000bf,0 0 0 1px #ffffff0a}.st-card:focus,.st-card:focus-visible{outline:none}.st-card[data-place=sheet]{width:auto;max-height:46vh;transform:translateY(calc(100vh - 100% - max(12px, env(safe-area-inset-bottom))));transform:translateY(calc(100dvh - 100% - max(12px, env(safe-area-inset-bottom))));left:12px;right:12px;overflow-y:auto}.st-card:before{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed 55%,#db2777);border-radius:22px 22px 0 0;height:4px;position:absolute;inset:0 0 auto}.st-card-in{animation:.42s cubic-bezier(.22,1,.36,1) both st-card-in}@keyframes st-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.st-head{align-items:center;gap:8px;margin-top:2px;display:flex}.st-badge{color:hsl(var(--primary));background:color-mix(in srgb, hsl(var(--primary)) 11%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.st-badge svg{width:13px;height:13px}.st-count{font-variant-numeric:tabular-nums;color:var(--st-mut);margin-left:auto;font-size:12px;font-weight:700}.st-x{width:44px;height:44px;color:var(--st-mut);cursor:pointer;border-radius:12px;place-items:center;margin:-8px -8px -8px 0;display:inline-grid}.st-x:hover{color:var(--st-fg);background:color-mix(in srgb, var(--st-fg) 7%, transparent)}.st-x svg{width:18px;height:18px}.st-title-row{align-items:center;gap:12px;margin-top:10px;display:flex}.st-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed 60%,#db2777);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 10px 22px -10px #7c3aedb3}.st-icon svg{width:20px;height:20px}.st-title{letter-spacing:-.01em;font-size:17px;font-weight:800;line-height:1.25}.st-points{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.st-points li{animation:st-point-in .4s cubic-bezier(.22, 1, .36, 1) var(--d,0s) both;gap:9px;font-size:13.5px;line-height:1.45;display:flex}.st-points li svg{color:#fff;background:hsl(var(--primary));border-radius:999px;flex:none;width:16px;height:16px;margin-top:2px;padding:2px}@keyframes st-point-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.st-bar{gap:4px;margin-top:14px;display:flex}.st-bar i{background:var(--st-bd);border-radius:999px;flex:1;height:4px;transition:background-color .3s}.st-bar i[data-on]{background:linear-gradient(90deg,#2563eb,#7c3aed)}.st-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.st-skip{min-height:44px;color:var(--st-mut);cursor:pointer;border-radius:12px;padding:0 6px;font-size:13px;font-weight:700}.st-skip:hover{color:var(--st-fg);text-underline-offset:3px;text-decoration:underline}.st-nav{gap:8px;margin-left:auto;display:flex}.st-btn{border:1px solid var(--st-bd);min-height:44px;color:var(--st-fg);cursor:pointer;background:0 0;border-radius:13px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:800;transition:background-color .2s,transform .2s;display:inline-flex}.st-btn:hover{background:color-mix(in srgb, var(--st-fg) 6%, transparent)}.st-btn svg{width:16px;height:16px}.st-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;box-shadow:0 10px 22px -12px #4f46e5cc}.st-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#6d28d9);transform:translateY(-1px)}.st-x:focus-visible,.st-skip:focus-visible,.st-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.st-root[data-motion=off] .st-blur,.st-root[data-motion=off] .st-ring,.st-root[data-motion=off] .st-card,.st-root[data-motion=off] .st-card-in,.st-root[data-motion=off] .st-points li,.st-root[data-motion=off] .st-bar i{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.st-ring,.st-card,.st-card-in,.st-points li,.st-bar i,.st-btn,.st-blur{transition:none;animation:none}.st-btn-primary:hover{transform:none}}