.pg-wrap{max-width:1200px;margin:20px auto;color:#eee;font-family:inherit}.pg-wrap *{box-sizing:border-box}.saved,.warning{padding:14px;border:1px solid #705087;border-radius:15px;background:#21112e}.top{display:grid;grid-template-columns:320px 1fr;gap:15px;padding:15px;border:1px solid #6b4c7e;border-radius:22px;background:linear-gradient(145deg,#160b21,#2a143d)}.brand{display:flex;gap:12px;align-items:center;font-size:65px}.brand small{display:block;color:#e3bc67}.brand b{display:block;color:#f3dba0;font:24px Georgia,serif}.xp{display:grid;grid-template-columns:1fr 320px 90px;gap:12px;align-items:center}.xp>div{height:12px;border-radius:99px;background:#46334f;overflow:hidden}.xp i{display:block;height:100%;background:linear-gradient(90deg,#d6ad55,#8151a8)}.reader{position:relative;margin-top:12px;padding:13px;border:1px solid #6d4e82;border-radius:22px;background:radial-gradient(circle at top,#2d1740,#100817 70%)}.toolbar,.nav{display:grid;grid-template-columns:50px 50px 1fr 45px 50px;gap:8px;align-items:center}.toolbar{margin-bottom:10px}.toolbar button,.nav button{padding:10px;border:1px solid #73558a;border-radius:99px;background:#251432;color:#edd08b}.title,.counter{text-align:center;color:#efd18f}.toc{position:absolute;z-index:9;top:62px;left:13px;display:none;width:min(390px,calc(100% - 26px));max-height:75vh;overflow:auto;padding:17px;border:1px solid #806095;border-radius:17px;background:#1b0e27}.toc.open{display:block}.toc>button:not(.close){display:flex;gap:9px;width:100%;padding:8px;border:0;border-bottom:1px solid #3a2943;background:none;color:#eee;text-align:left}.toc>button span{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#68418d}.close{position:absolute;right:8px;top:6px;border:0;background:none;color:#fff;font-size:25px}.book{position:relative;min-height:880px}.pg-page{display:none;position:absolute;inset:0}.pg-page.active{display:block;animation:flip .4s ease}.pg-paper{position:relative;min-height:880px;padding:45px 55px 60px;border:8px solid #4d3024;border-radius:19px;background:linear-gradient(90deg,#dac08e,#f8e9c8 6%,#f7e8ca 94%,#cfae79);color:#3e3438;box-shadow:0 28px 70px #0008}.pg-paper h2{text-align:center;font:34px Georgia,serif}.pg-paper p{font-size:18px;line-height:1.65}.num{position:absolute;top:16px;left:16px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#65358e;color:#fff;font-weight:bold}.pg-paper footer{position:absolute;left:0;right:0;bottom:18px;text-align:center}.cover{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.art{font-size:95px;text-align:center}.lead{font-size:22px!important}aside{margin-top:15px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#5c347a,#775095);color:#fff}.compare,.circles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare>div,.circles>div,.cards>div,.types>div,.steps>div{padding:14px;text-align:center;border-radius:14px;background:#fff6}.cards,.types{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cards b,.types b{display:block}.phrases{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phrases span{padding:18px;text-align:center;border-radius:14px;background:#654087;color:#fff;font:19px Georgia,serif}.formula{margin:30px auto;padding:22px;text-align:center;border-radius:14px;background:#654087;color:#fff;font-weight:bold}.steps{display:grid;gap:9px}.steps>div{display:grid;grid-template-columns:45px 1fr;text-align:left}.steps b{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#654087;color:#fff}.night{background:radial-gradient(circle at top,#40305e,#171025 70%);color:#f3e9f7}.night h2{color:#f5dba0}.play{display:block;width:80px;height:80px;margin:auto;border:2px solid #d4ae5c;border-radius:50%;background:#674189;color:#fff;font-size:30px}.medtext{text-align:center;font:20px Georgia,serif;margin:20px}.progress{height:8px;max-width:600px;margin:auto;border-radius:99px;background:#554561}.progress span{display:block;width:0;height:100%;background:#d6b15c}.form label{display:block;margin:10px 0;font-weight:bold}.form textarea{width:100%;min-height:85px;margin-top:5px;padding:10px;border:1px solid #b18b60;border-radius:10px;background:#fff8e9}.form fieldset{margin:12px 0;padding:12px;border:1px solid #b18b60;border-radius:11px}.radio{font-weight:normal!important}.radio input{position:absolute;opacity:0}.radio span{display:block;padding:8px;margin:5px 0;border:1px solid #bea078;border-radius:9px;background:#fff5}.radio input:checked+span{background:#654087;color:#fff}.complete{display:flex!important;gap:8px}.form>button{width:100%;padding:13px;border:0;border-radius:12px;background:#654087;color:#fff;font-weight:bold}.login{text-align:center;padding:28px}.login a{display:inline-block;margin-top:8px;padding:9px 14px;border-radius:99px;background:#654087;color:#fff}.awards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.awards div{padding:12px;text-align:center;border-radius:14px;background:#fff6}.dots{display:flex;justify-content:center;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#6a586e}.dots i.on{background:#d5ad56}.warning{margin-top:12px}@keyframes flip{from{opacity:0;transform:rotateY(-7deg)}to{opacity:1;transform:none}}@media(max-width:700px){.top{grid-template-columns:1fr}.xp{grid-template-columns:1fr}.book,.pg-paper{min-height:1080px}.pg-paper{padding:38px 22px 56px;border-width:6px}.pg-paper h2{font-size:27px}.pg-paper p{font-size:16px}.cover,.compare,.circles,.phrases,.cards,.types{grid-template-columns:1fr}.art{font-size:70px}.awards{grid-template-columns:1fr}}