:root{font-family:Nunito,Segoe UI,sans-serif;color:#e7edf7;background:#0b1020;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden;background:linear-gradient(135deg,#0b1020,#171d2d 52%,#091017)}button,select{font:inherit}.viewer-shell{width:100vw;height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:6px;background:linear-gradient(135deg,#0b1020,#151b2a 55%,#090d12)}.library-shell{--library-bg: none;--subscribe-button-height: 54px;position:relative;height:100svh;overflow:auto;display:block;padding:24px 18px 34px;background:linear-gradient(135deg,#050a1647,#07101833),var(--library-bg) center / cover no-repeat}.newsletter-link-button{position:fixed;z-index:20;top:18px;right:18px;min-height:54px;display:inline-flex;align-items:center;gap:10px;padding:9px 14px 9px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:linear-gradient(135deg,#34e0cc,#f6d365 52%,#ff7a59);color:#061018;font-weight:900;letter-spacing:0;cursor:pointer;box-shadow:0 18px 34px #00000057,0 0 0 5px #ffffff14}.newsletter-link-button img{width:54px;height:30px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))}.newsletter-link-button:hover{transform:translateY(-1px);box-shadow:0 22px 42px #00000061,0 0 0 6px #ffffff1f}.newsletter-modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#030812ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.newsletter-modal{position:relative;width:min(92vw,410px);border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#0a121ef5;color:#f8fbff;box-shadow:0 24px 70px #0000006b}.newsletter-close{position:absolute;z-index:2;top:10px;right:10px;width:32px;height:32px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#f8fbff;cursor:pointer;font-weight:900}.newsletter-form,.newsletter-thanks{display:grid;gap:14px;padding:28px}.newsletter-modal-logo{width:112px;height:52px;object-fit:contain}.newsletter-form h2,.newsletter-thanks h2{margin:0;color:#fff;font-size:1.35rem;line-height:1.12}.newsletter-form label{display:grid;gap:7px;color:#dce9f8;font-size:.92rem;font-weight:800}.newsletter-form input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#ffffff1a;color:#fff;padding:0 12px;outline:none}.newsletter-form input:focus{border-color:#38d8c6;box-shadow:0 0 0 3px #38d8c62e}.newsletter-submit{min-height:44px;border:0;border-radius:7px;background:linear-gradient(135deg,#38d8c6,#8ec5ff);color:#061018;cursor:pointer;font-weight:900}.newsletter-submit:disabled{cursor:wait;opacity:.72}.newsletter-error{margin:0;border:1px solid rgba(248,113,113,.35);border-radius:7px;background:#7f1d1d3d;color:#fecaca;padding:9px 10px;font-size:.9rem;font-weight:800}.newsletter-thanks{text-align:center;place-items:center}.newsletter-thanks p{margin:0;color:#dce9f8}.newsletter-thanks-icon{width:82px;height:82px;object-fit:contain}.library-grid{width:min(100%,1180px);margin:calc(var(--subscribe-button-height) * 1.1) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;justify-content:center;gap:18px}.magazine-card{position:relative;width:100%;min-width:0;padding:0;display:grid;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff14;color:#f6f8fc;cursor:pointer;text-decoration:none;box-shadow:0 18px 38px #00000047}.magazine-card img,.cover-placeholder{width:100%;aspect-ratio:3 / 4;display:grid;place-items:center;object-fit:cover;background:#d8dce2}.cover-placeholder{color:#334155;gap:10px;font-weight:800}.magazine-date{padding:10px 12px;text-align:left;font-weight:700;background:#080d16d1}.new-badge{position:absolute;z-index:2;top:10px;right:10px;padding:5px 9px;border-radius:999px;background:#38d8c6;color:#061018;font-size:.78rem;font-weight:900;letter-spacing:0}.viewer-shell.is-fallback-fullscreen{position:fixed;inset:0;z-index:9999;width:100vw;height:100dvh;min-height:100dvh}.viewer-header{min-height:40px;display:grid;grid-template-columns:minmax(160px,1fr) auto;align-items:center;gap:8px;padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0f}.viewer-brand-track{position:relative;min-width:0;height:53px;overflow:hidden}.viewer-brand-logo{position:absolute;z-index:2;left:0;bottom:1px;width:124px;height:50px;object-fit:contain;object-position:center;animation:swim-across 9s linear infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35))}.viewer-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}.viewer-actions select,.viewer-actions button{min-height:29px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#ffffff1a;color:#f6f8fc;padding:0 8px}.viewer-actions select{min-width:128px;cursor:pointer}.viewer-actions option{color:#f6f8fc;background:#101827}.viewer-actions button{cursor:pointer;font-weight:700}.viewer-actions .icon-button{width:30px;min-width:30px;padding:0;display:inline-grid;place-items:center}.icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.viewer-actions button:disabled{cursor:not-allowed;opacity:.42}.page-indicator{min-width:43px;text-align:center;color:#c8d2e1;white-space:nowrap}.book-wrap{min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:center;gap:6px;overflow:hidden;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#d8dce2;overscroll-behavior:contain}.book-host,.book{width:100%;max-width:100%;margin:0 auto;background:#d8dce2}.book-host{min-height:0;display:grid;place-items:start center;overflow:auto}.mobile-page-host{width:100%;height:100%;min-height:0;display:grid;place-items:start center;overflow:auto;background:#d8dce2;perspective:1600px}.mobile-page-frame{position:relative;flex:0 0 auto;cursor:pointer;transform-style:preserve-3d}.mobile-pdf-page{position:absolute;inset:0 auto auto 0;transform-origin:top left;box-shadow:0 10px 24px #151b242e;backface-visibility:hidden;will-change:transform,opacity}.mobile-pdf-page.mobile-flip-next{animation:mobile-flip-next .36s cubic-bezier(.2,.7,.2,1) both;transform-origin:left center}.mobile-pdf-page.mobile-flip-prev{animation:mobile-flip-prev .36s cubic-bezier(.2,.7,.2,1) both;transform-origin:right center}.book.stf__parent,.book .stf__wrapper,.book .stf__block,.book .stf__canvas{background:#d8dce2}.book .stf__wrapper{height:100%!important;padding-bottom:0!important;overflow:hidden}.book .stf__block,.book .stf__canvas{height:100%!important}.book img{object-fit:contain;background:#fff;box-shadow:0 10px 24px #151b242e}.pdf-page{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.pdf-page-image{width:100%;height:100%;display:block;object-fit:fill;box-shadow:none}.pdf-link{position:absolute;z-index:5;display:block;background:transparent;cursor:pointer}.pdf-link:focus-visible{outline:2px solid #1d70b8;outline-offset:2px}.status{position:absolute;inset:4px;z-index:5;display:grid;place-content:center;border-radius:6px;background:#040912c7;color:#f8fbff;text-align:center;padding:1rem}.loading-card{justify-items:center;gap:16px;background:linear-gradient(135deg,#050a16db,#0a1621c7),radial-gradient(circle at 50% 30%,rgba(45,212,191,.16),transparent 30%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-mark{position:relative;width:76px;height:76px;display:grid;place-items:center}.loader-mark:before{content:"";position:relative;z-index:2;width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#38d8c6;border-right-color:#8ec5ff;animation:loader-spin .9s linear infinite}.loader-mark img{position:absolute;z-index:1;width:58px;height:58px;border-radius:50%;object-fit:contain;overflow:hidden;filter:drop-shadow(0 6px 10px rgba(0,0,0,.28))}.loader-mark-cover{width:58px;height:58px}.loader-mark-cover:before{width:48px;height:48px;border-width:2px;border-top-color:#0f766e;border-right-color:#2563eb}.loader-mark-cover img{width:42px;height:42px}.loader-copy{display:grid;gap:4px}.loader-copy strong{font-size:1rem;letter-spacing:0}.loader-copy small{color:#b9c6d8}.loader-track{--progress: 18%;width:min(280px,70vw);height:7px;border-radius:999px;overflow:hidden;background:#ffffff24}.loader-track:before{content:"";display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#38d8c6,#8ec5ff);transition:width .22s ease}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes swim-across{0%{transform:translate(-165px)}to{transform:translate(calc(100vw - 360px))}}@keyframes mobile-flip-next{0%{opacity:.72;transform:scale(var(--mobile-scale)) rotateY(-72deg)}to{opacity:1;transform:scale(var(--mobile-scale)) rotateY(0)}}@keyframes mobile-flip-prev{0%{opacity:.72;transform:scale(var(--mobile-scale)) rotateY(72deg)}to{opacity:1;transform:scale(var(--mobile-scale)) rotateY(0)}}.status-error{color:#fecaca}@media(max-width:760px){.library-shell{--subscribe-button-height: 42px;padding:12px 12px 26px}.newsletter-link-button{top:10px;right:10px;min-height:42px;padding:6px 10px 6px 7px;font-size:.86rem}.newsletter-link-button img{width:42px;height:24px}.newsletter-form,.newsletter-thanks{padding:24px 18px 18px}.library-grid{margin-top:calc((var(--subscribe-button-height) * 1.1) + 8px);grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}.magazine-card{width:min(100%,360px);justify-self:center}.viewer-shell{gap:4px;padding:4px}.viewer-header{grid-template-columns:1fr;gap:6px;min-height:0}.viewer-brand-track{height:43px}.viewer-brand-logo{width:102px;height:42px}@keyframes swim-across{0%{transform:translate(-135px)}to{transform:translate(calc(100vw - 148px))}}.viewer-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;width:100%}.viewer-actions button:last-child{display:none}.viewer-actions select,.viewer-actions button{min-height:27px;padding:0 6px;font-size:.82rem}.viewer-actions .icon-button{width:27px;min-width:27px;padding:0}.icon-button svg{width:15px;height:15px}.page-indicator{min-width:34px;font-size:.78rem}}
