.nx{--nx-face:color-mix(in srgb, #f0f0f4 78%, var(--bg));--nx-rim-floor:#0a0a0b0d;--nx-edge:0 1px 0 #0000000a, 0 6px 14px -8px #0003;flex-direction:column;gap:8px;display:flex}@media (prefers-color-scheme:dark){.nx:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--nx-face:color-mix(in srgb, #28282c 78%, var(--bg));--nx-rim-floor:#ffffff14;--nx-edge:0 1px 0 #0000008c, 0 8px 18px -8px #000c}}.nx:where(:root[data-theme=dark],:root[data-theme=dark] *){--nx-face:color-mix(in srgb, #28282c 78%, var(--bg));--nx-rim-floor:#ffffff14;--nx-edge:0 1px 0 #0000008c, 0 8px 18px -8px #000c}.nx-list{flex-direction:column;gap:10px;display:flex}.nx-filters{align-self:flex-start;max-width:100%;margin-bottom:4px}.nx-day{font:700 18px/1.2 var(--font);letter-spacing:-.01em;margin:18px 4px 2px}.nx-list>.nx-day:first-child{margin-top:6px}.nx-row{--nx-ground:var(--nx-face);background:var(--glass-sheen), linear-gradient(var(--glass-tint-words), var(--glass-tint-words)), linear-gradient(var(--bg), var(--bg)), var(--glass-rim), linear-gradient(var(--nx-rim-floor), var(--nx-rim-floor));min-height:66px;box-shadow:var(--glass-shadow);color:var(--fg);transition:opacity .24s var(--ease), transform .24s var(--ease), box-shadow .24s var(--ease);background-origin:border-box;background-clip:padding-box,padding-box,padding-box,border-box,border-box,border-box;border:1px solid #0000;border-radius:22px;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"art words end";align-items:center;column-gap:12px;padding:12px 14px;display:grid;position:relative}.nx-row:before{content:"";border-radius:inherit;background:color-mix(in srgb, var(--fg) 5%, transparent);opacity:0;pointer-events:none;transition:opacity .18s var(--ease);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.nx-row:hover{--nx-ground:color-mix(in srgb, var(--nx-face), var(--fg) 5%)}.nx-row:hover:before{opacity:1}}.nx-row>.nx-art{grid-area:art}.nx-words{flex-direction:column;grid-area:words;align-items:flex-start;gap:2px;min-width:0;display:flex}.nx-end{flex-direction:column;grid-area:end;align-items:flex-end;gap:8px;margin-left:4px;display:flex}.nx-end>*{z-index:1;position:relative}@media (width<=640px){.nx-row{grid-template-areas:"art words when"".act act"}.nx-end{display:contents}.nx-end>.nx-when{grid-area:when;margin-left:4px}.nx-end>.nx-act{grid-area:act;justify-self:start;margin-top:8px}}.nx-row.held{transform:scale(.98)}.nx-hit{z-index:0;border-radius:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.nx-hit:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nx-row>:not(.nx-hit){z-index:1;pointer-events:none;position:relative}.nx-row>.nx-more,.nx-act{pointer-events:auto}.nx-row.skeleton{height:68px;min-height:0;box-shadow:none;background:linear-gradient(90deg, var(--tile) 25%, color-mix(in srgb, var(--tile), var(--fg) 4%) 50%, var(--tile) 75%);background-size:200% 100%;border-radius:22px;animation:1.4s linear infinite shimmer}.nx-art{background:var(--tile);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ring);border-radius:10px;flex:none;position:relative}.nx-art>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.nx-art.nx-face{background:var(--face-bg);border-radius:50%}.nx-art.nx-item{background:radial-gradient(120% 90% at 50% 20%, color-mix(in srgb, var(--fg) 3%, var(--bg)), color-mix(in srgb, var(--fg) 9%, var(--bg)))}.nx-art.nx-item img{object-fit:contain;padding:5px}.nx-art.nx-pack{box-shadow:none;background:0 0}.nx-art.nx-pack>img{object-fit:contain;filter:drop-shadow(0 5px 6px #00000047);width:auto;height:56px;transition:transform .24s var(--ease);border-radius:0;position:absolute;inset:auto auto 50% 50%;transform:translate(-50%,50%)rotate(-9deg)}.nx-row:has(>.nx-art.nx-pack):after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#ffb84d29,#ff78c814 40%,#ff78c800 70%);position:absolute;inset:0}.nx-art.nx-pack:after{content:"";width:37px;height:56px;transition:transform .24s var(--ease);pointer-events:none;background:linear-gradient(105deg,#0000 36%,#fff 50%,#0000 64%) 150% 0/300% 100% no-repeat;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)rotate(-9deg);-webkit-mask:url(/cards/og-pack-mini.png) 50%/contain no-repeat;mask:url(/cards/og-pack-mini.png) 50%/contain no-repeat}@media (prefers-reduced-motion:no-preference){.nx-art.nx-pack:after{animation:5.6s ease-in-out 1.2s infinite nx-pack-glint}}@keyframes nx-pack-glint{0%,72%{background-position:150% 0}92%,to{background-position:-50% 0}}@media (hover:hover){.nx-row:hover .nx-art.nx-pack>img,.nx-row:hover .nx-art.nx-pack:after{transform:translate(-50%,50%)rotate(0)scale(1.06)}}.nx-art.nx-brand{background:var(--tile-solid);place-items:center;display:grid}.nx-r{width:26px;height:26px}.nx-mark{--nx-tone:color-mix(in srgb, var(--fg) 48%, var(--nx-face));z-index:1;background:linear-gradient(180deg, #ffffff47, #fff0 60%), var(--nx-tone);width:20px;height:20px;box-shadow:0 0 0 2px var(--nx-ground,var(--bg)), 0 2px 5px 1px #00000047;color:#fff;transition:box-shadow .18s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.nx-mark svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.nx-mark.gold{--nx-tone:color-mix(in srgb, var(--star), #ff8000 45%)}.nx-mark.up{--nx-tone:var(--up)}.nx-mark.down{--nx-tone:var(--down)}.nx-mark.blue{--nx-tone:var(--accent)}.nx-mark.violet{--nx-tone:#8b5cf6}.nx-art.bare:has(>.nx-mark){background:color-mix(in srgb, var(--nx-face), var(--fg) 4%)}.nx-art.bare .nx-mark{border-radius:inherit;background:color-mix(in srgb, var(--nx-tone) 20%, transparent);width:auto;height:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nx-tone) 30%, transparent);color:var(--nx-tone);inset:0}.nx-art.bare .nx-mark svg{stroke-width:1.9px;width:21px;height:21px}.nx-app{z-index:1;width:20px;height:20px;box-shadow:0 0 0 2px var(--nx-ground,var(--bg)), 0 2px 5px 1px #00000047;transition:box-shadow .18s var(--ease);border-radius:6px;position:absolute;bottom:-4px;right:-4px}.nx-app .pagemark{border-radius:inherit;width:100%;height:100%;box-shadow:none}.nx-art.bare:has(>.nx-app){box-shadow:none;background:0 0;border-radius:10px}.nx-art.bare>.nx-app{border-radius:inherit;width:auto;height:auto;box-shadow:none;inset:0}.nx-title{min-width:0;font:600 15px/1.3 var(--font);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nx-body{font:400 15px/1.33 var(--font);color:color-mix(in srgb, var(--fg) 86%, var(--nx-face));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.nx-from{max-width:100%;font:500 13px/18px var(--font);color:var(--muted);cursor:pointer;pointer-events:auto;transition:color .18s var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:6px;margin:3px 0 0;padding:0;display:inline-flex}.nx-from img{object-fit:cover;border-radius:4px;flex:none;width:16px;height:16px}.nx-from.round img{border-radius:50%}.nx-from-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nx-from-bell svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}.nx-from-bell svg .fill{fill:currentColor}@media (hover:hover){.nx-from:hover{color:var(--fg)}}.nx-from:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.nx-body .nx-now{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600}.nx-up,.nx-down{font-variant-numeric:tabular-nums;font-weight:600}.nx-up{color:var(--up)}.nx-down{color:var(--down)}.nx-trail{--nx-tone:var(--gold);font:600 12px/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;row-gap:6px;margin-top:6px;display:flex}.nx-trail[data-tone=up]{--nx-tone:var(--up)}.nx-trail[data-tone=down]{--nx-tone:var(--down)}.nx-trail[data-tone=blue],.nx-trail[data-tone=plain]{--nx-tone:var(--accent)}.nx-step{color:var(--fg);align-items:center;gap:5px;display:inline-flex}.nx-step+.nx-step:before{content:"";background:var(--line);border-radius:1px;width:14px;height:2px;margin:0 6px 0 1px}.nx-step i{background:var(--nx-tone);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--nx-tone) 18%, transparent);border-radius:50%}.nx-step:last-of-type>span{color:var(--nx-tone)}.nx-more-steps{margin-right:6px}.nx-trail em{margin-left:8px;font-style:normal;font-weight:500}.nx-trail.play .nx-step i{animation:nx-lit .52s var(--spring) backwards;animation-delay:calc(.2s + var(--s) * .24s)}.nx-trail.play .nx-step>span{animation:nx-word .52s var(--ease) backwards;animation-delay:calc(.2s + var(--s) * .24s)}@keyframes nx-lit{0%{background:var(--line);box-shadow:none;transform:scale(.4)}}@keyframes nx-word{0%{color:var(--muted)}}.nx-when{font:500 13px/1 var(--font);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;transition:opacity .18s var(--ease);flex:none;align-items:center;gap:6px;display:inline-flex}.nx-row.new .nx-when:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.btn.nx-more{opacity:0;transition:opacity .18s var(--ease), background-color .18s var(--ease);position:absolute;top:7px;right:7px}.btn.nx-more svg{width:18px;height:18px}.btn.nx-more:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.nx-row:hover>.btn.nx-more{opacity:1}}.nx-row:has(>.nx-more:focus-visible) .nx-when{opacity:0}@media (hover:hover) and (pointer:fine){.nx-row:has(>.nx-more):hover .nx-when{opacity:0}}@media (pointer:coarse){.btn.nx-more{display:none}}.nx-group.quiet .nx-row{opacity:.45}.nx-cards{flex-direction:column;gap:10px;display:flex;position:relative}.nx-stack:not(.open) .nx-cards{margin-bottom:calc(var(--plates) * 10px)}.nx-stack[data-plates="1"]{--plates:1}.nx-stack[data-plates="2"]{--plates:2}.nx-stack .nx-cards>.nx-row{z-index:calc(40 - var(--i))}.nx-stack:not(.open) .nx-cards>.nx-row:is(:first-child,[data-p="1"]){box-shadow:var(--glass-shadow), var(--nx-edge)}.nx-stack .nx-cards>.nx-row:after{content:"";z-index:2;border-radius:inherit;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .28s var(--ease);position:absolute;inset:-1px}.nx-stack:not(.open) .nx-cards>.nx-row[data-p="1"]:after{opacity:.32}.nx-stack:not(.open) .nx-cards>.nx-row[data-p="2"]:after{opacity:.58}.nx-stack:not(.open) .nx-cards>.nx-row:not(:first-child){top:calc(var(--p) * 10px);right:calc(var(--p) * 13px);bottom:calc(var(--p) * -10px);left:calc(var(--p) * 13px);z-index:calc(40 - var(--p));pointer-events:none;min-height:0;transition:top .24s var(--ease), bottom .24s var(--ease), box-shadow .24s var(--ease);position:absolute;overflow:hidden}.nx-stack:not(.open) .nx-cards>.nx-deep{opacity:0}.nx-stack .nx-cards>.nx-row>*,.nx-stack .nx-cards>.nx-row>.nx-end>*{transition:opacity .24s var(--ease) 90ms}.nx-stack:not(.open) .nx-cards>.nx-row:not(:first-child)>*,.nx-stack:not(.open) .nx-cards>.nx-row:not(:first-child)>.nx-end>*{opacity:0;transition-duration:.12s;transition-delay:0s}@media (hover:hover){.nx-stack:not(.open):hover .nx-cards>.nx-row:not(:first-child){top:calc(var(--p) * 13px);bottom:calc(var(--p) * -13px)}}.nx-stack-head{opacity:0;visibility:hidden;pointer-events:none;min-height:36px;transition:opacity .16s var(--ease), visibility 0s linear .16s;justify-content:space-between;align-items:center;gap:12px;padding:0 0 0 4px;display:flex;position:absolute;top:0;left:0;right:0}.nx-stack{isolation:isolate;position:relative}.nx-stack.open .nx-stack-head{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s var(--ease) 80ms, visibility 0s;margin-bottom:8px;position:relative}.nx-stack-head h3{font:700 17px/1.2 var(--font);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.nx-less{flex:none}.nx-empty{text-align:center;justify-items:center;gap:6px;padding:10px 0 8px;display:grid}.nx-empty b{font:700 18px/1.2 var(--font);margin-top:6px}.nx-empty p{max-width:300px;font:400 15px/1.4 var(--font);color:var(--muted);margin:0 0 10px}.nx-empty .si-ways{width:100%}.nx-empty-art{place-items:center;width:200px;height:118px;display:grid;position:relative}.nx-empty-bell{background:var(--tile);width:64px;height:64px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--ring);border-radius:20px;place-items:center;display:grid}.nx-empty-bell svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 12%;width:30px;height:30px;animation:nx-sway 3.2s var(--ease) infinite}@keyframes nx-sway{0%,70%,to{rotate:0deg}76%{rotate:12deg}82%{rotate:-9deg}88%{rotate:5deg}94%{rotate:-2deg}}.nx-orb{object-fit:cover;width:38px;height:38px;box-shadow:0 0 0 3px var(--bg), 0 8px 18px -8px #0006;animation:nx-orb-in .48s var(--spring) both;border-radius:10px;position:absolute}.nx-orb.o0{translate:-70px -18px;rotate:-10deg}.nx-orb.o1{animation-delay:70ms;translate:70px -10px;rotate:9deg}.nx-orb.o2{border-radius:10px;width:30px;height:30px;animation-delay:.14s;translate:44px 38px;rotate:-6deg}@keyframes nx-orb-in{0%{opacity:0;scale:.4}}@media (prefers-reduced-motion:reduce){.nx-empty-bell svg,.nx-orb,.nx-trail.play .nx-step i,.nx-trail.play .nx-step>span{animation:none}}
