@property --rf-ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.wb-portal:has(.wb-refs){--rf-ink: rgba(255, 255, 255, .93);--rf-mute: rgba(255, 255, 255, .5);--rf-line: rgba(255, 255, 255, .08);--rf-well: rgba(255, 255, 255, .03);--rf-glass: rgba(17, 15, 22, .84);--rf-accent: #f5b8d4;--rf-gold: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 52%), linear-gradient(96deg, #a855f7 0%, #ec4899 48%, #f97316 100%);--rf-gold-ink: #fff;--rf-glow: rgba(236, 72, 153, .55);--rf-hair: rgba(255, 255, 255, .08);--rf-hair-light: #ff8fc4;--rf-shadow: 0 60px 140px -40px rgba(0, 0, 0, .9), 0 20px 50px -24px rgba(0, 0, 0, .7);--rf-ease: cubic-bezier(.16, 1, .3, 1);--rf-spring: cubic-bezier(.34, 1.56, .64, 1)}.wb-portal[data-wb-theme=light]:has(.wb-refs){--rf-ink: #1c1813;--rf-mute: #6f6557;--rf-line: rgba(28, 24, 19, .1);--rf-well: rgba(28, 24, 19, .03);--rf-glass: rgba(255, 252, 246, .82);--rf-accent: #be3a7c;--rf-glow: rgba(219, 39, 119, .35);--rf-hair: rgba(122, 52, 44, .14);--rf-hair-light: #ec4899;--rf-shadow: 0 60px 120px -50px rgba(70, 44, 30, .4), 0 18px 40px -26px rgba(70, 44, 30, .3)}.wb-portal .wb-plate:has(.wb-refs){position:relative;isolation:isolate;border:0!important;border-radius:26px!important;background:var(--rf-glass)!important;backdrop-filter:blur(34px) saturate(1.6);-webkit-backdrop-filter:blur(34px) saturate(1.6);box-shadow:var(--rf-shadow)!important;animation:rf-in .7s var(--rf-ease) backwards}.wb-portal .wb-plate:has(.wb-refs)>.wb-plate-in{background:transparent!important;box-shadow:none!important}.wb-portal .wb-plate:has(.wb-refs):before{content:"";position:absolute;inset:0;z-index:30;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--rf-ang),var(--rf-hair),var(--rf-hair) 62%,var(--rf-hair-light) 78%,var(--rf-hair) 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rf-angle 9s linear infinite}.wb-portal .wb-plate:has(.wb-refs):after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;overflow:hidden;background:radial-gradient(40% 50% at 8% 0%,rgba(139,92,246,.14),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(249,115,22,.1),transparent 70%),radial-gradient(35% 45% at 70% 10%,rgba(236,72,153,.08),transparent 70%);animation:rf-aura 14s ease-in-out infinite alternate}@keyframes rf-angle{to{--rf-ang: 360deg}}@keyframes rf-in{0%{opacity:0;transform:translateY(28px) scale(.965);filter:blur(12px)}}@keyframes rf-aura{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.06) rotate(2deg)}}@keyframes rf-rise{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(6px)}}.wb-refs .wb-refs-head{animation:rf-rise .6s var(--rf-ease) .08s backwards}.wb-refs .wb-refs-kicker{font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--rf-mute)}.wb-refs .wb-refs-title{font-size:22px;font-weight:300;letter-spacing:-.015em;color:var(--rf-ink)}.wb-refs .wb-refs-sum{font-size:12px;color:var(--rf-mute)}.wb-portal .wb-plate:has(.wb-refs):focus,.wb-portal .wb-plate:has(.wb-refs):focus-visible{outline:none}.wb-refs .wb-refs-x{border:1px solid var(--rf-line);background:var(--rf-well);color:var(--rf-mute);transition:color .3s,background .3s,transform .5s var(--rf-spring)}.wb-refs .wb-refs-x:hover{color:var(--rf-ink);transform:rotate(90deg);background:#ffffff14}.wb-refs .wb-refs-tabs{animation:rf-rise .6s var(--rf-ease) .14s backwards}.wb-refs .wb-refs-tab{height:34px;padding:0 15px;gap:8px;font-size:12px;font-weight:500;border-color:var(--rf-line);background:var(--rf-well);color:var(--rf-mute);transition:color .35s,background .35s,border-color .35s,transform .5s var(--rf-spring),box-shadow .35s}.wb-refs .wb-refs-tab:hover{color:var(--rf-ink);transform:translateY(-1px)}.wb-refs .wb-refs-tab[data-on="1"]{border-color:#ffffff1f;color:var(--rf-ink);background:linear-gradient(180deg,#ffffff21,#ffffff0d);box-shadow:inset 0 1px #ffffff29,0 8px 18px -10px #000000e6}.wb-refs .wb-refs-tab[data-on="1"]:before{content:"";flex:none;width:5px;height:5px;border-radius:999px;background:linear-gradient(135deg,#ffd6a0,#ff6fb0 55%,#a855f7);box-shadow:0 0 8px #ff6fb0bf}.wb-refs .wb-refs-tab-n{font-variant-numeric:tabular-nums;opacity:.7}.wb-portal[data-wb-theme=light] .wb-refs .wb-refs-tab[data-on="1"]{border-color:#7a342c1f;background:linear-gradient(180deg,#fff,#fbf4f0);box-shadow:inset 0 1px #fff,0 6px 14px -8px #783a3059}.wb-refs .wb-refs-drop{border:1px solid var(--rf-line);background:var(--rf-well);color:var(--rf-ink);border-radius:18px;animation:rf-rise .6s var(--rf-ease) .2s backwards;transition:border-color .35s,background .35s,transform .5s var(--rf-spring),box-shadow .35s}.wb-refs .wb-refs-drop:hover:not(:disabled){border-color:color-mix(in srgb,var(--rf-accent) 45%,transparent);background:color-mix(in srgb,var(--rf-accent) 5%,transparent);transform:translateY(-2px);box-shadow:0 20px 40px -24px var(--rf-glow)}.wb-refs .wb-refs-drop-disc{background:var(--rf-gold)!important;color:var(--rf-gold-ink)!important;box-shadow:inset 0 1px #fff6,0 10px 24px -10px var(--rf-glow)!important;animation:rf-bob 3.4s ease-in-out infinite alternate}@keyframes rf-bob{0%{translate:0 1px}to{translate:0 -3px}}.wb-refs .wb-refs-drop-title{color:var(--rf-ink)}.wb-refs .wb-refs-drop-hint{color:var(--rf-mute)}.wb-refs .wb-refs-added-word{color:var(--rf-mute);letter-spacing:.22em}.wb-refs .wb-refs-grid{perspective:900px}.wb-refs .wb-refs-tile{border:1px solid var(--rf-line);border-radius:16px;background:linear-gradient(160deg,#ffffff0f,#ffffff04);box-shadow:0 18px 36px -22px #000000e6;animation:rf-rise .6s var(--rf-ease) backwards;animation-delay:calc(.24s + var(--rf-i, 0) * 40ms);transition:transform .6s var(--rf-spring),box-shadow .5s,border-color .4s}.wb-refs .wb-refs-tile:nth-child(2){--rf-i: 1}.wb-refs .wb-refs-tile:nth-child(3){--rf-i: 2}.wb-refs .wb-refs-tile:nth-child(4){--rf-i: 3}.wb-refs .wb-refs-tile:nth-child(5){--rf-i: 4}.wb-refs .wb-refs-tile:nth-child(6){--rf-i: 5}.wb-refs .wb-refs-tile:nth-child(7){--rf-i: 6}.wb-refs .wb-refs-tile:nth-child(8){--rf-i: 7}.wb-refs .wb-refs-tile:nth-child(9){--rf-i: 8}.wb-refs .wb-refs-tile:nth-child(n+10){--rf-i: 9}.wb-refs .wb-refs-tile:hover{transform:translateY(-4px) rotateX(6deg) rotateY(-4deg);border-color:color-mix(in srgb,var(--rf-accent) 40%,transparent);box-shadow:0 28px 44px -22px #000000f2,0 0 30px -14px var(--rf-glow)}.wb-refs .wb-refs-tile[data-filled="0"]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.05) 50%,transparent 65%) no-repeat;background-size:260% 100%;animation:rf-sheen 5.5s ease-in-out infinite;animation-delay:calc(var(--rf-i, 0) * -.45s)}@keyframes rf-sheen{0%{background-position:160% 0}60%,to{background-position:-60% 0}}.wb-refs .wb-refs-tile-disc{background:radial-gradient(120% 100% at 30% 0%,rgba(255,255,255,.22),transparent 58%),#ffffff0f!important;box-shadow:inset 0 0 0 1px var(--rf-line),0 10px 22px -10px #000000e6!important;color:var(--rf-accent);transition:transform .5s var(--rf-spring),background .3s}.wb-refs .wb-refs-tile:hover .wb-refs-tile-disc{transform:scale(1.14);background:var(--rf-gold)!important;color:var(--rf-gold-ink)}.wb-refs .wb-refs-tile-label{letter-spacing:.2em;color:var(--rf-mute)}.wb-refs .wb-refs-tile[data-filled="1"]{border-color:transparent}.wb-refs .wb-refs-tile[data-filled="1"]:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--rf-ang),rgba(236,72,153,.3),rgba(168,85,247,.3) 50%,#ffd6a0 70%,#ff6fb0 80%,rgba(236,72,153,.3) 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rf-angle 6s linear infinite}.wb-refs .wb-refs-tile[data-filled="1"] :is(.wb-refs-thumb,.wb-refs-media){transition:transform 1.4s var(--rf-ease)}.wb-refs .wb-refs-tile[data-filled="1"]:hover :is(.wb-refs-thumb,.wb-refs-media){transform:scale(1.07)}.wb-refs .wb-refs-tile[data-filled="1"] .wb-refs-tile-label{color:#fff}.wb-refs .wb-refs-tile-x{background:#0a0a0c99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;transition:transform .45s var(--rf-spring),background .3s}.wb-refs .wb-refs-tile-x:hover{background:#ec4899;color:#fff;transform:rotate(90deg) scale(1.08)}.wb-refs .wb-refs-badge{background:var(--rf-gold)!important;color:var(--rf-gold-ink)!important;border:0!important}.wb-refs .wb-refs-foot{animation:rf-rise .6s var(--rf-ease) .34s backwards}.wb-refs .wb-af-reset{color:var(--rf-mute);letter-spacing:.22em;transition:color .3s}.wb-refs .wb-af-reset:hover{color:var(--rf-ink)}.wb-refs .wb-af-done{position:relative;overflow:hidden;border:0!important;background:var(--rf-gold)!important;color:var(--rf-gold-ink)!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #00000040,0 12px 28px -12px var(--rf-glow)!important;transition:transform .5s var(--rf-spring),box-shadow .4s!important}.wb-refs .wb-af-done:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);transform:translate(-120%);animation:rf-cta-sheen 4s var(--rf-ease) infinite 1s}@keyframes rf-cta-sheen{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.wb-refs .wb-af-done:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,0 20px 44px -14px var(--rf-glow),0 0 0 4px #ec48991a!important}