.bw{--bf:13.2px;justify-items:center;gap:16px;display:grid;position:relative}.bw-wrap{font-size:var(--bf);position:relative}.bw-wrap:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#dc004629,#ff4fa314 60%,#0000);border-radius:50%;width:28em;height:36em;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.bw .sp-phone{box-shadow:inset 0 0 0 .1em #ffffff1f,inset 0 0 0 .32em #0e0b12,0 2em 3.4em -1.6em #7800286b}.bw-screen{background:#fff}.bw-screen svg{display:block}.bw-screen p{margin:0}.bw-v{transition:transform .6s cubic-bezier(.32,.72,0,1),filter .6s;position:absolute;inset:0}.bw-list{background:#fff;padding-top:2.7em}.bw-chat{z-index:2;background:#fff;transform:translate(102%);box-shadow:-.6em 0 1.6em -.8em #17111f40}.is-chat .bw-list{filter:brightness(.92);transform:translate(-26%)}.is-chat .bw-chat{transform:none}.bw-title{font:800 1.45em/1.15 var(--f-display);letter-spacing:-.03em;padding:.5em .75em .15em}.bw-search{height:2.35em;color:var(--muted);background:#f2eef5;border-radius:.85em;align-items:center;gap:.45em;margin:.45em .85em .8em;padding:0 .75em;display:flex}.bw-search>svg{flex:none;width:1.15em;height:1.15em}.bw-q{min-width:0;font:500 .86em/1 var(--f-body);white-space:nowrap;align-items:center;display:flex;position:relative}.bw-typed{color:var(--ink);font-weight:600}.bw-ph{transition:opacity .15s;position:absolute;left:0}.bw-caret{background:var(--red);border-radius:.1em;width:.1em;height:1.2em;margin-left:.08em;display:none}.is-typing .bw-ph{opacity:0}.is-typing:not(.is-chat) .bw-caret{display:block}.bw.is-live .bw-caret{animation:1s step-end infinite bw-blink}@keyframes bw-blink{50%{opacity:0}}.bw-screen:not(.is-typing) .bw-typed{display:none}.bw-rows,.bw-found{transition:opacity .3s, transform .45s var(--ease);position:absolute;top:8.95em;left:0;right:0}.bw-row{align-items:center;gap:.7em;padding:.6em .85em;display:flex;position:relative;overflow:hidden}.bw-row img{object-fit:cover;background:#eee;border-radius:50%;flex:none;width:2.75em;height:2.75em}.bw-sk{flex:1;gap:.45em;padding-bottom:.1em;display:grid}.bw-sk i{background:#efeaf3;border-radius:.3em;height:.55em;display:block}.bw-sk i:first-child{background:#e4ddea;width:52%}.bw-sk i:last-child{width:82%}.bw-row:nth-child(2) .bw-sk i:first-child{width:40%}.bw-row:nth-child(3) .bw-sk i:last-child{width:64%}.bw-row:nth-child(4) .bw-sk i:first-child{width:60%}.is-found .bw-rows{opacity:0;transform:translateY(.8em)}.bw-found{opacity:0;transform:translateY(.5em)}.is-found .bw-found{opacity:1;transform:none}.bw-hit{transition:background-color .2s}.bw-hit.is-tap{background:#f4eff7}.bw-hit img{box-shadow:0 0 0 1px var(--line)}.bw-hit b,.bw-head b{font:700 .9em/1.2 var(--f-body);display:block}.bw-hit small,.bw-head small{font:500 .72em/1.2 var(--f-body);color:var(--muted);margin-top:.15em;display:block}.bw-tap{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#17111f3d,#17111f12);border-radius:50%;width:3.4em;height:3.4em;margin:-1.7em 0 0 -1.7em;position:absolute;top:50%;left:50%}.bw-start .bw-tap,.bw-send .bw-tap{background:radial-gradient(closest-side,#ffffffb3,#ffffff38)}.bw.is-live .is-tap>.bw-tap{animation:bw-tap .8s var(--ease) forwards}@keyframes bw-tap{0%{opacity:0;transform:scale(.4)}22%{opacity:1;transform:scale(.75)}to{opacity:0;transform:scale(2.2)}}.bw-key,.bw-start,.bw-send,.bw-paste{transition:transform .35s var(--spring), background-color .2s, opacity .3s}.bw-key.is-tap,.bw-start.is-tap,.bw-send.is-tap,.bw-paste.is-tap{transform:scale(.95)}.bw-head{z-index:3;border-bottom:1px solid var(--line);background:#fffffff5;align-items:center;gap:.5em;padding:2.75em .8em .55em .45em;display:flex;position:absolute;top:0;left:0;right:0}.bw-back{width:1.35em;height:1.35em;color:var(--accent-ink);flex:none}.bw-head img{width:2.25em;height:2.25em;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex:none}.bw-body{background:radial-gradient(60% 40% at 12% 22%,#ff4fa321,#0000 70%),radial-gradient(55% 45% at 92% 70%,#b69cff33,#0000 70%),radial-gradient(50% 35% at 30% 96%,#ffa24a21,#0000 70%),linear-gradient(#fdf9fc,#f7f2fb);flex-direction:column;justify-content:flex-end;padding:.5em .65em .6em;display:flex;position:absolute;inset:6.15em 0 4.3em;overflow:hidden}.bw-intro{text-align:center;transition:opacity .35s, transform .5s var(--ease);background:#ffffffdb;border-radius:1.4em;justify-items:center;gap:.3em;padding:1.2em 1em 1.1em;display:grid;position:absolute;top:50%;left:1.3em;right:1.3em;transform:translateY(-50%);box-shadow:0 0 0 1px #ffffffe6,0 1em 2em -1.2em #7800284d}.bw-intro img{width:3.9em;height:3.9em;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-bottom:.25em}.bw-intro b{font:700 .95em/1.2 var(--f-display);letter-spacing:-.01em}.bw-intro p{font:500 .78em/1.4 var(--f-body);color:var(--ink-2);text-wrap:balance}.is-started .bw-intro{opacity:0;transform:translateY(-58%)scale(.94)}.bw-msgs{transition:transform .5s var(--ease), translate .45s var(--ease);display:grid;position:relative}.bw-m{opacity:0;transition:opacity .3s .1s}.bw-m.is-on{opacity:1}.is-paste .bw-msgs,.is-link .bw-msgs{translate:0 -2.2em}.is-win .bw-m:first-child{opacity:0}.bw-m>div{padding-top:.5em}.bw-b{width:fit-content;max-width:88%;font:500 .8em/1.38 var(--f-body);transform-origin:0 100%;background:#fff;border-radius:1.15em 1.15em 1.15em .35em;padding:.55em .8em .6em;box-shadow:0 0 0 1px #17111f0f,0 .35em .8em -.5em #5a002847}.bw-b b{font-weight:700}.bw-m.is-me .bw-b{background:linear-gradient(100deg, var(--red-btn) 0%, #e3124a 100%);color:#fff;transform-origin:100% 100%;border-radius:1.15em 1.15em .35em;margin-left:auto;font-weight:600}.bw.is-live .bw-m.is-on .bw-b{animation:bw-pop .55s var(--spring)}@keyframes bw-pop{0%{transform:scale(.82)}}.bw-kb{gap:.32em;width:88%;margin-top:.38em;display:grid}.bw-key{height:2.5em;font:600 .78em/1 var(--f-body);color:var(--ink);white-space:nowrap;background:#ffffffc7;border-radius:.9em;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #17111f14,0 .3em .7em -.5em #5a00284d}.bw-key.is-tap{background:#ffe8ee}.bw-foot{z-index:3;border-top:1px solid var(--line);background:#fffffff7;height:4.3em;position:absolute;bottom:0;left:0;right:0}.bw-start{background:linear-gradient(100deg, var(--red-btn) 0%, #e3124a 100%);color:#fff;height:2.4em;font:700 .92em/1 var(--f-display);letter-spacing:.01em;border-radius:1.2em;place-items:center;display:grid;position:absolute;top:.55em;left:.75em;right:.75em;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 .7em 1.4em -.8em #ff0033b3}.is-started .bw-start{opacity:0;transform:translateY(.5em)scale(.96)}.bw-compose{opacity:0;height:2.4em;transition:opacity .35s .1s, transform .5s .1s var(--ease);align-items:center;gap:.4em;display:flex;position:absolute;top:.55em;left:.55em;right:.55em;transform:translateY(.5em)}.is-started .bw-compose{opacity:1;transform:none}.bw-clip{width:1.35em;height:1.35em;color:var(--muted);flex:none}.bw-in{min-width:0;height:2.2em;font:500 .78em/1 var(--f-body);white-space:nowrap;background:#f4f0f7;border-radius:1.1em;flex:1;align-items:center;padding:0 .8em;display:flex;position:relative;box-shadow:inset 0 0 0 1px #17111f0f}.bw-in .bw-ph{color:#8a8194;left:.8em}.bw-link{opacity:0;color:var(--ink);text-overflow:ellipsis;transition:opacity .2s, transform .45s var(--spring);font-weight:600;overflow:hidden;transform:translateY(-.7em)}.is-link .bw-in .bw-ph{opacity:0}.is-link .bw-link{opacity:1;transform:none}.bw.is-live .is-link .bw-in{animation:bw-flash .9s var(--ease)}@keyframes bw-flash{0%{box-shadow:inset 0 0 0 1px #17111f0f,0 0 #ff003359}30%{box-shadow:inset 0 0 0 1.5px #ff003373,0 0 0 .35em #ff00331f}}.bw-paste{color:#fff;font:600 1em/1 var(--f-body);opacity:0;transform-origin:30% 100%;pointer-events:none;background:#1c1621;border-radius:.8em;padding:.7em 1em;position:absolute;bottom:calc(100% + .9em);left:.2em;transform:translateY(.4em)scale(.85);box-shadow:0 .6em 1.4em -.6em #17111f99}.bw-paste:after{content:"";border:.45em solid #0000;border-top-color:#1c1621;border-bottom:0;position:absolute;top:100%;left:1.3em}.is-paste .bw-paste{opacity:1;transform:none}.bw-send{width:2.2em;height:2.2em;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.bw-send>svg{width:1.25em;height:1.25em;transition:opacity .2s, transform .35s var(--spring);grid-area:1/1}.bw-arrow{opacity:0;color:#fff;transform:scale(.5)}.is-link .bw-send{background:linear-gradient(140deg,#ff2a55,#e0002e);box-shadow:0 .4em .9em -.4em #ff0033b3}.is-link .bw-mic{opacity:0;transform:scale(.5)}.is-link .bw-arrow{opacity:1;transform:none}.bw-win{z-index:4;pointer-events:none;opacity:0;align-content:start;justify-items:center;padding-top:1.1em;transition:opacity .4s;display:grid;position:absolute;inset:6.15em 0 4.3em}.bw-win:before{content:"";background:linear-gradient(#fcf8fcf0 0% 55%,#fcf8fc00 68%);position:absolute;inset:0}.is-win .bw-win{opacity:1}.bw-card{width:13.6em;transition:transform .7s var(--spring);background:#fff;border-radius:1.6em;justify-items:center;padding:1.15em 1em 1.05em;display:grid;position:relative;transform:translateY(1.2em)scale(.9);box-shadow:0 0 0 1px #17111f0d,0 1.4em 2.6em -1.2em #96003273}.is-win .bw-card{transform:none}.bw-card .sp-fh{font-size:.8em;top:26%}.bw-heart{z-index:1;opacity:0;width:4.5em;height:4.5em;transition:transform .6s var(--spring), opacity .2s;display:block;position:relative;transform:scale(.2)}.bw-heart:before{content:"";filter:blur(.6em);background:radial-gradient(closest-side,#ff003352,#0000);border-radius:50%;position:absolute;inset:8%}.bw-heart svg{filter:drop-shadow(0 .35em .6em #dc003259);width:100%;height:100%;position:relative}.is-win .bw-heart{opacity:1;transition-delay:.15s;transform:none}.bw.is-live .is-roll .bw-heart svg{animation:1.25s ease-in-out .2s infinite bw-beat}@keyframes bw-beat{0%,to{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(.98)}42%{transform:scale(1.08)}60%{transform:scale(1)}}.bw-num{font:800 1.6em/1.2 var(--f-display);letter-spacing:-.02em;align-items:center;gap:.3em;margin-top:.5em;display:flex}.bw-num small{font:600 .5em/1 var(--f-body);letter-spacing:0;color:var(--muted);align-self:flex-end;padding-bottom:.32em}.bw-plus{color:var(--accent-ink);font:800 .45em/1 var(--f-display);letter-spacing:0;opacity:0;transition:opacity .2s, transform .5s var(--spring);background:#ffe8ee;border-radius:99px;margin-left:.2em;padding:.32em .5em;transform:scale(.5)}.is-roll .bw-plus{opacity:1;transform:none}.bw-done{background:var(--ok-bg);color:var(--ok-ink);font:700 .8em/1 var(--f-body);opacity:0;transition:opacity .25s, transform .55s var(--spring);border-radius:99px;align-items:center;gap:.45em;margin-top:.7em;padding:.4em .95em .4em .4em;display:inline-flex;transform:translateY(.5em)scale(.8)}.bw-done>span{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:1.55em;height:1.55em;display:grid}.bw-done svg{width:.95em;height:.95em}.bw-done path{stroke-width:3px}.is-done .bw-done{opacity:1;transform:none}.bw-fade{z-index:6;opacity:0;pointer-events:none;background:#fff;transition:opacity .45s;position:absolute;inset:0}.is-fading .bw-fade{opacity:1}.is-instant *,.is-instant :before,.is-instant :after{transition:none!important;animation:none!important}.bw-cap{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);min-height:46px;font:600 15px/1.2 var(--f-body);color:var(--ink);background:#fffc;border-radius:99px;align-items:center;gap:10px;margin:0;padding:6px 18px 6px 6px;display:inline-flex;box-shadow:inset 0 0 0 1px #fffffff2,0 10px 26px -14px #6e002861,0 1px 2px #17111f0f}.bw-n{color:#fff;width:34px;height:34px;font:800 15px/1 var(--f-display);background:linear-gradient(140deg,#ff2a55,#e0002e);border-radius:50%;flex:none;place-items:center;display:grid}.bw-t{display:grid}.bw-t>span{opacity:0;transition:opacity .3s, translate .45s var(--ease);white-space:nowrap;grid-area:1/1;translate:0 6px}.bw-t>span.is-on{opacity:1;transition-delay:80ms;translate:none}.bw.is-live .bw-cap.is-swap .bw-n{animation:bw-num .5s var(--spring)}@keyframes bw-num{0%{transform:scale(.6)}}.bw.is-paused *,.bw.is-paused :before,.bw.is-paused :after{animation-play-state:paused!important}@media (min-width:600px){.bw{--bf:15px}}@media (min-width:980px){.bw{--bf:17px;gap:20px}}@media (prefers-reduced-motion:reduce){.bw *,.bw :before,.bw :after{transition:none!important;animation:none!important}}
