.cdm-magazine-shelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:42px 32px;align-items:start;justify-content:center;width:100%;margin:0 auto}.cdm-magazine-experience{min-width:0;text-align:center}.cdm-cover-card{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;appearance:none;perspective:1200px}.cdm-cover-card img,.cdm-cover-fallback{display:block;width:100%;aspect-ratio:0.707/1;object-fit:cover;border-radius:2px;box-shadow:0 16px 38px rgba(0,0,0,.22),0 3px 9px rgba(0,0,0,.15);transition:transform .28s ease,box-shadow .28s ease}.cdm-cover-card:hover img,.cdm-cover-card:focus-visible img,.cdm-cover-card:hover .cdm-cover-fallback,.cdm-cover-card:focus-visible .cdm-cover-fallback{transform:translateY(-7px) rotateX(1deg);box-shadow:0 24px 50px rgba(0,0,0,.28),0 6px 15px rgba(0,0,0,.16)}.cdm-cover-card:focus-visible{outline:3px solid currentColor;outline-offset:8px}.cdm-cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#f2f2f2;color:#222}.cdm-cover-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:14px;opacity:.72}.cdm-cover-meta span+span:before{content:'•';margin-right:8px}.cdm-notice{padding:16px;background:#fff8e5;border:1px solid #e8d28f}

.cdm-modal[hidden]{display:none!important}.cdm-modal{position:fixed;inset:0;z-index:999999;display:block}.cdm-modal__backdrop{position:absolute;inset:0;background:rgba(7,10,16,.96);backdrop-filter:blur(8px)}.cdm-modal__dialog{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cdm-stage{position:relative;width:min(94vw,1500px);height:min(92vh,1050px);display:flex;align-items:center;justify-content:center}.cdm-pages{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2px;opacity:0;transform:scale(.985);transition:opacity .2s ease,transform .2s ease}.cdm-modal.is-ready .cdm-pages{opacity:1;transform:none}.cdm-page{display:block;max-width:49.5%;max-height:92vh;width:auto;height:auto;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.38)}.cdm-page.is-hidden{display:none}.cdm-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;font:500 15px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;z-index:2}.cdm-modal.is-ready .cdm-loading{display:none}.cdm-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:cdm-spin .8s linear infinite}@keyframes cdm-spin{to{transform:rotate(360deg)}}.cdm-reader-error{max-width:520px;color:#fff;text-align:center;font:500 16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:24px}.cdm-modal__close,.cdm-reader-arrow{position:absolute;z-index:4;border:0;background:rgba(0,0,0,.28);color:#fff;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.cdm-modal__close{top:18px;right:22px;width:48px;height:48px;border-radius:50%;font-size:34px;line-height:1}.cdm-reader-arrow{top:50%;transform:translateY(-50%);width:54px;height:78px;border-radius:16px;font-size:54px;font-weight:200}.cdm-reader-arrow:hover,.cdm-modal__close:hover{background:rgba(255,255,255,.18)}.cdm-reader-arrow:disabled{opacity:.2;cursor:default}.cdm-prev{left:20px}.cdm-next{right:20px}.cdm-page-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:4;color:rgba(255,255,255,.72);font:500 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.02em}.cdm-body-lock{overflow:hidden!important}

@media(max-width:760px){.cdm-magazine-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.cdm-stage{width:100vw;height:100vh;padding:58px 12px 48px}.cdm-pages{gap:0}.cdm-page{max-width:100%;max-height:calc(100vh - 110px)}.cdm-reader-arrow{width:44px;height:64px;font-size:42px;border-radius:12px}.cdm-prev{left:8px}.cdm-next{right:8px}.cdm-modal__close{top:10px;right:10px;width:44px;height:44px}.cdm-cover-meta{font-size:12px}}
@media(max-width:480px){.cdm-magazine-shelf{grid-template-columns:1fr;max-width:330px}.cdm-cover-meta{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cdm-cover-card img,.cdm-cover-fallback,.cdm-pages,.cdm-modal__close,.cdm-reader-arrow{transition:none}.cdm-spinner{animation-duration:1.5s}}