.folio-moment{position:fixed;left:24px;bottom:24px;z-index:90;width:360px;min-height:142px;box-sizing:border-box;padding:24px 24px 20px 164px;border:1px solid #cbdcf0;border-radius:20px;background:#fff;color:#0e2047;box-shadow:0 10px 35px #1e497329;font-family:Inter,Arial,sans-serif;isolation:isolate;animation:folio-moment-enter .6s cubic-bezier(.2,.75,.25,1) both}
.folio-moment[hidden]{display:none!important}
.folio-moment h2{font-size:21px;line-height:1.18;letter-spacing:-.45px;font-weight:750;margin:0 0 12px;max-width:185px}
.folio-moment p{font-size:12px;line-height:1.4;color:#61738f;margin:0 0 10px;overflow-wrap:anywhere}
.folio-moment [translate=no]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.folio-moment-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;box-sizing:border-box;border:0;border-radius:11px;background:#0879ff;color:#fff!important;text-decoration:none;font-size:14px;font-weight:650;line-height:1.2;cursor:pointer;max-width:100%;overflow-wrap:anywhere}
.folio-moment-cta:hover{background:#0066e8}.folio-moment-cta:focus-visible,.folio-moment-close:focus-visible,.folio-moment-replay:focus-visible{outline:3px solid #4ea0ff;outline-offset:4px}
.folio-moment-close{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#6b7f9f;font:22px/1 Arial;cursor:pointer}
.folio-moment-close:hover{background:#eef5ff}
.folio-moment-avatar{position:absolute;left:-24px;bottom:-5px;width:190px;height:218px;pointer-events:none}
.folio-moment-mascot{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.folio-moment-replay{position:absolute;left:37px;bottom:5px;width:34px;height:26px;border:0;border-radius:12px;background:#eff6ffbd;color:#4e77ad;font:16px/1 Arial;cursor:pointer;opacity:0;transition:opacity .2s}
.folio-moment:hover .folio-moment-replay,.folio-moment:focus-within .folio-moment-replay,.folio-moment-replay[data-ended]{opacity:1}
body.dark .folio-moment{background:#14233b;color:#f1f7ff;border-color:#355378;box-shadow:0 10px 36px #0005}body.dark .folio-moment p{color:#bdcce1}
@keyframes folio-moment-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.folio-moment{left:12px;bottom:max(80px,env(safe-area-inset-bottom));width:min(350px,calc(100vw - 24px));padding:20px 18px 16px 154px;min-height:132px}.folio-moment h2{font-size:19px}.folio-moment-avatar{width:174px;height:199px;left:-23px}.folio-moment-close{width:36px;height:36px;right:2px;top:2px}.folio-moment-cta{min-height:44px;padding:0 14px}.folio-moment-replay{opacity:1;width:44px;height:28px;left:28px}}
@media(max-width:350px){.folio-moment{padding-left:142px}.folio-moment h2{font-size:17px}.folio-moment-avatar{width:161px;height:184px;left:-23px}}
@media(prefers-reduced-motion:reduce){.folio-moment{animation:none}.folio-moment-replay{transition:none}}