.item-page-shell { max-width: 1040px; }
.item-window { overflow: hidden; margin: 16px auto; background: rgba(255,255,255,.96); border: 2px solid #245da4; box-shadow: 5px 6px 0 rgba(20,55,100,.28); }
.item-heading { padding: 15px 20px 11px; text-align: center; background: linear-gradient(#fff, #e8f6ff); border-bottom: 1px dashed #78a2c4; }
.item-heading p { margin: 0 0 7px; color: #426682; font: bold 10px Verdana, sans-serif; letter-spacing: .04em; }
.item-heading h1 { margin: 0; color: #173c77; font: bold clamp(20px, 4vw, 34px) Georgia, serif; }
.item-heading .item-seo-summary { max-width: 720px; margin: 9px auto 0; color: #4c6578; font: normal 11px/1.55 Verdana, sans-serif; letter-spacing: 0; }
.item-rating { display: inline-block; padding: 3px 7px; color: #fff; border-radius: 3px; }
.item-rating--safe { background: #2b9b45; }
.item-rating--ecchi { background: #d47a00; }
.item-rating--hentai { background: #bc1638; }
.item-stage { display: grid; min-height: 280px; place-items: center; padding: 18px; background: radial-gradient(circle, #dff5ff, #89b9dd 74%, #547da2); }
.item-media { display: block; width: auto; max-width: 100%; max-height: min(74vh, 900px); border: 2px solid #183865; box-shadow: 0 10px 30px rgba(0,20,60,.35); background: #101725; }
.item-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; padding: 12px 14px 7px; background: #edf8ff; }
.item-actions button, .item-actions a, .item-navigation a, .item-navigation span { padding: 8px 11px; color: #153563; font: bold 10px Verdana, sans-serif; text-align: center; text-decoration: none; background: linear-gradient(#fff, #cfe7f6); border: 2px outset #fff; cursor: pointer; }
.item-actions button.is-favorite { color: #72204e; background: linear-gradient(#fff4a3, #ffc94b); }
.item-action-status { min-height: 15px; margin: 0; color: #365f7d; font: 10px Verdana, sans-serif; text-align: center; background: #edf8ff; }
.item-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; padding: 10px 14px; background: #edf8ff; border-top: 1px dashed #8bb1ca; }
.item-tags span { padding: 3px 7px; color: #31516d; font: 9px "Courier New", monospace; background: #fff; border: 1px solid #94b8d0; border-radius: 999px; }
.item-navigation { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 7px; padding: 12px; background: #d8edfa; border-top: 1px solid #78a2c4; }
.item-navigation .is-disabled { opacity: .45; cursor: default; }
html[data-theme="frutiger"] .item-window { border-color: #4c9dc1; border-radius: 10px 10px 4px 4px; }
html[data-theme="frutiger"] .item-stage { background: radial-gradient(circle at 50% 25%, #f8ffff, #9fe5f3 60%, #56a7d1); }
html[data-theme="xp"] .item-window { border-color: #0754d4; }
html[data-theme="xp"] .item-heading { background: linear-gradient(#fff, #e8f2ff); }
html[data-theme="midnight"] .item-heading, html[data-theme="midnight"] .item-actions, html[data-theme="midnight"] .item-tags { background: #101a33; }
html[data-theme="midnight"] .item-heading h1 { color: #8ed7ff; }
html[data-theme="midnight"] .item-heading .item-seo-summary { color: #b7c7de; }
@media (max-width: 620px) {
  .item-window { margin: 8px auto; }
  .item-stage { min-height: 180px; padding: 8px; }
  .item-navigation { grid-template-columns: 1fr 1fr; }
  .item-navigation a:nth-child(2) { grid-column: 1 / -1; grid-row: 1; }
}