:root{--portrait-width:180px}
:root{color-scheme:dark;--paper:#171717;--ink:#f5e6da;--muted:#b5a7b1;--line:#41343f;--orange:#f0a16b;--violet:#c696df;--panel:#242025;--shelf-gap:32px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}header,main,footer{max-width:1320px;margin:auto}header{padding:24px 48px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.identity{display:flex;flex-direction:column;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;letter-spacing:2px;font-weight:900}.brand h1{margin:0;font:inherit}.mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:24px;background:var(--orange);color:#241a19}.dot{font-size:11px;color:var(--violet)}.owner,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--muted)}.owner{padding-left:49px}.profile-art{width:var(--portrait-width);height:auto;display:block;flex-shrink:0;transform:scaleX(-1)}main{padding:26px 48px 52px}.toolbar{display:flex;gap:12px;align-items:center}.search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0 15px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.search-icon{display:block;flex:0 0 18px;color:var(--orange)}.search input{padding:14px 0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search input::placeholder{color:var(--muted)}.search:focus-within{border-color:var(--violet)}.sort{display:flex;align-items:center;font-size:11px;color:var(--muted);white-space:nowrap}select{padding:10px;border:0;background:var(--paper);color:var(--ink);font-size:12px}.views{display:flex;padding:3px;border:1px solid var(--line);border-radius:5px}.views button{width:32px;height:32px;border:0;background:transparent;font-size:22px;color:var(--muted)}.views button.active{background:var(--orange);color:#251a1b;border-radius:3px}.export{padding:11px 14px;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:11px;white-space:nowrap}.export:hover{border-color:var(--orange)}.filters{display:flex;gap:9px;margin:20px 0 27px;flex-wrap:wrap}.filters button{padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:11px;color:var(--muted)}.filters button:hover{border-color:var(--violet);color:var(--ink)}.filters .active{border-color:#815199;background:#75448c;color:#fff3ff}.result-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:22px;color:var(--muted);font-size:10px;letter-spacing:.5px}.result-line span:last-child{color:var(--violet);font-size:9px;letter-spacing:1px}.catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--shelf-gap) 22px;align-items:start}.card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit}.cover{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:.9;width:100%;overflow:hidden;border:1px solid #42313e;border-radius:7px;background:#272127}.cover img,.cover svg{width:76%;height:86%;object-fit:contain;filter:drop-shadow(4px 6px 5px #0006);transition:transform .2s}@media (hover: hover) and (pointer: fine){.card:hover .cover img,.card:hover .cover svg{transform:translateY(-5px) rotate(-2deg)}}.count{position:absolute;right:10px;bottom:10px;max-width:94%;padding:6px 8px;border:1px solid #57404e;border-radius:4px;background:#211b22;color:#f9e8db;font-size:10px}.card h3{margin:15px 0 6px;font-family:Georgia,serif;font-size:20px;font-weight:normal;line-height:1.2}.edition{min-height:13px;margin-bottom:12px;color:var(--muted);font-size:10px}.catalog.list{grid-template-columns:1fr;gap:0}.list .card{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.list .cover{aspect-ratio:1}.list .card h3{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 48px 40px;border-top:1px solid var(--line)}footer .brand{font-size:13px}footer>span{color:var(--muted);font-size:10px;line-height:1.7}dialog{width:min(780px,92vw);max-height:88vh;padding:35px;border:1px solid #5a4058;border-radius:12px;background:#211d22;color:var(--ink)}dialog::backdrop{background:#09070ccc;backdrop-filter:blur(3px)}.close{float:right;border:0;background:transparent;color:var(--violet);font-size:28px}h2{margin:0 0 22px;font-family:Georgia,serif;font-size:36px;letter-spacing:-1px;font-weight:normal}.eyebrow{margin:0 0 20px;color:var(--orange)}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.detail-grid figure{margin:0}.detail-grid img{display:block;width:100%;height:245px;object-fit:contain}.detail-grid svg{width:100%;height:auto;aspect-ratio:1}.detail-note{color:var(--muted);font-size:12px;line-height:1.7}
.cover-credit{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}
.credit-label{font-size:9px;font-weight:bold;letter-spacing:1.4px;text-transform:uppercase}
.credit-source{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:9px 12px;border:1px solid #503a59;border-radius:999px;background:#2b2330;color:var(--violet);font-size:11px;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}
.credit-source span{overflow-wrap:anywhere}.credit-source svg{flex-shrink:0;opacity:.7}.credit-source:hover{background:#38293f;border-color:#9e70b4;color:#f4dfff}.credit-source:hover svg{opacity:1}
.arc-section{margin-top:30px}.arc-section h3{margin:0;padding-bottom:9px;border-bottom:1px solid var(--line);font-family:Georgia,serif;font-size:23px;font-weight:normal}.arc-section .detail-grid{margin-top:18px}.type-cover{display:flex;flex-direction:column;justify-content:space-between;width:76%;height:86%;padding:18px 13px;border-left:5px solid #483447;background:#735067;color:#f8e8db;box-shadow:5px 6px 7px #0004}.type-cover strong{font-family:Georgia,serif;font-size:25px;font-weight:normal}.type-cover small{font-size:7px;letter-spacing:1px}.type-cover span{font-size:9px;letter-spacing:1px}.detail-grid .type-cover{width:100%;height:210px}.unavailable-cover{display:grid;place-items:center;min-height:200px;padding:25px;background:var(--panel);color:var(--muted);font-size:12px}#empty{padding:40px;text-align:center;color:var(--muted)}:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
@supports(grid-template-rows:subgrid){.catalog:not(.list){row-gap:0;align-items:stretch}.catalog:not(.list) .card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-items:start;align-content:start;padding-bottom:var(--shelf-gap)}.catalog:not(.list) .card>div:last-child{display:contents}}
@media(max-width:900px){header,footer{padding-left:24px;padding-right:24px}main{padding-left:24px;padding-right:24px}.catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search{flex-basis:45%}}
@media(max-width:600px){header{padding:15px 20px;gap:8px}.identity{gap:10px}.brand{gap:7px;font-size:15px;letter-spacing:1.2px}.mark{width:29px;height:29px;font-size:19px}.owner{padding-left:36px;font-size:8px;letter-spacing:1px}:root{--portrait-width:110px}.dot{font-size:8px}main{padding:20px 20px 35px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 7px}.search{grid-column:1/-1}.sort{font-size:10px;min-width:0}select{padding:9px 5px;max-width:105px;font-size:11px}.views button{width:27px;height:29px;font-size:20px}.export{padding:11px 9px;font-size:10px}.filters{gap:7px;margin-top:19px}.filters button{padding:8px 11px;font-size:10px}.catalog{--shelf-gap:27px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.card h3{font-size:19px}.cover{aspect-ratio:.85}.count{right:8px;bottom:8px;padding:5px 6px;font-size:9px}.result-line span:last-child{font-size:8px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid img{height:210px}dialog{padding:22px}h2{font-size:30px}footer{flex-direction:column;align-items:flex-start;padding:25px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img,.cover svg{transition:none}}

.cover .author-cover{display:flex;align-items:center;justify-content:center;width:90%;height:86%}.cover .author-cover img{width:38%;height:90%;flex-shrink:0}.cover .author-cover img+img{margin-left:-9%}.cover .author-cover img:nth-child(2){position:relative;z-index:1}
.author-work-card{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:var(--ink)}.work-title{font:normal 17px/1.3 Georgia,serif}.work-status{font-size:10px;color:var(--muted)}.author-back{margin:0 0 22px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--violet);font-size:12px}

/* Lock the document for every native dialog open/close path. */
html{scrollbar-gutter:stable}html:has(#detail[open]),html:has(#detail[open]) body{overflow:hidden}#detail{overflow-y:auto;overscroll-behavior:contain}

.calendar-link-row{display:flex;justify-content:center;margin-top:36px;padding-top:25px;border-top:1px solid var(--line)}.calendar-link{display:inline-flex;align-items:center;gap:12px;color:var(--violet);font-size:12px;text-decoration:none;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.detail-actions{margin:20px 0 26px}.store-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;padding:11px 15px;border:1px solid #654a6b;border-radius:6px;color:var(--violet);background:#302334;font-size:12px;text-decoration:none}.store-link svg{flex-shrink:0}.store-link:focus-visible,.calendar-link:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(hover:hover) and (pointer:fine){.store-link:hover,.calendar-link:hover{border-color:var(--violet);background:#38293f;color:#f4dfff}}

.closing-art{display:block;width:var(--portrait-width);max-width:calc(100% - 40px);height:auto;margin:200px auto 100px}