@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');:root{--bg:#14111d;--side:#100e17;--panel:#1e1928;--panel2:#241e2e;--text:#e9e0d5;--muted:#aaa0b0;--gold:#d6b77b;--border:#43374d;--accent:#ad90d3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:var(--side);border-right:1px solid var(--border);padding:30px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 38px}.brand small{display:block;letter-spacing:3px;font-size:9px;color:var(--gold)}.brand strong{font:600 15px Cinzel,serif;letter-spacing:1px}.sigil{border:1px solid var(--gold);border-radius:50%;color:var(--gold);width:45px;height:45px;display:grid;place-items:center;font-size:25px}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:2.7px;color:var(--gold);font-weight:700}.sidebar-label{padding:0 14px 15px}.nav-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:7px;color:#bdb4c5;cursor:pointer;margin-bottom:5px;font-size:13px;border:1px solid transparent}.nav-item:hover,.nav-item.active{background:#292136;color:#f3e7d7;border-color:#594568}.nav-item .symbol{color:var(--gold);font-size:18px}.side-bottom{margin-top:auto;border-top:1px solid var(--border);padding:24px 0 0;text-align:center;font:italic 14px 'EB Garamond',serif;color:#8f7e9c}.main{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#181420}.crumb{font-size:10px;letter-spacing:2.4px;color:var(--muted)}.top-actions{display:flex;gap:10px}.text-btn,.mobile-menu{background:none;border:1px solid var(--border);border-radius:5px;padding:9px 12px;color:var(--text);cursor:pointer}.mobile-menu{display:none}.main-inner{max-width:1130px;padding:0 45px;margin:auto}.hero{text-align:center;padding:65px 0 35px;background:radial-gradient(ellipse at center,#342441 0%,transparent 68%)}.hero h1{font:500 clamp(38px,6vw,70px)/1.13 Cinzel,serif;letter-spacing:3px;margin:20px 0;color:#f2e7d5}.hero h1 em{color:var(--gold);font-style:normal}.hero p{font:italic 20px 'EB Garamond',serif;color:#b9aabb;max-width:530px;margin:0 auto}.hero-line{height:1px;width:110px;background:var(--gold);margin:29px auto 0}.search-wrap{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:13px 17px;margin:10px 0 36px;color:var(--gold)}.search-wrap span{font-size:25px}.search-wrap input{width:100%;border:0;outline:0;background:none;color:var(--text);font:14px 'DM Sans',sans-serif}.search-wrap kbd{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:2px 7px;border-radius:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading h2{font:500 29px Cinzel,serif;margin:8px 0 0}.count{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:17px;min-height:140px}.card{padding:25px;background:linear-gradient(140deg,#251d30,#1d1927);border:1px solid var(--border);border-radius:8px;cursor:pointer;min-height:190px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.card-icon{font-size:26px;color:var(--gold);margin-bottom:15px}.card small{font-size:10px;letter-spacing:1.8px;color:var(--accent);text-transform:uppercase}.card h3{font:500 19px Cinzel,serif;margin:10px 0;color:#eee0c9}.card p{font:15px/1.45 'EB Garamond',serif;color:var(--muted);margin:0}.reader{max-width:790px;margin:0 auto;background:var(--panel);border:1px solid var(--border);padding:clamp(22px,5vw,58px);border-radius:7px}.reader h2{font:500 clamp(27px,4vw,42px) Cinzel,serif;color:var(--gold);margin:0 0 10px}.reader .reader-category{font-size:10px;letter-spacing:2px;color:var(--accent);margin-bottom:15px}.reader h3,.reader h4{font:600 20px Cinzel,serif;color:#e4c995;margin:29px 0 12px}.reader p{font:19px/1.65 'EB Garamond',serif;white-space:pre-line;margin:0 0 16px}.reader .quote{border-left:2px solid var(--gold);padding-left:20px;color:#d8c2dd;font-style:italic}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:10px}.back{color:var(--gold);background:none;border:none;cursor:pointer;font:13px 'DM Sans',sans-serif}.empty{color:var(--muted);grid-column:1/-1;padding:35px;border:1px dashed var(--border);text-align:center}footer{text-align:center;color:#796c80;font-size:10px;letter-spacing:2px;padding:55px 0 30px}.light{--bg:#eae2d4;--side:#f2e9d9;--panel:#f7f0e4;--panel2:#f5e8d6;--text:#34283b;--muted:#6f6170;--gold:#947035;--border:#c7b7a0;--accent:#785c92}.light .topbar{background:#f2e9d9}.light .card{background:linear-gradient(140deg,#f8f1e6,#eee3d5)}.light .card h3,.light .hero h1{color:#382b42}.light .reader h3,.light .reader h4{color:#7a5d31}.light .reader .quote{color:#75587d}@media(max-width:800px){.sidebar{position:fixed;z-index:10;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.main-inner{padding:0 18px}.topbar{padding:0 18px}.hero{padding-top:40px}.hero p{font-size:17px}.section-heading h2{font-size:23px}.cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.crumb{font-size:9px}.text-btn{font-size:11px;padding:8px}.reader p{font-size:18px}}