.wn-backdrop{-webkit-backdrop-filter:blur(6px);background:#0814229e}.wn{background:var(--p-surface);width:100%;max-width:540px;max-height:92dvh;color:var(--p-ink);animation:wn-pop .42s var(--p-ease) both;border-radius:28px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #08142259,0 2px 8px #0814221f}.wn-hero{text-align:center;color:#fff;background:radial-gradient(120% 140% at 15% 0,#3282b8 0%,#0f4c75 55%,#0b2f4a 100%);flex-direction:column;flex:none;align-items:center;gap:8px;padding:30px 24px 24px;display:flex;position:relative;overflow:hidden}.wn-hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffffff38,#0000);height:90%;position:absolute;inset:auto -20% -60%}.wn-badge{z-index:1;background:#ffffff2e;border:1px solid #ffffff59;border-radius:22px;place-items:center;width:68px;height:68px;font-size:2.1rem;animation:3.2s ease-in-out infinite wn-float;display:grid;position:relative;box-shadow:0 8px 24px #00000038,inset 0 1px #fff6}.wn .wn-hero .wn-version{z-index:1;letter-spacing:.06em;text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;padding:3px 12px;font-size:.74rem;font-weight:800;position:relative}.wn .wn-hero .wn-title{z-index:1;color:#fff;margin:2px 0 0;font-size:1.6rem;font-weight:800;line-height:1.15;position:relative}.wn .wn-hero .wn-sub{z-index:1;color:#ffffffdb;max-width:34ch;margin:0;font-size:.92rem;line-height:1.45;position:relative}.wn-spark{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;animation:3.6s ease-in-out infinite wn-twinkle;position:absolute}.wn-spark--1{animation-delay:.2s;top:22%;left:14%}.wn-spark--2{width:7px;height:7px;animation-delay:1.4s;top:16%;right:18%}.wn-spark--3{width:8px;height:8px;animation-delay:2.4s;bottom:24%;right:10%}.wn-list{flex-direction:column;flex:auto;gap:12px;min-height:0;margin:0;padding:18px 20px 6px;list-style:none;display:flex;overflow-y:auto}.wn-item{background:var(--p-surface-2);border:1px solid var(--p-line);animation:wn-in .5s var(--p-ease) both;animation-delay:var(--wn-delay,0s);border-radius:18px;align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.wn-icon{width:44px;height:44px;color:var(--wn-tone);background:var(--wn-tone-bg);border-radius:14px;flex:none;place-items:center;font-size:1.4rem;display:grid}.wn-text{flex-direction:column;gap:3px;min-width:0;display:flex}.wn-item-title{overflow-wrap:anywhere;font-size:1rem;font-weight:800}.wn-item-body{color:var(--p-ink-2);overflow-wrap:anywhere;font-size:.88rem;line-height:1.45}.wn-try{color:var(--wn-tone);align-self:flex-start;align-items:center;gap:4px;margin-top:4px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.wn-try:hover{text-decoration:underline}.wn-try:focus-visible{outline:2px solid var(--wn-tone);outline-offset:2px;border-radius:6px}.wn-actions{flex:none;padding:14px 20px 20px;display:flex}.wn-actions .wn-cta{justify-content:center;width:100%}@keyframes wn-pop{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}@keyframes wn-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wn-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes wn-twinkle{0%,to{opacity:0;transform:scale(.4)}45%,55%{opacity:.95;transform:scale(1.15)}}@media (max-width:400px){.wn-hero{padding:24px 16px 20px}.wn-title{font-size:1.35rem}.wn-list{padding:14px 14px 4px}.wn-item{gap:12px;padding:10px 12px}.wn-icon{width:40px;height:40px}.wn-actions{padding:12px 14px 16px}}@media (prefers-reduced-motion:reduce){.wn,.wn-item,.wn-badge,.wn-spark{animation:none}.wn-spark{opacity:0}}.wn-btn{border:1px solid var(--p-line);background:var(--p-surface);min-width:44px;height:44px;box-shadow:var(--p-shadow-sm);font:inherit;color:var(--p-primary);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.88rem;font-weight:700;transition:transform .15s,background .2s;display:inline-flex;position:relative}.wn-btn svg{color:var(--p-accent);font-size:1.25rem}.wn-btn:hover{background:var(--p-surface-2)}.wn-btn:active{transform:scale(.96)}.wn-btn:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.wn-btn-dot{background:var(--p-danger);width:10px;height:10px;box-shadow:0 0 0 2px var(--p-surface);border-radius:50%;position:absolute;top:6px;right:6px}@media (max-width:899px){.wn-btn{width:44px;padding:0}.wn-btn-label{display:none}}@media (prefers-reduced-motion:reduce){.wn-btn{transition:none}}