.kxp__tile{position:relative}
.kxp__reader{display:block;width:64px;height:72px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.kxp__tile[aria-pressed=true]:not(.is-oos) .kxp__reader{transform:translateY(-6px) rotate(-5deg) scale(1.06)}
.kxp__tile-note{font-size:12px;font-weight:700;color:#3D6F30;line-height:1.2;text-align:center}
.kxp__tile.is-oos{border-style:dashed;border-color:#D8CFE6;cursor:pointer}
.kxp__tile.is-oos[aria-pressed=true]{border-color:#7A6E9A;background:#F6F2FB}
.kxp__tile.is-oos .kxp__tile-note{color:#7A6E9A}
.kxp__tile.is-oos .kxp__reader,.kxp__tile.is-oos .kxp__book-wrap,.kxp__tile.is-oos .kxp__tile-img{animation:kxoBreathe 3s ease-in-out infinite;transform-origin:50% 100%;filter:saturate(.75)}
.kxp__oos-badge{position:absolute;left:8px;top:8px;background:#1B2A4A;color:#FAF6EE;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.2;z-index:2}
.kxp__zz{position:absolute;right:16px;top:16px;width:30px;height:36px;pointer-events:none}
.kxp__zz i{position:absolute;font-style:normal;font-family:'Fredoka',sans-serif;font-weight:700;color:#7A6E9A;animation:kxoFloat 2.4s ease-in infinite;opacity:0}
.kxp__zz i:nth-child(1){left:0;top:18px;font-size:11px}
.kxp__zz i:nth-child(2){left:6px;top:12px;font-size:14px;animation-delay:.8s}
.kxp__zz i:nth-child(3){left:12px;top:6px;font-size:17px;animation-delay:1.6s}
@keyframes kxoFloat{0%{transform:translate(0,0) scale(.6);opacity:0}30%{opacity:1}100%{transform:translate(14px,-26px) scale(1.1);opacity:0}}
@keyframes kxoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.kxp__oos{margin-top:12px;background:#EFE9F7;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:kxoSlide .3s ease both}
.kxp__oos[hidden]{display:none}
@keyframes kxoSlide{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.kxp__oos-top{display:flex;gap:10px;align-items:center}
.kxp__oos-top span{font-family:'Fredoka',sans-serif;font-weight:700;font-size:22px;color:#7A6E9A}
.kxp__oos-h{font-family:'Fredoka',sans-serif;font-weight:600;font-size:18px;line-height:1.2}
.kxp__oos-t{font-size:14px;line-height:1.5}
.kxp__oos-wa{height:46px;border-radius:999px;background:#3D6F30;color:#FFFFFF !important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px}
.kxp__oos-alt{height:46px;border-radius:999px;border:2px solid #1B2A4A;background:#FFFFFF;color:#1B2A4A;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.kxp__oos-note{font-size:12px;text-align:center;line-height:1.5}
.kxp__oos-note[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.kxp__zz i,.kxp__tile.is-oos .kxp__reader,.kxp__tile.is-oos .kxp__book-wrap,.kxp__tile.is-oos .kxp__tile-img,.kxp__oos{animation:none}.kxp__zz i{opacity:.8}.kxp__reader{transition:none}}