#codex-page .codex-title{font-size:var(--font-h1);font-weight:800;color:var(--color-black);text-align:center;margin:2rem 0 1.5rem;line-height:1.1;background:linear-gradient(135deg,var(--color-orange),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}@media(max-width:768px){#codex-page .codex-title{font-size:var(--font-h2);margin:1.5rem 0 1rem}}@media(max-width:480px){#codex-page .codex-title{font-size:var(--font-h2);margin:1rem 0 .8rem}}#codex-page .codex-tagline{font-size:var(--font-lg);color:#666;text-align:center;max-width:600px;margin:0 auto 4rem;line-height:1.6;font-weight:400}@media(max-width:768px){#codex-page .codex-tagline{font-size:var(--font-lg);margin:0 auto 3rem;padding:0 1rem}}@media(max-width:480px){#codex-page .codex-tagline{font-size:var(--font-base);margin:0 auto 2rem}}#codex-page .codex-section{margin-bottom:6rem;padding:0 1rem}@media(max-width:768px){#codex-page .codex-section{margin-bottom:4rem}}@media(max-width:480px){#codex-page .codex-section{margin-bottom:3rem}}#codex-page .codex-section-title{font-size:var(--font-h2);font-weight:700;color:var(--color-black);text-align:center;margin-bottom:3rem;line-height:1.2;background:linear-gradient(135deg,var(--color-orange),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){#codex-page .codex-section-title{font-size:var(--font-h2);margin-bottom:2rem}}@media(max-width:480px){#codex-page .codex-section-title{font-size:var(--font-h3);margin-bottom:1.5rem}}#codex-page .codex-writing .codex-articles{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}@media(max-width:768px){#codex-page .codex-writing .codex-articles{gap:1.5rem}}#codex-page .codex-writing .codex-article{background:#fffffff2;border-radius:16px;padding:2rem;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}#codex-page .codex-writing .codex-article:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}@media(max-width:768px){#codex-page .codex-writing .codex-article{padding:1.5rem}}@media(max-width:480px){#codex-page .codex-writing .codex-article{padding:1rem}}#codex-page .codex-writing .codex-article-category{font-size:var(--font-sm);font-weight:700;color:var(--color-purple);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}#codex-page .codex-writing .codex-article-title{font-size:var(--font-h3);font-weight:600;color:var(--color-black);margin-bottom:1rem;line-height:1.3}#codex-page .codex-writing .codex-article-title a{color:inherit;text-decoration:none;transition:color .3s ease}#codex-page .codex-writing .codex-article-title a:hover{color:var(--color-orange)}#codex-page .codex-writing .codex-article-summary{color:#666;line-height:1.6;margin-bottom:1.5rem}#codex-page .codex-writing .codex-article-link{color:var(--color-orange);font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}#codex-page .codex-writing .codex-article-link:hover{transform:translate(4px)}#codex-page .codex-writing .codex-articles-empty{display:flex;justify-content:center;align-items:center;min-height:280px;margin:2rem 0}#codex-page .codex-writing .codex-articles-empty-card{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:420px;width:100%;border:1px solid rgba(83,43,65,.08)}#codex-page .codex-writing .codex-articles-empty-icon{font-size:2.5rem;margin-bottom:.5rem;color:var(--color-purple)}#codex-page .codex-writing .codex-articles-empty-title{font-size:1.3rem;font-weight:700;color:var(--color-orange);margin-bottom:.2rem}#codex-page .codex-writing .codex-articles-empty-desc{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:.5rem}#codex-page .codex-writing .codex-articles-empty-btn{display:inline-block;background:linear-gradient(135deg,var(--color-orange),var(--color-purple));color:#fff;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;box-shadow:0 4px 15px #f3633721;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem}#codex-page .codex-writing .codex-articles-empty-btn:hover{background:linear-gradient(135deg,var(--color-purple),var(--color-orange));color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 8px 25px #532b4121}#codex-page .codex-ledger .codex-accordion-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}#codex-page .codex-ledger .codex-accordion{background:#fffffff2;border-radius:16px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}#codex-page .codex-ledger .codex-accordion:hover{box-shadow:0 12px 40px #00000026}#codex-page .codex-ledger .codex-accordion-toggle{width:100%;background:none;border:none;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}#codex-page .codex-ledger .codex-accordion-toggle:hover{background:#ffffff80}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-toggle{padding:1rem 1.5rem}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-toggle{padding:.8rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}}#codex-page .codex-ledger .codex-accordion-title{font-size:var(--font-xl);font-weight:600;color:var(--color-black)}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-title{font-size:var(--font-lg)}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-title{font-size:var(--font-base)}}#codex-page .codex-ledger .codex-accordion-meta{display:flex;align-items:center;gap:1rem}#codex-page .codex-ledger .codex-accordion-status{background:var(--color-purple);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}#codex-page .codex-ledger .codex-accordion-chevron{font-size:.8rem;color:var(--color-purple);transition:transform .3s ease}#codex-page .codex-ledger .codex-accordion-chevron.open{transform:rotate(180deg)}#codex-page .codex-ledger .codex-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}#codex-page .codex-ledger .codex-accordion-content.open{max-height:1000px}#codex-page .codex-ledger .codex-accordion-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:0 2rem 2rem}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem 1.5rem}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-grid{padding:0 1rem 1rem}}#codex-page .codex-ledger .codex-accordion-topic{margin-bottom:1.5rem}#codex-page .codex-ledger .codex-accordion-topic:last-child{margin-bottom:0}#codex-page .codex-ledger .codex-accordion-topic-title{font-size:var(--font-base);font-weight:600;color:var(--color-black);margin-bottom:.5rem}#codex-page .codex-ledger .codex-accordion-topic-content{color:#666;line-height:1.6;font-size:.95rem;text-align:justify}#codex-page .codex-ledger .codex-accordion-topic-list{list-style:none;padding:0;margin:0}#codex-page .codex-ledger .codex-accordion-topic-source{display:flex;align-items:center;color:#666;line-height:1.6;font-size:.95rem;padding:.2rem 0 .2rem .2rem;position:relative;margin-bottom:.2rem}#codex-page .codex-ledger .codex-accordion-topic-source:last-child{margin-bottom:0}#codex-page .codex-ledger .codex-accordion-topic-source-bullet{display:inline-block;margin-right:.7em;font-size:1.1em;color:var(--color-orange);line-height:1;font-weight:700}#codex-page .codex-ledger .codex-accordion-cta{background:var(--color-orange);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px #f363374d}#codex-page .codex-ledger .codex-accordion-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f3633766}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-cta{font-size:.9rem;padding:.6rem 1.2rem}}#codex-page .codex-bookshelf .codex-books-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:900px){#codex-page .codex-bookshelf .codex-books-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#codex-page .codex-bookshelf .codex-books-grid{grid-template-columns:1fr;gap:1rem}}#codex-page .codex-bookshelf .codex-book-card{width:100%;max-width:100%;background:none;border:none;padding:0;cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}#codex-page .codex-bookshelf .codex-book-card:hover{transform:translateY(-4px)}#codex-page .codex-bookshelf .codex-book-cover{position:relative;border-radius:12px;overflow:hidden;margin-bottom:1rem;background:#fffffff2;box-shadow:0 8px 32px #0000001a;width:100%;height:auto}#codex-page .codex-bookshelf .aspect-2-3{aspect-ratio:2/3;width:100%;position:relative;background:#eee}#codex-page .codex-bookshelf .codex-book-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;position:absolute;top:0;left:0}#codex-page .codex-bookshelf .codex-book-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}@media(max-width:768px){#codex-page .codex-bookshelf .codex-book-overlay{display:none}}#codex-page .codex-bookshelf .codex-book-card:hover .codex-book-overlay{opacity:1}#codex-page .codex-bookshelf .codex-book-takeaway{color:var(--color-cream);font-size:.9rem;line-height:1.4;text-align:center;font-weight:500}#codex-page .codex-bookshelf .codex-book-details{text-align:center}#codex-page .codex-bookshelf .codex-book-title{font-size:var(--font-base);font-weight:600;color:var(--color-black);margin-bottom:.3rem;line-height:1.3}@media(max-width:480px){#codex-page .codex-bookshelf .codex-book-title{font-size:var(--font-sm)}}#codex-page .codex-bookshelf .codex-book-author{font-size:var(--font-sm);color:#666;line-height:1.3}#codex-page .codex-modal-backdrop{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(5px)}#codex-page .codex-modal-image-modal.aspect-2-3{aspect-ratio:2/3;width:auto;max-height:100%;max-width:420px;min-width:260px;position:relative;margin:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 20px 60px #00000080;border-radius:20px;background:#222}@media(max-width:600px){#codex-page .codex-modal-image-modal.aspect-2-3{max-width:98vw;min-width:0}}#codex-page .codex-modal-bg-image{z-index:1;position:absolute!important;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#codex-page .codex-modal-gradient-overlay{z-index:2;position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#141414d9,#141414b3 60%,#141414f2);pointer-events:none}#codex-page .codex-modal-content-overlay{z-index:3;position:relative;width:100%;height:100%;padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:1.2rem}@media(max-width:600px){#codex-page .codex-modal-content-overlay{padding:1.5rem .5rem 1rem}}#codex-page .codex-modal-book-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.2rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}#codex-page .codex-modal-book-author{font-size:1.05rem;color:#eee;font-weight:500;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}#codex-page .codex-modal-book-takeaway{border-radius:12px;padding:1.2rem 1.5rem;margin-top:.5rem;color:#fff}#codex-page .codex-modal-book-takeaway h4{font-size:1.1rem;font-weight:600;color:var(--color-orange);margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}#codex-page .codex-modal-book-takeaway p{color:#fff;line-height:1.6;font-size:1rem;text-shadow:0 2px 8px rgba(0,0,0,.2);text-align:center}#codex-page .codex-modal-close{z-index:4;position:absolute;top:1rem;right:1rem;background:#00000080;border:none;font-size:2rem;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0003}#codex-page .codex-modal-close:hover{background:#000000b3;transform:scale(1.08)}