.wn-btn{position:relative}.wn-btn svg{width:18px;height:18px}.wn-btn-ai{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .6);width:44px;height:44px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:12px;place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.wn-btn-ai:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.wn-btn:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.wn-dot{width:9px;height:9px;box-shadow:0 0 0 2px hsl(var(--card));background:#db2777;border-radius:999px;position:absolute;top:7px;right:7px}.wn-dot:after{content:"";opacity:0;border:2px solid #db2777;border-radius:999px;animation:1.6s ease-out 2 wn-ping;position:absolute;inset:-4px}@keyframes wn-ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.wn-root{z-index:9980;color:hsl(var(--foreground));position:fixed;inset:0}.wn-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a66;animation:.3s both wn-fade;position:absolute;inset:0}.dark .wn-scrim{background:#02061799}.wn-panel{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:26px;outline:none;flex-direction:column;width:min(440px,100vw - 24px);animation:.6s cubic-bezier(.34,1.2,.64,1) both wn-slide;display:flex;position:absolute;top:12px;bottom:12px;right:12px;overflow:hidden;box-shadow:-30px 0 80px -30px #0f172a99}@keyframes wn-slide{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@keyframes wn-sheet{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:none}}@keyframes wn-fade{0%{opacity:0}to{opacity:1}}.wn-root [data-tone]{--wn-a:#60a5fa;--wn-b:#2563eb;--wn-c:#1d4ed8;--wn-d:#7c3aed}.wn-root [data-tone=violet]{--wn-a:#a78bfa;--wn-b:#7c3aed;--wn-c:#6d28d9;--wn-d:#db2777}.wn-root [data-tone=emerald]{--wn-a:#34d399;--wn-b:#059669;--wn-c:#047857;--wn-d:#0d9488}.wn-root [data-tone=amber]{--wn-a:#fbbf24;--wn-b:#d97706;--wn-c:#b45309;--wn-d:#ea580c}.wn-root [data-tone=rose]{--wn-a:#fb7185;--wn-b:#e11d48;--wn-c:#be123c;--wn-d:#db2777}.wn-root [data-tone=cyan]{--wn-a:#22d3ee;--wn-b:#0891b2;--wn-c:#0e7490;--wn-d:#2563eb}.wn-3d{color:#fff;background:linear-gradient(150deg, var(--wn-a), var(--wn-b));width:40px;height:40px;box-shadow:inset 0 1.5px 0 #ffffff80, inset 0 -3px 0 #00000026, 0 2px 0 var(--wn-c), 0 10px 18px -8px var(--wn-b);border-radius:13px;flex:none;place-items:center;display:inline-grid;position:relative}.wn-3d:after{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:10px 10px 7px 7px;height:46%;position:absolute;top:2px;left:3px;right:3px}.wn-3d svg{z-index:1;width:19px;height:19px;position:relative}.wn-head{padding:max(18px, env(safe-area-inset-top)) 18px 14px;align-items:center;gap:12px;display:flex}.wn-head-tile{background:linear-gradient(140deg,#8b5cf6,#db2777);border-radius:16px;width:48px;height:48px;animation:.9s cubic-bezier(.34,1.56,.64,1) .45s both wn-wiggle;box-shadow:inset 0 1.5px #ffffff80,inset 0 -3px #00000026,0 2px #9d174d,0 10px 18px -8px #db2777}.wn-head-tile svg{width:24px;height:24px}@keyframes wn-wiggle{0%{rotate:0deg;scale:.6}40%{rotate:-14deg;scale:1.1}65%{rotate:10deg}to{rotate:0deg;scale:1}}.wn-h{letter-spacing:-.02em;font-size:21px;font-weight:850}.wn-sub{color:hsl(var(--muted-foreground));font-size:13.5px}.wn-x{border:1px solid hsl(var(--border));background:hsl(var(--card));width:44px;height:44px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:14px;flex:none;place-items:center;margin-left:auto;display:inline-grid}.wn-x:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.wn-x svg{width:20px;height:20px}.wn-seg{border:1px solid hsl(var(--border));background:hsl(var(--muted) / .6);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 18px 12px;padding:4px;display:grid}.wn-seg button{min-height:44px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:750;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.wn-seg button[aria-pressed=true]{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:0 1px 0 hsl(var(--border)), 0 6px 14px -8px #0f172a4d}.wn-count{color:#fff;background:#db2777;border-radius:999px;min-width:20px;padding:1px 7px;font-size:12px;font-weight:800}.wn-x:focus-visible,.wn-try:focus-visible,.wn-seg button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.wn-scroll{overscroll-behavior:contain;min-height:0;padding:4px 18px max(18px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.wn-list{margin:0;padding:0;list-style:none}.wn-card{--i:0}.wn-card[data-big]{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:22px;animation:.6s cubic-bezier(.16,1,.3,1) .25s both wn-rise;overflow:hidden;box-shadow:0 14px 28px -16px #1e295a59}.wn-card[data-big] .wn-body{gap:6px;padding:14px 16px 16px}.wn-card[data-big] .wn-title{font-size:17px}.wn-card[data-big] .wn-summary{font-size:14px}.wn-art{color:#fff;background:linear-gradient(135deg, var(--wn-b), var(--wn-d));place-items:center;height:150px;display:grid;position:relative;overflow:hidden}.wn-art:before{content:"";background-image:radial-gradient(#ffffff2e 1.2px,#0000 1.4px);background-size:18px 18px;position:absolute;inset:0}.wn-orb{background:#ffffff24;border-radius:999px;width:180px;height:180px;position:absolute;top:-70px;right:-50px}.wn-orb-2{width:120px;height:120px;inset:auto auto -60px -40px}.wn-glass{background:#fff3;border-radius:24px;place-items:center;width:78px;height:78px;animation:2.4s ease-in-out .6s 2 alternate wn-float;display:grid;position:relative;box-shadow:inset 0 1.5px #fff9,inset 0 -4px #0000001f,0 18px 30px -12px #0006}.wn-glass svg{width:38px;height:38px}@keyframes wn-float{to{translate:0 -8px}}.wn-spark{opacity:0;width:18px;height:18px;animation:1.2s ease-out both wn-spark;position:absolute}.wn-spark:first-of-type{animation-delay:.7s;top:22%;left:22%}.wn-spark:nth-of-type(2){animation-delay:.85s;top:18%;right:24%}.wn-spark:nth-of-type(3){animation-delay:1s;bottom:16%;right:30%}.wn-spark:nth-of-type(4){animation-delay:1.1s;bottom:20%;left:28%}@keyframes wn-spark{0%{opacity:0;scale:.2}40%{opacity:1;scale:1.15}to{opacity:.7;scale:1}}.wn-day{flex-direction:column;gap:12px;display:flex}.wn-day-h{letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--muted-foreground));align-items:center;gap:10px;font-size:12.5px;font-weight:800;display:flex}.wn-day-h svg{width:16px;height:16px}.wn-day-h:after{content:"";background:hsl(var(--border));flex:1;height:1px}.wn-line{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;position:relative}.wn-line:before,.wn-line:after{content:"";background:hsl(var(--border));border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:19px}.wn-line:after{transform-origin:top;background:linear-gradient(#2563eb,#7c3aed,#10b981);animation:1.2s cubic-bezier(.65,0,.35,1) .5s both wn-draw}@keyframes wn-draw{0%{scale:1 0}}.wn-line .wn-card{z-index:1;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;display:grid;position:relative}.wn-line .wn-tile{box-shadow:0 0 0 5px hsl(var(--background)), inset 0 1.5px 0 #ffffff80, inset 0 -3px 0 #00000026, 0 10px 18px -8px var(--wn-b);animation:wn-pop .5s cubic-bezier(.34, 1.56, .64, 1) calc(.55s + var(--i) * .15s) both}.wn-line .wn-body{border:1px solid hsl(var(--border));background:hsl(var(--card));animation:wn-rise .55s cubic-bezier(.16, 1, .3, 1) calc(.6s + var(--i) * .15s) both;border-radius:18px;padding:12px 14px 6px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.wn-line .wn-body:hover{transform:translate(3px);box-shadow:0 14px 28px -16px #1e295a59}@keyframes wn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wn-pop{0%{opacity:0;scale:.4}}.wn-body{flex-direction:column;gap:4px;min-width:0;display:flex}.wn-meta{color:hsl(var(--muted-foreground));align-items:center;gap:8px;font-size:12.5px;font-weight:750;display:flex}.wn-new{color:#fff;letter-spacing:.06em;background:#db2777;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:relative;overflow:hidden}.wn-new:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:1.2s .9s both wn-sheen;position:absolute;inset:0;translate:-120%}@keyframes wn-sheen{to{translate:120%}}.wn-title{letter-spacing:-.01em;font-size:15px;font-weight:850;line-height:1.3}.wn-summary{color:hsl(var(--muted-foreground));font-size:13.5px;line-height:1.5}.wn-try{color:#fff;background:linear-gradient(120deg,#2563eb,#7c3aed);border-radius:14px;align-items:center;gap:6px;width:fit-content;min-height:44px;margin-top:6px;padding:0 16px;font-size:14px;font-weight:800;transition:transform .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 4px #3730a3}.wn-try:hover{transform:translateY(-1px)}.wn-try svg{width:16px;height:16px;transition:translate .25s}.wn-try-text{box-shadow:none;color:#1d4ed8;background:0 0;margin-top:0;padding:0 4px}.dark .wn-try-text{color:#93c5fd}.wn-try-text:hover{transform:none}.wn-try-text:hover svg{translate:3px}.wn-done{border:1px dashed hsl(var(--border));color:hsl(var(--muted-foreground));border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;animation:.5s 1.2s both wn-rise;display:flex}.wn-done svg{color:#059669;width:20px;height:20px}.wn-empty{text-align:center;color:hsl(var(--muted-foreground));flex-direction:column;align-items:center;gap:10px;padding:40px 10px;font-size:14.5px;display:flex}.wn-empty b{color:hsl(var(--foreground))}.wn-empty .wn-3d{border-radius:18px;width:56px;height:56px;animation:.5s cubic-bezier(.34,1.56,.64,1) both wn-pop}.wn-empty .wn-3d svg{width:26px;height:26px}@media (max-width:699.98px){.wn-panel{border-width:1px 0 0;border-radius:26px 26px 0 0;width:auto;animation-name:wn-sheet;inset:40px 0 0}.wn-panel:before{content:"";background:hsl(var(--border));border-radius:5px;width:40px;height:5px;margin-left:-20px;position:absolute;top:8px;left:50%}.wn-head{padding-top:24px}.wn-art{height:128px}}.sd-new{letter-spacing:.05em;color:#fff;background:#db2777;border-radius:999px;flex:none;margin-left:auto;padding:2px 7px;font-size:9.5px;font-weight:800}.sd-new-dot{width:8px;height:8px;box-shadow:0 0 0 2px hsl(var(--card));background:#db2777;border-radius:999px;position:absolute;top:4px;right:4px}@media (prefers-reduced-motion:reduce){.wn-dot:after,.wn-scrim,.wn-panel,.wn-card,.wn-head-tile,.wn-glass,.wn-spark,.wn-new:after,.wn-line:after,.wn-line .wn-tile,.wn-line .wn-body,.wn-card[data-big],.wn-done,.wn-empty .wn-3d{animation:none}.wn-spark{opacity:.7}.wn-try:hover,.wn-line .wn-body:hover{transform:none}.wn-btn-ai,.wn-try,.wn-try svg,.wn-seg button,.wn-line .wn-body{transition:none}}