:root{--lux-gold:#f0b93d;--lux-gold2:#ffd66b;--lux-ink:#010407;--lux-panel:#071117;--lux-teal:#0d6570}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010407;color:#eef3f4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 70% 0,#0b2428 0,transparent 28%),#010407!important}.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;padding:28px 20px;background:linear-gradient(180deg,#020507,#03141b)!important;border-right:1px solid #624719!important}.brand{text-align:center;color:#fff}.brand .crown{font-size:32px;color:var(--lux-gold)}.brand h1{margin:8px 0 2px;color:var(--lux-gold2);letter-spacing:3px}.brand h2{margin:0;font-size:14px;letter-spacing:3px}.brand small{display:block;margin-top:10px;color:#9eaaae;font-size:9px;letter-spacing:1px}.nav{display:grid;gap:9px;margin-top:34px}.nav button{width:100%;padding:13px 14px;border:1px solid #26363d;border-radius:10px;background:#071017;color:#dbe4e6;text-align:left;font-size:14px}.nav button.active{border-color:#b48125!important;color:#ffd56a!important;background:linear-gradient(90deg,#241b0a,#081117)!important}.membercard{margin-top:28px;padding:14px;border:1px solid #2d4048;border-radius:12px;background:#061017;color:#d9e3e5}.main{min-width:0}.top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:15px 24px;background:#02070bf2;border-bottom:1px solid #273137;backdrop-filter:blur(18px)}.search{width:100%;min-width:0;padding:13px 16px;border:1px solid #35464f;border-radius:999px;background:#03090e;color:#fff;font-size:14px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{padding:9px 12px;border:1px solid #35464f;border-radius:999px;background:#071017;color:#dce4e6}.access{padding:10px 13px;border:1px solid #a87820;border-radius:999px;color:#ffd369;font-size:12px;white-space:nowrap}.content{max-width:1280px;margin:auto;padding:24px!important}.starter{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px;border:1px solid #31515a;border-radius:18px;background:linear-gradient(120deg,#061117,#08343a);box-shadow:0 18px 50px #0007}.starterCover{aspect-ratio:3/4;padding:18px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #bd8c2d;border-radius:8px;background:#020508;color:#f4c85e;line-height:1.25}.starter h2{margin:8px 0;color:#fff;font-size:28px}.starter p{color:#c4d0d3;line-height:1.6}.freebadge{color:#f5c75c;font-size:11px;font-weight:800;letter-spacing:1px}.starter button,.actions button{min-height:46px;padding:0 18px;border:1px solid #f2c65e;border-radius:10px;background:linear-gradient(90deg,#d89b24,#ffd66b);color:#151005;font-weight:900}.sectiontitle{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:30px 0 14px}.sectiontitle strong{color:#ffd15c;font-size:18px}.sectiontitle span{color:#9faeb2;font-size:13px}.feature{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.flag{padding:18px;border:1px solid #5e4822;border-radius:16px;background:linear-gradient(180deg,#071219,#02070b);box-shadow:0 15px 35px #0008}.flagbody{display:grid;grid-template-columns:170px 1fr;gap:20px}.flagcover{min-height:225px;padding:20px;display:flex;flex-direction:column;justify-content:center;border:1px solid #9b742d;border-radius:8px;background:#020508;text-align:center;color:#f4c85e}.flagcover h2{font-size:18px}.flagcover .art{font-size:42px}.flaginfo h3{margin-top:5px;color:#fff}.flaginfo li{margin:9px 0;color:#bdc9cc}.actions{margin-top:15px}.actions button{width:100%}.categories{margin-top:30px}.categories h2,.catalog h2,.panel h2{color:#fff}.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cat{padding:18px 12px;border:1px solid #33464e;border-radius:12px;background:#071117;color:#dce6e8;text-align:center}.catalog{margin-top:30px}.bookgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book{position:relative;display:flex!important;flex-direction:column;background:linear-gradient(180deg,#071219,#02070b)!important;border:1px solid #5e4822!important;border-radius:16px!important;overflow:hidden;box-shadow:0 15px 35px #0009}.miniCover{width:100%;aspect-ratio:3/4;display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:22px!important;text-align:center;background:radial-gradient(circle at 50% 25%,#158493,#0b5661 36%,#03191f 100%)!important;border-bottom:1px solid #70562a!important}.miniCover h3{color:#fff1bd!important}.book.flagshipBook .miniCover{background:#020508 url('assets/ChatGPT Image Sep 1, 2026, 12_10_38 PM.png') center/cover no-repeat!important}.book.dpbsBook .miniCover{background:#020508 url('assets/ChatGPT Image Sep 1, 2026, 12_09_25 PM.png') center/cover no-repeat!important}.book.flagshipBook .miniCover h3,.book.flagshipBook .miniCover>div,.book.dpbsBook .miniCover h3,.book.dpbsBook .miniCover>div{visibility:hidden!important}.bookInfo{display:flex!important;flex:1;flex-direction:column;gap:9px;padding:16px!important}.bookInfo>b{color:#fff!important}.bookInfo>p{color:#c6d0d3!important;line-height:1.45}.bookInfo button{width:100%;min-height:44px;border-radius:9px;font-weight:900}.bookInfo button:not(.promoteBtn){background:linear-gradient(90deg,#d89b24,#ffd66b)!important;color:#151005!important;border:1px solid #f2c65e!important}.bookInfo .promoteBtn{background:#071116!important;color:#f5c75c!important;border:1px solid #9a7026!important}.panel{display:none}.panel.open{display:block}.reader{background:#f4eddc!important}.readerInner{max-width:880px!important;margin:auto}.reader h1{color:#073b3e!important}
@media(max-width:1050px){.app{grid-template-columns:210px 1fr}.top{grid-template-columns:1fr}.chips{order:2}.access{display:none}.bookgrid{grid-template-columns:repeat(2,1fr)}.catgrid{grid-template-columns:repeat(3,1fr)}.feature{grid-template-columns:1fr}}
@media(max-width:700px){body{padding-bottom:76px}.app{display:block}.side{position:relative;height:auto;padding:18px 14px 10px;border-right:0!important;border-bottom:1px solid #493819!important}.brand{padding:5px 0 14px}.brand .crown{font-size:24px}.brand h1{font-size:25px;margin:3px 0}.brand h2{font-size:12px}.brand small{font-size:8px}.nav{grid-template-columns:repeat(4,1fr);gap:5px;margin:0}.nav button{padding:10px 5px;text-align:center;font-size:11px;white-space:nowrap}.membercard{margin:10px 0 0;padding:10px;text-align:center;font-size:12px}.top{position:relative;padding:12px 14px;gap:10px}.search{font-size:14px;padding:12px 14px}.chips{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips button{flex:0 0 auto;font-size:12px;padding:8px 11px}.content{padding:14px!important}.starter{grid-template-columns:84px 1fr;gap:14px;padding:16px}.starterCover{padding:8px;font-size:10px}.starter h2{font-size:19px;margin:5px 0}.starter p{font-size:13px;line-height:1.45;margin:5px 0}.starter button{grid-column:1/-1;width:100%;min-height:44px}.sectiontitle{align-items:start;flex-direction:column;margin-top:24px;gap:4px}.sectiontitle strong{font-size:16px}.feature{grid-template-columns:1fr}.flag{padding:14px}.flagbody{grid-template-columns:112px 1fr;gap:13px}.flagcover{min-height:160px;padding:9px}.flagcover h2{font-size:13px}.flaginfo h3{font-size:16px;margin:2px 0 8px}.flaginfo ul{padding-left:17px;margin:0}.flaginfo li{font-size:12px;margin:5px 0}.catgrid{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.cat{flex:0 0 145px;padding:14px 8px;font-size:12px}.bookgrid{grid-template-columns:1fr;gap:14px}.book{max-width:390px;margin:auto}.miniCover{aspect-ratio:4/5}.bookInfo{padding:14px!important}.panel{padding-top:4px}.readerInner{padding:22px 16px!important}.reader h1{font-size:34px!important}}
@media(max-width:390px){.nav{grid-template-columns:repeat(2,1fr)}.starter{grid-template-columns:70px 1fr}.starter h2{font-size:17px}.flagbody{grid-template-columns:96px 1fr}}
.reader,.readerInner,#readerContent{color:#243332!important}.reader p,.reader li,.reader span,.reader strong,.reader b,.reader em,.reader blockquote{color:#243332!important}.reader h1,.reader h2,.reader h3,.reader h4{color:#073b3e!important}.reader a{color:#0b6570!important}.reader .callout{color:#173d3e!important;background:#fff8e8!important;border-color:#c6a454!important}.reader .close{color:#173d3e!important;background:#fff8e8!important;border:1px solid #b89145!important}.reader #readerTools,.reader #readerTools *{color:#173d3e!important}