:root{--blue-950:#071739;--blue-900:#0c2340;--blue-800:#143769;--blue-700:#1d4ed8;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-400:#60a5fa;--blue-100:#dbeafe;--blue-50:#eff6ff;--orange-700:#c2410c;--orange-600:#ea580c;--orange-500:#f97316;--orange-400:#fb923c;--orange-200:#fed7aa;--orange-100:#ffedd5;--orange-50:#fff7ed;--white:#ffffff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-display:"Outfit","Plus Jakarta Sans",sans-serif;--shadow-subtle:0 4px 6px -1px rgba(12,35,64,0.05),0 2px 4px -2px rgba(12,35,64,0.05);--shadow-card:0 10px 25px -5px rgba(12,35,64,0.08),0 8px 10px -6px rgba(12,35,64,0.04);--shadow-card-hover:0 20px 35px -10px rgba(12,35,64,0.15),0 10px 15px -5px rgba(234,88,12,0.12);--shadow-orange:0 10px 25px -5px rgba(234,88,12,0.35);--shadow-blue:0 10px 25px -5px rgba(37,99,235,0.35);--shadow-modal:0 25px 50px -12px rgba(7,23,57,0.35);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--slate-50);color:var(--slate-800);line-height:1.5;-webkit-font-smoothing:antialiased}.mag-nav{position:sticky;top:0;z-index:40;background:var(--white);border-bottom:1px solid var(--blue-100);box-shadow:0 2px 8px rgba(12,35,64,.04);backdrop-filter:blur(12px)}.mag-nav-inner{max-width:1280px;margin:0 auto;padding:.85rem 1.5rem;justify-content:space-between}.mag-logo-group,.mag-nav-inner{display:flex;align-items:center}.mag-logo-group{gap:.75rem;text-decoration:none;cursor:pointer}.mag-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-700) 0,var(--blue-900) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue);border:1px solid var(--blue-500);position:relative}.mag-logo-icon:after{content:"";position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:var(--orange-500);border-radius:50%;border:2px solid var(--white)}.mag-logo-text h2{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--blue-950);letter-spacing:-.02em;line-height:1.1}.mag-logo-text span{font-size:.72rem;font-weight:600;color:var(--orange-600);text-transform:uppercase;letter-spacing:.08em}.mag-nav-actions{display:flex;align-items:center;gap:.75rem}.mag-hero{position:relative;background:linear-gradient(135deg,var(--blue-950) 0,var(--blue-900) 45%,var(--blue-800) 100%);color:var(--white);padding:3.5rem 1.5rem 4rem;overflow:hidden;border-bottom:3px solid var(--orange-500)}.mag-hero-glow-orange{top:-100px;right:-80px;width:450px;height:450px;background:radial-gradient(circle,rgba(249,115,22,.22) 0,transparent 70%)}.mag-hero-glow-blue,.mag-hero-glow-orange{position:absolute;border-radius:50%;pointer-events:none}.mag-hero-glow-blue{bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.25) 0,transparent 70%)}.mag-hero-content{position:relative;max-width:900px;margin:0 auto;text-align:center;z-index:2}.mag-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:var(--radius-full);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--orange-400);font-size:.8rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.25rem;backdrop-filter:blur(8px)}.mag-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--white);margin-bottom:1rem}.mag-hero-title .highlight{color:var(--orange-400);background:linear-gradient(120deg,var(--orange-400),#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mag-hero-desc{font-size:1.05rem;color:var(--blue-100);max-width:680px;margin:0 auto 2rem;line-height:1.6}.mag-search-container{max-width:580px;margin:0 auto;position:relative}.mag-search-input{width:100%;padding:.95rem 1.25rem .95rem 3rem;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.95);color:var(--blue-950);font-size:.95rem;font-family:var(--font-sans);box-shadow:0 15px 30px rgba(0,0,0,.2);transition:all .25s ease}.mag-search-input:focus{outline:none;background:var(--white);border-color:var(--orange-500);box-shadow:0 0 0 4px rgba(249,115,22,.25)}.mag-search-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:var(--slate-400);pointer-events:none}.mag-catalog-section{max-width:1280px;margin:-1.75rem auto 4rem;padding:0 1.5rem;position:relative;z-index:10}.mag-filter-bar{background:var(--white);border:1px solid var(--blue-100);border-radius:var(--radius-xl);padding:1rem 1.5rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.mag-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.mag-type-tabs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mag-type-tab{padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;border:1px solid transparent;cursor:pointer;background:var(--slate-100);color:var(--slate-600);transition:all .2s ease}.mag-type-tab:hover{background:var(--blue-50);color:var(--blue-700)}.mag-type-tab.active{background:var(--blue-600);color:var(--white);border-color:var(--blue-600);box-shadow:0 4px 12px rgba(37,99,235,.25)}.mag-role-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.mag-role-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500)}.mag-role-pill{padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;border:1px solid var(--slate-200);background:var(--white);color:var(--slate-700);cursor:pointer;transition:all .2s ease}.mag-role-pill:hover{border-color:var(--orange-400);color:var(--orange-600);background:var(--orange-50)}.mag-role-pill.active{background:var(--orange-500);color:var(--white);border-color:var(--orange-500);box-shadow:0 4px 12px rgba(249,115,22,.25)}.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}.mag-card{background:#0B1120;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.4);padding:.85rem;max-width:300px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;color:inherit;position:relative}.mag-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.15);box-shadow:var(--shadow-card-hover)}.mag-cover-wrapper{position:relative;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.mag-cover-img,.mag-cover-wrapper{width:100%;height:auto;border-radius:var(--radius-lg)}.mag-cover-img{object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mag-card:hover .mag-cover-img{transform:scale(1.05)}.mag-cover-spine{position:absolute;top:0;left:0;bottom:0;width:18px;background:linear-gradient(90deg,rgba(0,0,0,.45) 0,rgba(255,255,255,.15) 30%,transparent);pointer-events:none;z-index:3}.mag-badge-container{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;z-index:4}.mag-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.mag-badge-free{background:#022c22;color:#34d399;border:1px solid #059669}.mag-badge-member{background:rgba(37,99,235,.95);color:var(--white);border:1px solid rgba(255,255,255,.4)}.mag-badge-lead{background:rgba(147,51,234,.95);color:var(--white)}.mag-badge-passcode{background:rgba(234,88,12,.95);color:var(--white)}.mag-badge-pages{background:rgba(7,23,57,.8);color:var(--white);font-family:var(--font-sans);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.3rem}.mag-card-body{padding:.85rem 0 .5rem;display:flex;flex-direction:column;flex:1;background:transparent}.mag-card-roles{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.mag-card-role-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--blue-700);background:var(--blue-50);padding:.15rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--blue-100)}.mag-card-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.mag-card:hover .mag-card-title{color:var(--orange-600)}.mag-card-desc{font-size:.8rem;color:var(--slate-400);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.mag-card-footer{padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.mag-card-footer:hover .mag-read-icon,.mag-card-footer:hover .mag-read-text{color:var(--orange-400)}.mag-read-text{font-size:.85rem;font-weight:700}.mag-read-icon,.mag-read-text{color:var(--orange-500);transition:color .2s ease}.mag-read-btn:hover{transform:translateX(3px);background:linear-gradient(135deg,var(--orange-600) 0,var(--orange-700) 100%);box-shadow:0 6px 14px rgba(234,88,12,.35)}.reader-container{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--slate-900);color:var(--white);overflow:hidden;position:relative;user-select:none}.reader-header{height:60px;background:var(--blue-950);border-bottom:2px solid var(--orange-500);padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;z-index:30;box-shadow:0 4px 15px rgba(0,0,0,.2)}.reader-header-left{display:flex;align-items:center;gap:.85rem;min-width:0}.reader-back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--radius-md);background:rgba(255,255,255,.1);color:var(--white);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.15);cursor:pointer;text-decoration:none;transition:all .2s ease}.reader-back-btn:hover{background:var(--orange-600);border-color:var(--orange-600)}.reader-title-info{display:flex;flex-direction:column;min-width:0}.reader-title{font-size:.92rem;font-weight:700;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}@media (min-width:768px){.reader-title{max-width:500px}}.reader-subtitle{font-size:.72rem;color:var(--blue-400);display:flex;align-items:center;gap:.4rem}.reader-header-right{display:flex;align-items:center;gap:.5rem}.reader-pill-badge{display:inline-flex;gap:.35rem;padding:.3rem .7rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;background:var(--orange-500)}.reader-icon-btn,.reader-pill-badge{align-items:center;color:var(--white)}.reader-icon-btn{width:36px;height:36px;border-radius:var(--radius-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;justify-content:center;cursor:pointer;transition:all .2s ease}.reader-icon-btn:hover{background:var(--blue-600);border-color:var(--blue-400)}.reader-icon-btn.active{background:var(--orange-500);border-color:var(--orange-400)}.reader-stage{flex:1;position:relative;padding:1.5rem;background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%);overflow:hidden}.reader-nav-arrow,.reader-stage{display:flex;align-items:center;justify-content:center}.reader-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--blue-900);border:2px solid var(--blue-500);color:var(--white);cursor:pointer;z-index:25;box-shadow:0 10px 25px rgba(0,0,0,.5);transition:all .2s cubic-bezier(.16,1,.3,1)}.reader-nav-arrow:hover:not(:disabled){background:var(--orange-500);border-color:var(--orange-400);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-orange)}.reader-nav-arrow:disabled{opacity:.25;cursor:not-allowed}.reader-nav-arrow.left{left:1.5rem}.reader-nav-arrow.right{right:1.5rem}.reader-blur-shield{position:absolute;inset:0;z-index:60;background:rgba(7,23,57,.97);backdrop-filter:blur(18px);flex-direction:column;text-align:center;padding:2rem;cursor:pointer}.reader-blur-icon,.reader-blur-shield{display:flex;align-items:center;justify-content:center}.reader-blur-icon{width:64px;height:64px;border-radius:50%;background:rgba(234,88,12,.2);border:2px solid var(--orange-500);color:var(--orange-400);margin:0 auto 1.25rem}.reader-blur-shield h3{font-size:1.35rem;font-weight:800;color:var(--white);margin-bottom:.5rem}.reader-blur-shield p{font-size:.88rem;color:var(--blue-100);max-width:440px;margin:0 auto 1.5rem;line-height:1.5}.fb-stage{width:100%;height:100%;transition:transform .2s cubic-bezier(.25,1,.5,1);transform-origin:center center;user-select:none}.fb-flipbook-wrap,.fb-stage{display:flex;align-items:center;justify-content:center}.fb-htmlflipbook{margin:0 auto}.fb-flip-page{background:#1e293b;box-shadow:0 20px 60px rgba(0,0,0,.8)}.fb-flip-page,.fb-page-card{width:100%;height:100%;overflow:hidden;position:relative}.fb-page-card{background:#fff;display:flex;align-items:center;justify-content:center}.fb-page-card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;will-change:transform;transform:translateZ(0)}.fb-drm-shield{z-index:10;cursor:default;pointer-events:auto;-webkit-user-drag:none}.fb-drm-shield,.fb-watermark{position:absolute;inset:0;user-select:none}.fb-watermark{z-index:11;opacity:.045;transform:rotate(-15deg);font-size:1.1rem;font-weight:900;color:#0f172a;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;padding:1rem}.fb-locked-card,.fb-watermark{display:flex;align-items:center;justify-content:center;text-align:center}.fb-locked-card{width:100%;height:100%;flex-direction:column;gap:.65rem;background:linear-gradient(160deg,#0f2b54,#0c2340);padding:1.5rem;cursor:pointer}.fb-locked-icon-wrap{width:54px;height:54px;border-radius:14px;background:rgba(234,88,12,.15);border:1.5px solid rgba(234,88,12,.4);color:var(--orange-400);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(234,88,12,.25);transition:transform .2s ease,background .2s ease}.fb-locked-card:hover .fb-locked-icon-wrap{transform:scale(1.1);background:rgba(234,88,12,.25)}.fb-locked-title{font-size:.95rem;font-weight:800;color:#fff;margin:0}.fb-locked-desc{font-size:.75rem;color:rgba(255,255,255,.5);max-width:200px;line-height:1.5;margin:0}.fb-unlock-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--orange-500),#f59e0b);color:#fff;font-size:.75rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(234,88,12,.35);transition:transform .15s ease,box-shadow .15s ease}.fb-unlock-trigger:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 6px 20px rgba(234,88,12,.45)}.fb-page-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#1e293b;color:var(--slate-400);font-size:.75rem;font-family:monospace}.fb-spinner{display:block;color:var(--orange-500);animation:fb-spin 1s linear infinite}@keyframes fb-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fb-page-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-family:monospace;font-size:.75rem}.fb-no-pages{padding:3rem 2rem;text-align:center;background:var(--blue-950);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.08);color:var(--slate-400)}.fb-spread{display:flex;align-items:stretch;justify-content:center;height:calc(100vh - 148px);max-height:880px;transition:opacity .28s ease,transform .34s cubic-bezier(.4,0,.2,1)}.fb-spread-single{max-width:calc((100vh - 148px) * .707)}.fb-spread-double{max-width:min(calc((100vh - 148px) * 1.414),calc(100vw - 180px))}@keyframes fb-flip-right-out{0%{opacity:1;transform:perspective(1200px) rotateY(0deg)}50%{opacity:.3;transform:perspective(1200px) rotateY(-8deg)}to{opacity:1;transform:perspective(1200px) rotateY(0deg)}}@keyframes fb-flip-left-out{0%{opacity:1;transform:perspective(1200px) rotateY(0deg)}50%{opacity:.3;transform:perspective(1200px) rotateY(8deg)}to{opacity:1;transform:perspective(1200px) rotateY(0deg)}}.fb-flip-right{animation:fb-flip-right-out .34s ease forwards}.fb-flip-left{animation:fb-flip-left-out .34s ease forwards}.fb-spine{width:10px;flex-shrink:0;background:linear-gradient(90deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.08) 40%,rgba(0,0,0,.08) 60%,rgba(0,0,0,.35));border-radius:1px;align-self:stretch;pointer-events:none}.fb-page{position:relative;flex:1;display:flex;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25),0 20px 60px rgba(0,0,0,.5);border-radius:2px}.fb-page-left{border-radius:2px 0 0 2px;box-shadow:-6px 0 18px rgba(0,0,0,.18),0 20px 60px rgba(0,0,0,.5)}.fb-page-right,.fb-page-single{border-radius:0 2px 2px 0;box-shadow:6px 0 18px rgba(0,0,0,.18),0 20px 60px rgba(0,0,0,.5)}.fb-page-single{border-radius:2px}.fb-page-cover{box-shadow:8px 0 24px rgba(0,0,0,.4),0 20px 60px rgba(0,0,0,.6),inset -4px 0 8px rgba(0,0,0,.15)}.fb-page-empty{flex:1;background:transparent;box-shadow:none}.fb-page-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;image-rendering:auto;-webkit-image-rendering:auto;will-change:transform;transform:translateZ(0);-webkit-user-drag:none}.fb-page-img,.fb-page-num{pointer-events:none;user-select:none}.fb-page-num{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);font-size:.68rem;font-family:monospace;color:rgba(0,0,0,.35);background:rgba(255,255,255,.6);padding:1px 6px;border-radius:8px}.fb-page-locked{background:linear-gradient(135deg,var(--blue-50) 0,#f8faff 100%)}.fb-locked-overlay{position:absolute;inset:0;flex-direction:column;gap:.75rem;text-align:center;padding:2rem}.fb-locked-icon,.fb-locked-overlay{display:flex;align-items:center;justify-content:center}.fb-locked-icon{width:56px;height:56px;border-radius:50%;background:var(--orange-100);color:var(--orange-600);box-shadow:0 8px 20px rgba(234,88,12,.2)}.fb-locked-label{font-weight:800;font-size:1rem;color:var(--blue-950);margin:0}.fb-unlock-btn{padding:.55rem 1.25rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--orange-500),var(--orange-600));color:#fff;font-size:.82rem;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-orange);transition:transform .15s ease,box-shadow .15s ease}.fb-unlock-btn:hover{transform:translateY(-1px) scale(1.03)}.reader-watermark{position:absolute;inset:0;pointer-events:none;opacity:.05;transform:rotate(-25deg);z-index:6;font-size:1.5rem;font-weight:900;color:var(--blue-900);text-transform:uppercase;letter-spacing:.2em}.reader-locked-page,.reader-watermark{display:flex;align-items:center;justify-content:center;text-align:center}.reader-locked-page{width:100%;height:100%;flex-direction:column;padding:2rem;background:linear-gradient(135deg,var(--blue-50) 0,var(--white) 100%);color:var(--blue-950)}.reader-locked-icon{width:56px;height:56px;border-radius:50%;background:var(--orange-100);color:var(--orange-600);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 16px rgba(234,88,12,.18)}.reader-locked-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--blue-950);margin-bottom:.5rem}.reader-locked-text{font-size:.85rem;color:var(--slate-600);max-width:260px;margin-bottom:1.25rem;line-height:1.5}.reader-unlock-btn{padding:.65rem 1.5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--orange-500) 0,var(--orange-600) 100%);color:var(--white);font-size:.85rem;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-orange);display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.reader-unlock-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--orange-600) 0,var(--orange-700) 100%)}.reader-footer{height:54px;background:var(--white);border-top:1px solid var(--slate-200);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:30;color:var(--slate-700);box-shadow:0 -2px 10px rgba(0,0,0,.05)}.reader-page-counter{font-size:.82rem;font-weight:700;color:var(--blue-950);background:var(--blue-50);padding:.35rem .85rem;border-radius:var(--radius-full);border:1px solid var(--blue-100)}.reader-scrubber{display:flex;align-items:center;gap:.75rem;width:320px;max-width:40vw}.reader-scrubber input[type=range]{width:100%;accent-color:var(--orange-500);cursor:pointer}.reader-quick-nav{display:flex;align-items:center;gap:.4rem}.reader-nav-btn{padding:.35rem .75rem;border-radius:var(--radius-md);background:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-700);font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:all .2s ease}.reader-nav-btn:hover:not(:disabled){background:var(--blue-600);color:var(--white);border-color:var(--blue-600)}.reader-nav-btn:disabled{opacity:.4;cursor:not-allowed}.reader-thumbnail-drawer{position:absolute;bottom:54px;left:0;right:0;height:180px;background:rgba(12,35,64,.95);backdrop-filter:blur(16px);border-top:2px solid var(--orange-500);z-index:35;padding:1rem 1.5rem;overflow-x:auto;display:flex;gap:1rem;box-shadow:0 -10px 30px rgba(0,0,0,.5)}.reader-thumb-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;cursor:pointer;background:transparent;border:none;color:var(--white)}.reader-thumb-img-box{width:90px;height:125px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid rgba(255,255,255,.2);position:relative;background:var(--white);transition:all .2s ease}.reader-thumb-item:hover .reader-thumb-img-box{transform:translateY(-4px);border-color:var(--orange-400)}.reader-thumb-item.active .reader-thumb-img-box{border-color:var(--orange-500);box-shadow:0 0 0 3px rgba(249,115,22,.4)}.reader-thumb-locked{width:100%;height:100%;background:var(--blue-900);flex-direction:column;color:var(--orange-400);font-size:.7rem}.gated-modal-backdrop,.reader-thumb-locked{display:flex;align-items:center;justify-content:center}.gated-modal-backdrop{position:absolute;inset:0;background:rgba(7,23,57,.85);backdrop-filter:blur(8px);padding:1.5rem;z-index:50;animation:fadeIn .25s ease-out}.gated-modal-card{width:100%;max-width:480px;background:var(--white);border-radius:var(--radius-xl);border:2px solid var(--blue-100);box-shadow:var(--shadow-modal);padding:2.25rem;position:relative;overflow:hidden;color:var(--slate-800)}.gated-modal-accent-bar{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--blue-600) 0,var(--orange-500) 100%)}.gated-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.gated-modal-icon{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--orange-50);color:var(--orange-600);border:1px solid var(--orange-200);display:flex;align-items:center;justify-content:center}.gated-modal-close{background:transparent;border:none;color:var(--slate-400);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);transition:all .2s ease}.gated-modal-close:hover{background:var(--slate-100);color:var(--slate-700)}.gated-modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--blue-950);line-height:1.2;margin-bottom:.5rem}.gated-modal-desc{font-size:.9rem;color:var(--slate-600);line-height:1.5;margin-bottom:1.5rem}.gated-form-group{margin-bottom:1rem;text-align:left}.gated-form-label{display:block;font-size:.78rem;font-weight:700;color:var(--blue-950);margin-bottom:.4rem}.gated-input-wrapper{position:relative}.gated-input-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--slate-400);pointer-events:none}.gated-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius-md);border:1.5px solid var(--slate-200);background:var(--white);color:var(--blue-950);font-size:.88rem;font-family:var(--font-sans);transition:all .2s ease}.gated-input:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.gated-submit-btn{width:100%;padding:.85rem 1.5rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--orange-500) 0,var(--orange-600) 100%);color:var(--white);font-size:.92rem;font-weight:700;border:none;cursor:pointer;box-shadow:var(--shadow-orange);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:1.25rem}.gated-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--orange-600) 0,var(--orange-700) 100%);transform:translateY(-2px)}.gated-submit-btn:disabled{opacity:.6;cursor:not-allowed}.mag-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;gap:.75rem}.mag-toast{padding:.85rem 1.25rem;border-radius:var(--radius-md);background:var(--blue-950);color:var(--white);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-modal);border-left:4px solid var(--orange-500);display:flex;align-items:center;gap:.75rem;animation:slideInRight .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}