:root{--aoi-ease:cubic-bezier(.16,1,.3,1);--aoi-duration:240ms}
html{scroll-behavior:smooth}
button,a,input,select{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,opacity .2s,transform .2s}
.cover,.small-card,#popular .popular{transition:transform .3s var(--aoi-ease),box-shadow .3s,border-color .3s}
.page.active{animation:aoi-page-in .38s var(--aoi-ease)}
.page.active .section,.page.active .title-sarcophagus,.page.active .profile-box{animation:aoi-section-in .45s var(--aoi-ease) both}
.page.active .section:nth-child(2){animation-delay:45ms}.page.active .section:nth-child(3){animation-delay:85ms}.page.active .section:nth-child(4){animation-delay:120ms}
.results>.small-card,.chapter-row{animation:aoi-card-in .3s var(--aoi-ease) both}.results>.small-card:nth-child(2),.chapter-row:nth-child(2){animation-delay:25ms}.results>.small-card:nth-child(3),.chapter-row:nth-child(3){animation-delay:45ms}.results>.small-card:nth-child(4),.chapter-row:nth-child(4){animation-delay:65ms}
.reader.open{animation:aoi-fade-in .2s ease-out}.reader-picker:not([hidden]){animation:aoi-panel-in .24s var(--aoi-ease)}.reader.slides .reader-page.active-slide{animation:aoi-slide-in .24s ease-out}.reader-progress i{transition:width .2s ease-out}.chapter-row{transition:background-color .2s,border-color .2s}.chapter-row:hover{border-color:#b99a5c66}.chapter-source-empty,.empty{animation:aoi-fade-in .25s ease-out}.bottom button.active,.desktop-nav button.active{transition:color .2s,background-color .2s}
@media(hover:hover) and (pointer:fine){.small-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0004}.primary:hover{filter:brightness(1.07)}}
button:active:not(:disabled){transform:scale(.97)}
@keyframes aoi-page-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes aoi-section-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes aoi-card-in{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@keyframes aoi-slide-in{from{opacity:.35}to{opacity:1}}
@keyframes aoi-fade-in{from{opacity:0}to{opacity:1}}

.section-title .symbol{flex-shrink:0;transform-origin:50% 65%;animation:aoi-emblem-float 3.8s ease-in-out infinite;animation-play-state:paused}
.page.active .section-title .symbol{animation-play-state:running}
.section-title .icon-mummy{animation-name:aoi-emblem-sway;animation-duration:4.4s;animation-delay:-1.4s}
.section-title .icon-ink{animation-name:aoi-emblem-drift;animation-duration:3.6s;animation-delay:-2.1s}
.reader-active .section-title .symbol,body:has(.account-modal-overlay) .section-title .symbol,body:has(.account-dialog[open]) .section-title .symbol{animation-play-state:paused}
@keyframes aoi-emblem-float{0%,100%{transform:translateY(2px) rotate(-4deg) scale(1)}50%{transform:translateY(-7px) rotate(4deg) scale(1.025)}}
@keyframes aoi-emblem-sway{0%,100%{transform:translate(0,1px) rotate(-5deg)}50%{transform:translate(2px,-7px) rotate(5deg)}}
@keyframes aoi-emblem-drift{0%,100%{transform:translate(-1px,2px) rotate(-5deg) scale(1)}50%{transform:translate(2px,-6px) rotate(5deg) scale(1.03)}}
@media(max-width:600px){.top-section .section-title .symbol{display:block!important;width:34px!important;height:34px!important}.top-section .section-title{gap:8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}