/* Ani's selected cover is kept as a complete, uncropped original composition. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cover.original-cover{height:100svh;min-height:0;display:grid;place-items:center;background:#112b43;isolation:isolate;transition:opacity .5s ease,filter .6s ease,transform .6s var(--ease)}
.original-cover:before{content:"";position:absolute;inset:-40px;background:linear-gradient(#0b1c2d88,#0b1c2dcc),url('assets/cover-ani.png') center/cover;filter:blur(32px);z-index:-1;pointer-events:none}
.cover-page{position:relative;width:min(100vw,56.25svh);aspect-ratio:9/16;flex-shrink:0;box-shadow:0 0 80px #0005;overflow:hidden}
.original-cover-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.cover-entry{position:absolute;left:30.7%;top:49%;width:38.7%;height:5.7%;min-height:44px;border-radius:16%;padding:0;background:transparent;border:1px solid transparent;transition:background .2s,box-shadow .25s,border-color .25s;outline-offset:3px}
.cover-entry:hover{background:#f8cb6720;box-shadow:0 0 22px #ebc47a25,inset 0 0 15px #ffe09c20}
.cover-entry:active{background:#140b0070;box-shadow:inset 0 3px 12px #0007}
.cover-entry:focus-visible{outline:2px solid #ffe2a4;box-shadow:0 0 22px #eac78066}
.lamplight,.crystal-light{position:absolute;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse,#ffc56a42,transparent 65%);animation:light-breathe 5.5s ease-in-out infinite alternate}
.lamplight{left:21.5%;top:19%;width:11%;height:7%;opacity:.2}
.crystal-light{left:51%;top:67%;width:22%;height:12%;opacity:.12;animation-delay:-2s}
body:has(.original-cover:not([hidden])) .grain{opacity:.02}
body:has(.original-cover:not([hidden])) #motes{opacity:.35}
.original-cover.leaving{transform:scale(1.012);filter:blur(2px);opacity:0}
@keyframes light-breathe{from{opacity:.08}to{opacity:.38}}

/* Detail polish only: the archive's columns, seven rows and sheet placement stay. */
.archive-heading .eyebrow{color:#bda47b}
.archive-subtitle{color:#c3b49c}
.drawer{border-color:#a480535e;box-shadow:inset 0 1px 1px #d2a87548,inset 1px 0 2px #caa17115,inset 0 -3px 2px #100c0999,0 2px 4px #000b}
.drawer:before{border-color:#bc935120}
.drawer:after{opacity:.075}
.drawer-title{color:#edddbd;text-shadow:0 1px 1px #170f0bc9}
.drawer-subtitle{color:#c9b498;text-shadow:0 1px 1px #170f0b88}
.drawer-id{color:#d0b188;font-variant-numeric:tabular-nums}
.roman{color:#c9a36b1c}
.ready .drawer{border-color:#d9b777b3;box-shadow:inset 0 1px 1px #f0cf9460,inset 0 -3px 2px #100c0999,0 0 14px #b4843419,0 3px 5px #000b}
.ready .drawer-title{color:#ffedc9}
.drawer-status{color:#ddc18e}
.handle{background:linear-gradient(#e7c995,#ad8251 30%,#8b6038 49%,#c6a275 66%,#65472c);box-shadow:0 3px 3px #000a,0 -1px 0 #e1c69344}
.drawer-slot.open .drawer,.drawer-slot.open .drawer:hover{transform:translateY(14px) translateZ(26px) rotateX(-6deg);box-shadow:0 16px 17px #0009,inset 0 1px 1px #e5b57766;filter:none}
.drawer-slot:before{box-shadow:inset 0 2px 0 #ece0bf,0 4px 0 -1px #6d5130,0 6px 0 -1px #b6a17a}
.drawer:active{filter:brightness(.96)}
.back,.motion-toggle{border-radius:3px;transition:color .2s,background .2s}
.back:hover,.motion-toggle:hover{color:#f0dab0}
.back:active,.motion-toggle:active{color:#fff0d4}
.icon-button{border:1px solid transparent;border-radius:50%;transition:background .2s,border-color .2s,opacity .2s}
.icon-button:hover{background:#9c753c10;border-color:#9c753c28}
.icon-button:active{background:#9c753c20}
.sheet-top{position:relative;z-index:1}
.paper-content h2{color:#392719}
.synopsis{color:#513d27}
.synopsis .closing-line{color:#80603a}
.paper-kicker{color:#7d5c32}
.paper-meta{color:#77552e}
.paper-subtitle{color:#725434}
.binding-note{color:#856b46}
.read-button:active{background:#2d2119;box-shadow:inset 0 3px 8px #0004}
.locked>p:not(.eyebrow){color:#cbb697}
.locked-confirm{min-height:44px;transition:color .2s,border-color .2s}
.locked-confirm:hover{color:#ffebc5;border-color:#d6b37b}
.locked-confirm:active{color:#c1a374}
.manuscript,.locked{scrollbar-width:thin;scrollbar-color:#aa8c5d #e8d8b5}
@media(max-width:700px){
  .sheet-top .icon-button{width:44px;height:44px;margin-top:-3px;margin-bottom:-3px}
  .drawer-subtitle{letter-spacing:.07em}
  .sheet-grip{width:34px;background:#9c7d5066}
}
@media(prefers-reduced-motion:reduce){.lamplight,.crystal-light{display:none}}
.no-motion .lamplight,.no-motion .crystal-light{display:none}
.ready .drawer-text{right:77px}
.ready .roman{right:21px;top:7px;font-size:29px;line-height:1;color:#cba36752}
.ready .drawer-status{top:auto;bottom:13px;right:17px;font-size:9px;line-height:1.3;white-space:nowrap}
@media(max-width:700px){.ready .drawer-text{right:62px}.ready .roman{top:8px;right:20px;font-size:26px}.ready .drawer-status{top:auto;bottom:12px;right:13px;font-size:8px;line-height:1.3}}
@media(max-width:370px){.ready .drawer-text{right:59px}.ready .drawer-status{right:12px;font-size:8px}}