.xl{z-index:100;cursor:default;--xl-spring:var(--xl-ms) var(--xl-ease);-webkit-tap-highlight-color:transparent;outline:none;position:fixed;inset:0;overflow:hidden}html[data-explore-launch]{background:#21c45d}.xl-sheet{position:absolute;inset:0}.xl-body{padding:max(24px, env(safe-area-inset-top)) max(32px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(32px, env(safe-area-inset-left));color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.xl-glow{pointer-events:none;background:radial-gradient(circle,#ffffff2e,#0000 62%);border-radius:50%;width:70vmin;height:70vmin;position:absolute;top:46%;left:50%;translate:-50% -50%}.xl-globe{flex:none;width:min(260px,30svh);height:min(260px,30svh);position:relative}.xl .ex-globe{--ex-globe-page:142 71% 45%;isolation:isolate;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border-radius:999px;width:100%;height:100%;margin:0;position:relative}.xl .ex-globe[data-ready]{cursor:grab}.xl .ex-globe[data-dragging]{cursor:grabbing}.xl .ex-globe-paper{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.xl-fan{--xl-cover:112px;flex:none;width:260px;height:150px;margin-bottom:6px;position:relative}.xl-cover{width:var(--xl-cover);height:var(--xl-cover);margin:calc(var(--xl-cover) / -2) 0 0 calc(var(--xl-cover) / -2);border-radius:calc(var(--xl-cover) * .2);-o-object-fit:cover;object-fit:cover;transition:rotate var(--xl-spring), translate var(--xl-spring);background:#0f5729;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #fff,0 14px 30px -10px #00000073}.xl-cover:first-of-type{rotate:-11deg;translate:calc(var(--xl-cover) * -.55) 10px}.xl-cover:nth-of-type(2){rotate:11deg;translate:calc(var(--xl-cover) * .55) 10px}.xl-cover:nth-of-type(3){z-index:3;translate:0 -4px;rotate:2deg}.xl-play{z-index:4;color:#141414;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:-30px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 18px #00000040}.xl-play svg{width:20px;height:20px;margin-left:3px}.xl-own{--xl-own:148px;--xl-slot:78px;flex:none;place-items:center;width:280px;height:164px;margin-bottom:6px;display:grid;position:relative}.xl-own-cover{z-index:2;width:var(--xl-own);height:var(--xl-own);border-radius:calc(var(--xl-own) * .2);-o-object-fit:cover;object-fit:cover;transition:rotate var(--xl-spring);background:#0f5729;display:block;position:relative;rotate:3deg;box-shadow:0 0 0 5px #fff,0 18px 36px -12px #00000073}.xl-slot{z-index:1;width:var(--xl-slot);height:var(--xl-slot);margin:calc(var(--xl-slot) / -2) 0 0 calc(var(--xl-slot) / -2);color:#fff;outline-offset:-2.5px;transition:rotate var(--xl-spring), translate var(--xl-spring);background:#ffffff1a;border-radius:20px;outline:2.5px dashed #ffffffbf;place-items:center;display:grid;position:absolute;top:50%;left:50%}.xl-slot[data-need=photo]{border-radius:999px}.xl-slot>svg{opacity:.9;width:30px;height:30px}.xl-own[data-slots="1"] .xl-slot{rotate:10deg;translate:calc(var(--xl-own) * .62) 14px}.xl-own[data-slots="2"] .xl-slot:first-child{rotate:-10deg;translate:calc(var(--xl-own) * -.62) 14px}.xl-own[data-slots="2"] .xl-slot:nth-child(2){rotate:10deg;translate:calc(var(--xl-own) * .62) 14px}.xl-slot-plus{color:#1b9d4a;background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 4px 10px #00000038}.xl-slot[data-need=file] .xl-slot-plus{left:-9px;right:auto}.xl-slot-plus svg{width:15px;height:15px}.xl-title{letter-spacing:-.035em;text-wrap:balance;max-width:330px;margin:0;font-size:38px;font-weight:500;line-height:1.06;position:relative}.xl-line{color:#ffffffd1;text-wrap:balance;max-width:300px;margin:0;font-size:18px;line-height:1.4;position:relative}.xl-actions{flex-direction:column;align-items:center;gap:6px;margin-top:8px;display:flex;position:relative}.xl-go{color:#141414;height:56px;transition:background-color .16s var(--ease-standard), transform .12s var(--ease-standard);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 26px 0 30px;font-size:17px;font-weight:500;display:inline-flex}.xl-go svg{width:18px;height:18px;transition:transform var(--xl-spring)}.xl-skip{color:#ffffffb8;height:44px;transition:color .16s var(--ease-standard), transform .12s var(--ease-standard);border-radius:999px;padding:0 18px;font-size:16px;font-weight:500}.xl :is(.xl-go,.xl-skip):active{transform:scale(.97)}.xl :is(.xl-go,.xl-skip):focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width>=768px){.xl-body{gap:28px}.xl-globe{width:min(320px,34svh);height:min(320px,34svh)}.xl-fan{--xl-cover:132px;width:320px;height:176px;margin-bottom:0}.xl-own{--xl-own:176px;--xl-slot:92px;width:380px;height:196px;margin-bottom:0}.xl-title{max-width:760px;font-size:72px}.xl-line{max-width:560px;font-size:22px}.xl-go{height:60px;font-size:18px}}@media (height<=560px){.xl-body{gap:14px}.xl-globe{width:min(150px,30svh);height:min(150px,30svh)}.xl-fan{--xl-cover:80px;width:200px;height:104px;margin-bottom:0}.xl-own{--xl-own:92px;--xl-slot:54px;width:220px;height:104px;margin-bottom:0}.xl-slot>svg{width:22px;height:22px}.xl-play{width:40px;height:40px;margin:-24px 0 0 -20px}.xl-play svg{width:16px;height:16px}.xl-title{max-width:560px;font-size:32px}.xl-line{max-width:480px;font-size:16px}.xl-actions{flex-direction:row;gap:8px;margin-top:2px}.xl-go{height:48px;font-size:16px}}@media (hover:hover){.xl-go:hover{background:#ececec}.xl-skip:hover{color:#fff}@media (prefers-reduced-motion:no-preference){.xl-fan:hover .xl-cover:first-of-type{rotate:-21deg;translate:calc(var(--xl-cover) * -.55 - 12px) 7px}.xl-fan:hover .xl-cover:nth-of-type(2){rotate:21deg;translate:calc(var(--xl-cover) * .55 + 12px) 7px}.xl-fan:hover .xl-cover:nth-of-type(3){translate:0 -12px;rotate:0deg}.xl-go:hover svg{transform:translate(4px)}.xl-own:hover .xl-own-cover{rotate:-2deg}.xl-own[data-slots="1"]:hover .xl-slot{rotate:16deg;translate:calc(var(--xl-own) * .62 + 10px) 10px}.xl-own[data-slots="2"]:hover .xl-slot:first-child{rotate:-16deg;translate:calc(var(--xl-own) * -.62 - 10px) 10px}.xl-own[data-slots="2"]:hover .xl-slot:nth-child(2){rotate:16deg;translate:calc(var(--xl-own) * .62 + 10px) 10px}}}@media (prefers-reduced-motion:reduce){.xl-cover,.xl-own-cover,.xl-slot,.xl-go svg{transition:none}}