.comic-preview-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.2s cpFade;display:flex;position:fixed;inset:0}@keyframes cpFade{0%{opacity:0}to{opacity:1}}.comic-preview-modal{background:linear-gradient(165deg,#191926,#0d0d16);border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:360px;animation:.28s cubic-bezier(.2,.8,.2,1) cpPop;position:relative;overflow:hidden;box-shadow:0 24px 70px #000000a6}@keyframes cpPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.comic-preview-close{z-index:3;cursor:pointer;background:#00000080;border:none;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .15s;display:grid;position:absolute;top:12px;right:12px}.comic-preview-close:hover{background:#000000bf}.comic-preview-poster{width:100%;position:relative;overflow:hidden}.comic-preview-poster img{width:100%;height:auto;margin-bottom:-15%;display:block}.comic-preview-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0d0d1680 45%,#0d0d16 88%);height:40%;position:absolute;bottom:0;left:0;right:0}.comic-preview-bubble{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:.3px;white-space:nowrap;background:#000000bf;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.comic-preview-body{z-index:2;text-align:center;margin-top:-46px;padding:0 22px 22px;position:relative}.comic-preview-status{letter-spacing:.4px;color:#e879f9;text-shadow:0 1px 8px #0009;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.comic-preview-title{color:#fff;margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.2}.comic-preview-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.comic-preview-note{color:#ffffffc7;margin:0 0 18px;font-size:13px;line-height:1.45}.comic-preview-rating{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;padding:2px 9px;font-size:12px;font-weight:700}.comic-preview-genre{color:#ffffffb3;font-size:13px;font-weight:500}.comic-preview-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s}.comic-preview-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #a855f766}