/* The gallery and library share the same quiet, welcoming frame. */
body.gallery-mode { background: radial-gradient(ellipse at 9% 7%, #50334726, transparent 34%), radial-gradient(ellipse at 92% 21%, #26414926, transparent 32%), #10121d; }
body.manga-mode { background: radial-gradient(ellipse at 5% 9%, #416d5733, transparent 32%), radial-gradient(ellipse at 95% 30%, #47324c24, transparent 35%), #10121d; }
body:is(.gallery-mode, .manga-mode) .giftbar { color: #d6b9ac; background: #191b25; border-bottom: 1px solid #eed0bb15; letter-spacing: .15em; }
body:is(.gallery-mode, .manga-mode) .site-header { border-color: #ead9c31c; }
body:is(.gallery-mode, .manga-mode) .site-header .brand > span { color: #e6c7ae; }
body:is(.gallery-mode, .manga-mode) .site-header nav :is(a, button) { position: relative; padding-inline: 3px; }
body:is(.gallery-mode, .manga-mode) .site-header nav .active { color: #eed9c9; }
body:is(.gallery-mode, .manga-mode) .site-header nav .active::after { height: 2px; width: 22px; left: calc(50% - 11px); bottom: 0; border-radius: 2px; background: #d5b29b; }
body:is(.gallery-mode, .manga-mode) .edition { letter-spacing: .08em; color: #b8b4b2; }
.room-back { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin-bottom: 18px; color: #b7bbc9; font-size: .6875rem; }
.room-back > .icon { width: 15px; height: 15px; transform: rotate(180deg); }
.room-back:hover { color: #f0d5bf; }
body:is(.gallery-mode, .manga-mode) .closing { margin-top: 75px; padding: 66px 0; border-top-color: #efdbca20; background: radial-gradient(ellipse at 50% 45%, #62454b25, transparent 65%); }
body:is(.gallery-mode, .manga-mode) .closing-orbit { width: 85px; height: 60px; border-color: #edc7b240; box-shadow: inset 0 0 24px #e5bb9607; }
body:is(.gallery-mode, .manga-mode) .closing-orbit > span { color: #eac8b3; }
body:is(.gallery-mode, .manga-mode) .closing em { color: #eac8b3; }
body:is(.gallery-mode, .manga-mode) .closing button { color: #efccbb; border-color: #efccbb35; background: #efccbb06; }
body:is(.gallery-mode, .manga-mode) .site-footer { border-top-color: #efdbca20; }
@media (max-width: 600px) {
  body:is(.gallery-mode, .manga-mode) .giftbar { font-size: .4375rem; letter-spacing: .09em; padding: 8px 12px; }
  body:is(.gallery-mode, .manga-mode) .site-header nav :is(a, button) { font-size: .6875rem; padding-inline: 0; }
  .room-back { margin-bottom: 13px; }
  body:is(.gallery-mode, .manga-mode) .closing { margin-top: 48px; padding: 43px 0; }
}