.w9zVaG_group{--night-1:#1c1640;--night-2:#33155f;--lilac:#c4b5fd;--foil:#f6c453;--foil-deep:#d99a1e;min-width:0;position:relative}.w9zVaG_card{--tile:56px;isolation:isolate;grid-template-columns:var(--tile) minmax(0, 1fr) auto;color:#f5f3ff;background:radial-gradient(220px 120px at 100% 0%, #ec489942, transparent 70%), linear-gradient(135deg, var(--night-1), var(--night-2));border:1px solid #c4b5fd47;border-radius:22px;align-items:center;gap:14px;min-height:92px;padding:14px 16px 14px 14px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 18px 36px -24px #311660e6,inset 0 1px #ffffff1a}.w9zVaG_card:active{transform:scale(.99)}@media (hover:hover){.w9zVaG_card:hover{border-color:#ddd6fe99;transform:translateY(-2px);box-shadow:0 24px 40px -22px #5b21b6f2,inset 0 1px #ffffff24}.w9zVaG_card:hover .w9zVaG_go{transform:translate(2px)}}html[data-theme=dark] .w9zVaG_card{box-shadow:0 18px 36px -24px #000,inset 0 1px #ffffff14}.w9zVaG_artwork{z-index:1;width:var(--tile);height:var(--tile);background:linear-gradient(145deg,#ffffff24,#ffffff08);border:1px solid #ffffff24;border-radius:17px;place-items:center;text-decoration:none;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e}.w9zVaG_record{width:calc(var(--tile) - 12px);height:calc(var(--tile) - 12px);background:repeating-radial-gradient(circle,#30283f 0 2px,#40364f 3px,#30283f 4px 5px);border:1px solid #6b5b8a;border-radius:50%;place-items:center;animation:12s linear infinite w9zVaG_recordTurn;display:grid;box-shadow:0 6px 14px #00000073}.w9zVaG_recordLabel{color:#fff;background:linear-gradient(135deg,#a78bfa,#ec4899);border-radius:50%;place-items:center;width:46%;height:46%;display:grid}.w9zVaG_recordLabel svg,.w9zVaG_artwork>.w9zVaG_recordLabel{width:62%;height:62%}.w9zVaG_mosaicTiles{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:3px;width:62%;display:grid}.w9zVaG_mosaicTiles i{background:var(--c);opacity:.5;border-radius:3px}.w9zVaG_mosaicTiles i:first-child{--c:#f9a8d4}.w9zVaG_mosaicTiles i:nth-child(2){--c:#c4b5fd}.w9zVaG_mosaicTiles i:nth-child(3){--c:#fcd34d}.w9zVaG_mosaicTiles i:nth-child(4){--c:#93c5fd}.w9zVaG_mosaicTiles i:nth-child(5){--c:#f472b6}.w9zVaG_mosaicTiles i:nth-child(6){--c:#a78bfa}.w9zVaG_mosaicTiles i:nth-child(7){--c:#fdba74}.w9zVaG_mosaicTiles i:nth-child(8){--c:#86efac}.w9zVaG_mosaicTiles i:nth-child(9){--c:#f9a8d4}[data-state=working] .w9zVaG_mosaicTiles i{animation:2.7s ease-in-out infinite w9zVaG_tileLay}[data-state=working] .w9zVaG_mosaicTiles i:first-child{animation-delay:0s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(2){animation-delay:.15s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(4){animation-delay:.3s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(3){animation-delay:.45s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(5){animation-delay:.6s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(7){animation-delay:.75s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(6){animation-delay:.9s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(8){animation-delay:1.05s}[data-state=working] .w9zVaG_mosaicTiles i:nth-child(9){animation-delay:1.2s}[data-state=ready] .w9zVaG_mosaicTiles i{opacity:1}.w9zVaG_copy{justify-items:start;gap:6px;min-width:0;display:grid}.w9zVaG_copy h2,.w9zVaG_title{color:#fff;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:750;line-height:1.25}.w9zVaG_mosaicBadges{flex-wrap:wrap;gap:4px;display:flex}.w9zVaG_badge{color:#ede9fe;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:.72rem;font-weight:700;line-height:1.5;display:inline-flex}.w9zVaG_badgeReady{color:#3b2300;background:linear-gradient(135deg, #fde68a, var(--foil));border-color:#0000;box-shadow:0 4px 12px -6px #f6c453e6}.w9zVaG_spin{animation:1s linear infinite w9zVaG_spin}.w9zVaG_error{color:#fecaca;font-size:.75rem;line-height:1.4}.w9zVaG_go{color:#5b21b6;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .16s;display:grid;box-shadow:0 8px 16px -8px #0009}.w9zVaG_create{appearance:none;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.w9zVaG_create:after{content:"";border-radius:inherit;position:absolute;inset:0}.w9zVaG_create:disabled{cursor:wait;opacity:.7}.w9zVaG_create:focus-visible{outline:none}.w9zVaG_create:focus-visible:after,a.w9zVaG_card:focus-visible,.w9zVaG_artwork:focus-visible{outline-offset:3px;outline:3px solid #a78bfa99}.w9zVaG_card[data-state=working]{overflow:hidden}.w9zVaG_card[data-state=working]:after{content:"";z-index:-1;background:linear-gradient(90deg, transparent, var(--lilac), transparent);width:40%;height:2px;animation:2.2s ease-in-out infinite w9zVaG_sweep;position:absolute;bottom:0;left:0}.w9zVaG_card[data-state=ready]{background:radial-gradient(260px 130px at 100% 0%, #f6c4534d, transparent 70%), linear-gradient(135deg, var(--night-1), #45166b) padding-box, linear-gradient(120deg, #fde68a, var(--foil-deep) 40%, #f6c45359 70%, #fde68a) border-box;border-width:1.5px;border-color:#0000;box-shadow:0 20px 38px -22px #d99a1ebf,inset 0 1px #ffffff1f}@media (hover:hover){.w9zVaG_card[data-state=ready]:hover{box-shadow:0 26px 44px -22px #d99a1ef2,inset 0 1px #ffffff29}}[data-state=ready] .w9zVaG_go{color:#3b2300;background:linear-gradient(135deg, #fde68a, var(--foil))}[data-state=ready] .w9zVaG_recordLabel{background:linear-gradient(135deg, #fde68a, var(--foil-deep));color:#3b2300}[data-state=ready] .w9zVaG_record{animation-duration:4s}[data-state=ready] .w9zVaG_artwork{border-color:#fde68a66}.w9zVaG_newTag{z-index:2;color:#3b2300;background:linear-gradient(135deg, #fef3c7, var(--foil));box-shadow:0 6px 14px -6px #d99a1ee6, 0 0 0 2px var(--page-bg,#fff);border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:.7rem;font-weight:800;line-height:1.5;animation:.52s cubic-bezier(.2,1.4,.4,1) both w9zVaG_tagIn;display:inline-flex;position:absolute;top:-10px;right:18px}.w9zVaG_newTag:before{content:"";background:#e11d48;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite w9zVaG_ping}html[data-theme=dark] .w9zVaG_newTag{box-shadow:0 6px 14px -6px #000000e6,0 0 0 2px #0f172a}.w9zVaG_srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.w9zVaG_card{--tile:50px;border-radius:20px;gap:12px;min-height:78px;padding:12px 14px 12px 12px}.w9zVaG_artwork{border-radius:15px}.w9zVaG_go{width:32px;height:32px}}@media (min-width:641px) and (max-width:1080px){.w9zVaG_card{--tile:48px;gap:11px;padding:12px}.w9zVaG_copy h2,.w9zVaG_title{font-size:.95rem}.w9zVaG_go{width:30px;height:30px}}@keyframes w9zVaG_recordTurn{to{rotate:360deg}}@keyframes w9zVaG_spin{to{rotate:360deg}}@keyframes w9zVaG_tileLay{0%,15%{opacity:.25;transform:scale(.6)}35%,80%{opacity:1;transform:scale(1)}to{opacity:.25;transform:scale(.6)}}@keyframes w9zVaG_sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes w9zVaG_tagIn{0%{opacity:0;transform:translateY(6px)scale(.7)}}@keyframes w9zVaG_ping{0%{box-shadow:0 0 #e11d4899}80%,to{box-shadow:0 0 0 6px #e11d4800}}@media (prefers-reduced-motion:reduce){.w9zVaG_card,.w9zVaG_go{transition:none}.w9zVaG_record,.w9zVaG_spin,.w9zVaG_newTag,.w9zVaG_newTag:before,.w9zVaG_card:after,[data-state=working] .w9zVaG_mosaicTiles i{animation:none}[data-state=working] .w9zVaG_mosaicTiles i{opacity:.8}.w9zVaG_card:hover,.w9zVaG_card:hover .w9zVaG_go{transform:none}}
