@property --rf-ang{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.wb-portal:has(.wb-refs){--rf-ink: #f3efe7;--rf-mute: #a39e95;--rf-line: rgba(243, 239, 231, .1);--rf-well: rgba(255, 255, 255, .035);--rf-glass: rgba(14, 13, 18, .72);--rf-accent: #e6d3ad;--rf-gold: linear-gradient(180deg, #f3e3c3, #d9c39a);--rf-gold-ink: #141210;--rf-hair: rgba(230, 211, 173, .14);--rf-hair-light: #f3e3c3;--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: #856532;--rf-hair: rgba(133, 101, 50, .18);--rf-hair-light: #b48a45;--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(244,114,182,.12),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(230,211,173,.12),transparent 70%),radial-gradient(35% 45% at 70% 10%,rgba(167,139,250,.1),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:11px;font-weight:500;letter-spacing:.3em;color:var(--rf-accent)}.wb-refs .wb-refs-title{font-size:26px;font-weight:200;letter-spacing:-.02em;color:var(--rf-ink)}.wb-refs .wb-refs-sum{color:var(--rf-mute)}.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:#e6d3ad1f}.wb-refs .wb-refs-tabs{animation:rf-rise .6s var(--rf-ease) .14s backwards}.wb-refs .wb-refs-tab{height:36px;padding:0 16px;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:transparent;background:var(--rf-gold);color:var(--rf-gold-ink);box-shadow:0 10px 26px -12px #e6d3adbf,inset 0 1px #ffffff80}.wb-refs .wb-refs-drop{border:1px dashed color-mix(in srgb,var(--rf-accent) 38%,transparent);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) 75%,transparent);background:color-mix(in srgb,var(--rf-accent) 7%,transparent);transform:translateY(-2px);box-shadow:0 20px 40px -24px #e6d3ad80}.wb-refs .wb-refs-drop-disc{background:var(--rf-gold)!important;color:var(--rf-gold-ink)!important;box-shadow:0 10px 24px -10px #e6d3adb3!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-accent);letter-spacing:.24em}.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) 45%,transparent);box-shadow:0 28px 44px -22px #000000f2,0 0 30px -14px #e6d3ad73}.wb-refs .wb-refs-tile[data-filled="0"]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(230,211,173,.08) 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(230,211,173,.25),rgba(230,211,173,.25) 55%,#fff4dc 72%,#d7b97f 80%,rgba(230,211,173,.25) 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:#e6d3adeb;color:#141210;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;box-shadow:0 14px 34px -14px #e6d3adbf,inset 0 1px #ffffff80!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 35%,rgba(255,255,255,.55) 50%,transparent 65%);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:0 20px 44px -14px #e6d3ade6,inset 0 1px #ffffff80!important}