/* Cocoa Gold v2: architectural ink, warm pools of light, quiet content surfaces. */
body:not([data-page="reader"]){
 background-color:var(--bg);
 background-image:url('assets/celestial-pattern.svg'),radial-gradient(ellipse 70% 680px at 100% 180px,color-mix(in srgb,var(--gold) 17%,transparent),transparent 76%),radial-gradient(ellipse 70% 850px at 0% 1150px,color-mix(in srgb,var(--gold) 11%,transparent),transparent 75%),linear-gradient(125deg,var(--bg),var(--panel) 47%,var(--bg) 95%);
 background-position:center top,right top,left top,center;
 background-size:1600px 1400px,100% 100%,100% 100%,100% 100%;
 background-repeat:repeat-y,no-repeat,no-repeat,no-repeat;
}
body:not([data-page="reader"]) header{background:linear-gradient(105deg,var(--bg),color-mix(in srgb,var(--panel) 88%,var(--gold)));box-shadow:0 10px 45px color-mix(in srgb,var(--dark) 35%,transparent)}
body:not([data-page="reader"]) .categories{background:color-mix(in srgb,var(--panel) 92%,transparent)}
body:not([data-page="reader"]) .intro{position:relative}
body:not([data-page="reader"]) .feature{box-shadow:0 20px 70px color-mix(in srgb,var(--dark) 60%,transparent),0 0 55px color-mix(in srgb,var(--gold) 7%,transparent)}
body:not([data-page="reader"]) .shelf{position:relative;isolation:isolate}
body:not([data-page="reader"]) .shelf::before{content:"";position:absolute;z-index:-1;inset:20px -14px 20px;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--bg) 88%,transparent));border:1px solid color-mix(in srgb,var(--gold) 15%,transparent);box-shadow:0 15px 40px color-mix(in srgb,var(--dark) 15%,transparent)}
body:not([data-page="reader"]) .cover{box-shadow:0 10px 25px color-mix(in srgb,var(--dark) 45%,transparent)}
body:not([data-page="reader"]) .discover{background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 65%);border-color:color-mix(in srgb,var(--gold) 38%,var(--panel))}
body:not([data-page="reader"]) .genre-links a{background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--panel) 92%,var(--gold)));border:1px solid color-mix(in srgb,var(--gold) 18%,transparent)}
body:not([data-page="reader"]) .bottom-note{background:radial-gradient(ellipse 70% 110% at 50% 100%,color-mix(in srgb,var(--gold) 10%,transparent),transparent 75%)}
body:not([data-page="reader"]) footer{background:linear-gradient(140deg,var(--dark),var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--gold) 15%,transparent)}
body:not([data-page="reader"]) .page-intro{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 85%,transparent),color-mix(in srgb,var(--bg) 94%,transparent));padding-inline:20px;border-inline:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}
@media(max-width:699px){body:not([data-page="reader"]){background-size:900px 1100px,100% 100%,100% 100%,100% 100%;background-position:60% top,right top,left top,center}body:not([data-page="reader"]) .shelf::before{inset:18px -10px 16px}body:not([data-page="reader"]) .page-intro{padding-inline:0;background:color-mix(in srgb,var(--bg) 89%,transparent);border:0}}