@property --geser{syntax:"<number>";inherits:true;initial-value:0}.theme-beebestie{--bb-pink:#da1884;--bb-krem:#f7f5ab;--accent-start:#ef3f9e;--accent-mid:#da1884;--accent-end:#a90f65;--accent:#da1884;--accent-soft:#fdeaf4;--accent-ring:color-mix(in srgb, var(--accent) 28%, transparent);--shadow-accent:0 10px 26px color-mix(in srgb, var(--accent) 30%, transparent);--gradient-accent:linear-gradient(135deg, var(--accent-start) 0%, var(--accent-mid) 55%, var(--accent-end) 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);--bg:#fff;--surface:#fff;--surface-2:#f3f3f4;--surface-raised:#fff;--text:#262a33;--text-secondary:#545b69;--text-muted:#858b98;--text-on-accent:#fff;--border:#0000000f;--border-strong:#0000001f;--success:#059669;--success-soft:#e3f6ee;--danger:#dc2626;--danger-soft:#fdecec;--shadow-sm:0 1px 3px #141e320a, 0 6px 16px #141e320f}.bb-mascot{aspect-ratio:650/1000;-webkit-user-select:none;user-select:none;transform-origin:50% 96%;animation:3s ease-in-out infinite bb-napas;position:relative}.bb-lapis{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bb-wingL{transform-origin:31% 53%;animation:1.1s ease-in-out infinite bb-sayap-kiri}.bb-wingR{transform-origin:73% 52%;animation:1.1s ease-in-out infinite bb-sayap-kanan}.bb-antL{transform-origin:47% 13.5%;animation:2.6s ease-in-out infinite bb-antena}.bb-antR{transform-origin:71% 14.5%;animation:2.6s ease-in-out infinite reverse bb-antena}.bb-fore{transform-origin:26% 42.5%}.bb-blink{opacity:0;animation:4.2s linear infinite bb-kedip}[data-mood=terbang] .bb-wingL,[data-mood=terbang] .bb-wingR{animation-duration:.11s}[data-mood=lambai] .bb-fore{animation:1.5s ease-in-out infinite bb-lambai}[data-mood=senang] .bb-fore{animation:.6s ease-in-out infinite bb-lambai}[data-mood=senang] .bb-blink{opacity:1;animation:none}.bb-wajah,.bb-geser-ant{pointer-events:none;transition:transform .28s ease-out;position:absolute;inset:0}.bb-wajah{transform:translate(calc(var(--lx,0) * 3.4%), calc(var(--ly,0) * 1.6%));animation:3s ease-in-out infinite bb-wajah-napas}.bb-geser-ant{transform:translate(calc(var(--lx,0) * -2.2%), calc(var(--ly,0) * -1%))}@keyframes bb-sayap-kiri{0%,to{transform:rotate(-3deg)scaleX(1)}50%{transform:rotate(6deg)scaleX(.93)}}@keyframes bb-sayap-kanan{0%,to{transform:rotate(3deg)scaleX(1)}50%{transform:rotate(-6deg)scaleX(.93)}}@keyframes bb-napas{0%,to{scale:1}45%{scale:1.022 1.04}}@keyframes bb-wajah-napas{0%,to{translate:0}45%{translate:0 -.8%}}@keyframes bb-antena{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}@keyframes bb-kedip{0%,92.9%,97.1%,to{opacity:0}93%,97%{opacity:1}}@keyframes bb-lambai{0%,to{transform:rotate(-6deg)}50%{transform:rotate(13deg)}}.bb-welcome{z-index:50;color:#33131f;padding:max(26px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;--lx:0;--ly:0;--geser:0;background:#fff;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.bb-welcome[data-seret=false]{transition:--geser 1.6s cubic-bezier(.5,0,.2,1)}.bb-bisu{z-index:7;right:16px;top:max(18px, env(safe-area-inset-top));color:#da1884;cursor:pointer;background:#fdeaf4;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute}.bb-cahaya{opacity:0;background:radial-gradient(circle,#f7f5ab 0%,#f7f5ab8c 34%,#da188417 56%,#0000 70%);border-radius:50%;width:118vmin;height:118vmin;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)scale(.2)}[data-tahap]:not([data-tahap=gambar])>.bb-cahaya{animation:1.3s cubic-bezier(.2,.9,.3,1) forwards bb-mekar}@keyframes bb-mekar{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bb-hex{opacity:0;background:var(--bb-pink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);animation:.7s cubic-bezier(.3,1.7,.5,1) forwards bb-hex-muncul,5s ease-in-out 2.4s infinite bb-mengapung;position:absolute;transform:scale(0)}.bb-hex:nth-of-type(2n){background:#f7f5ab}@keyframes bb-hex-muncul{to{opacity:.85;transform:scale(1)}}@keyframes bb-mengapung{0%,to{translate:0;rotate:none}50%{translate:0 -14px;rotate:16deg}}.bb-jalur{width:min(86vw,520px);position:absolute;top:46%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.bb-garis{fill:none;stroke:#da1884;stroke-width:9px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.4s cubic-bezier(.45,0,.3,1) forwards bb-gambar}@keyframes bb-gambar{to{stroke-dashoffset:0}}.bb-logo{z-index:2;opacity:0;clip-path:inset(0 100% 0 0);width:min(58vw,300px);position:relative}[data-tahap=siap]>.bb-logo,[data-tahap=keluar]>.bb-logo{opacity:1;clip-path:inset(0);transition:clip-path .8s cubic-bezier(.6,0,.2,1)}[data-tahap=datang]>.bb-logo{opacity:1;clip-path:inset(0);transition:clip-path .8s cubic-bezier(.6,0,.2,1) .9s}.bb-panggung{z-index:6;perspective:900px;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.bb-gelombang{opacity:0;border:5px solid #da1884;border-radius:50%;width:30vmin;height:30vmin;margin:-15vmin;animation:.9s ease-out 1.05s bb-riak;position:absolute;top:50%;left:50%}@keyframes bb-riak{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(3.4)}}.bb-terbang{transform-origin:50% 90%;height:min(56dvh,118vw);max-height:100%;animation:1.45s cubic-bezier(.22,.9,.28,1.08) both bb-datang}@keyframes bb-datang{0%{transform:translate(52vw,-60dvh)rotate(40deg)scale(.12)}38%{transform:translate(-34vw,-24dvh)rotate(-24deg)scale(.42)}70%{transform:translate(14vw,-12dvh)rotate(14deg)scale(.86)}88%{transform:translate(0)rotate(0)scale(1.08,.9)}to{transform:none}}.bb-naik{height:100%;transform:translateY(calc(var(--geser) * -125dvh)) scale(calc(1 - var(--geser) * .45)) rotate(calc(var(--geser) * -10deg))}.bb-goyang{aspect-ratio:650/1000;height:100%;animation:3.2s ease-in-out infinite bb-melayang;position:relative}.bb-mascot-besar{height:100%;transform:rotateY(calc(var(--lx) * 17deg)) rotateX(calc(var(--ly) * -11deg));transition:transform .28s ease-out}@keyframes bb-melayang{0%,to{translate:0}50%{translate:0 -12px}}.bb-teks{z-index:4;text-align:center;min-height:140px;transform:translateY(calc(var(--geser) * -60px));opacity:calc(1 - var(--geser) * 2);position:relative}.bb-sapa{font-family:var(--font-display,Poppins), sans-serif;color:#da1884;font-size:clamp(2.3rem,9vw,3.3rem);font-weight:800;line-height:1.05}.bb-sapa span{opacity:0;animation:.5s cubic-bezier(.3,1.6,.5,1) forwards bb-huruf;display:inline-block;transform:translateY(26px)scale(.7)}@keyframes bb-huruf{to{opacity:1;transform:none}}.bb-ajak{opacity:0;flex-direction:column;align-items:center;margin-top:10px;animation:.5s ease-out 3.2s forwards bb-naik;display:flex;position:relative}.bb-panah{color:#da1884;width:24px;height:24px;margin-bottom:-13px;animation:1.3s ease-in-out infinite bb-tunjuk}.bb-panah-2{opacity:.45;order:1;margin-bottom:-2px;animation-delay:.16s}.bb-sweep{font-family:var(--font-display,Poppins), sans-serif;color:#0000;background:linear-gradient(100deg,#f4bcd9 30%,#da1884 50%,#f4bcd9 70%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;order:2;font-size:1.28rem;font-weight:800;animation:1.8s linear infinite bb-sapu}@keyframes bb-sapu{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes bb-tunjuk{0%,to{transform:translateY(5px)}50%{transform:translateY(-5px)}}.bb-lewati{color:#8a6b78;cursor:pointer;opacity:0;margin:9px auto 0;font-size:.82rem;animation:.5s ease-out 3.5s forwards bb-naik;display:block}@keyframes bb-naik{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.bb-tutup{z-index:5;background:var(--gradient-accent);transform:translateY(calc((1 - var(--geser)) * 105%));pointer-events:none;border-radius:36px 36px 0 0;position:absolute;inset:0}.bb-logo-tutup{z-index:9;opacity:0;pointer-events:none;width:min(64vw,340px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}[data-tahap=keluar] .bb-logo-tutup{opacity:1;transition:all .7s ease-out .8s;transform:translate(-50%,-50%)scale(1)}.bb-kawanan{z-index:10;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bb-lebah{animation:1.2s cubic-bezier(.3,.1,.5,1) both bb-lebah-naik;position:absolute;bottom:-22%}.bb-lebah img{width:100%;animation:.6s ease-in-out infinite alternate bb-lebah-ayun;display:block}@keyframes bb-lebah-naik{0%{transform:translateY(0)}to{transform:translateY(-135dvh)}}@keyframes bb-lebah-ayun{0%{transform:translateX(calc(var(--ayun) * -1)) rotate(-16deg)}to{transform:translateX(var(--ayun)) rotate(16deg)}}.bb-kanvas{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.bb-form{animation:1.1s cubic-bezier(.2,.9,.3,1) bb-form-masuk}@keyframes bb-form-masuk{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.bb-hero{color:#fff;background:var(--gradient-accent);min-height:176px;box-shadow:var(--shadow-accent);border-radius:26px;margin-top:16px;padding:20px;position:relative;overflow:hidden}.bb-hero:after{content:"";opacity:.95;background:#f7f5ab;border-radius:50%;width:178px;height:178px;position:absolute;bottom:-74px;right:-58px}.bb-mascot-hero{z-index:1;height:245px;position:absolute;top:12px;right:-6px}.bb-lencana{color:#a90f65;background:#f7f5ab;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.75rem;font-weight:800;display:inline-flex}.bb-kartu{text-align:left;border:2px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:22px;flex-direction:column;padding:16px 18px;transition:transform .2s,border-color .2s,box-shadow .2s,opacity .2s;display:flex}.bb-kartu:not(:disabled):hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.bb-kartu:not(:disabled):active{transform:scale(.985)}.bb-kartu-pilih{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring), var(--shadow-accent);background:color-mix(in srgb, var(--accent-soft) 45%, var(--surface))}.bb-kartu-tunggu{cursor:default}.bb-blok{border:1.5px solid color-mix(in srgb, var(--accent) 22%, transparent);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:22px;overflow:hidden}.bb-blok-kepala{background:var(--accent-soft);align-items:center;gap:10px;padding:11px 16px;display:flex}.bb-blok-no{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:grid}.bb-blok-no-ok{background:var(--success)}.bb-blok-label{color:var(--accent);font-size:.7rem;font-weight:600}.bb-pil{border:1.5px solid var(--border-strong);background:var(--surface);height:38px;color:var(--text-secondary);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.bb-pil-aktif{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (min-height:760px) and (min-width:700px){.bb-terbang{height:54dvh}}@media (prefers-reduced-motion:reduce){.bb-welcome *,.bb-mascot *,.bb-form{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}