:root{--bg:#f6f5f2;--bg-soft:#f0ede7;--panel:#ffffffeb;--panel-strong:#fff;--line:#ddd6cd;--line-strong:#c9bfb3;--text-main:#1d1a17;--text-soft:#5d544b;--accent:#b42354;--accent-soft:#f7e6ee;--shadow-soft:0 6px 20px #271c1314}*{box-sizing:border-box}html,body{background:linear-gradient(160deg, #f7f4efe6, #eee8dfe6), radial-gradient(circle at 85% 12%, #d6b26614, transparent 32%), radial-gradient(circle at 12% 6%, #b4235412, transparent 30%), var(--bg);min-height:100%;color:var(--text-main);font-family:var(--font-body), sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}a{color:inherit}input,select,button{font:inherit}button,[role=button],a{touch-action:manipulation}.page-shell{width:min(1440px,96vw);margin:0 auto;padding:16px 0 96px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:18px}.eyebrow{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;display:inline-flex}.topbar{z-index:20;will-change:transform, opacity;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;transition:transform .16s,opacity .16s;display:flex;position:sticky;top:12px}.topbar-hidden{opacity:.01;pointer-events:none;transform:translateY(-112%)}.topbar h1{font-family:var(--font-heading), serif;letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(1.45rem,3.2vw,2.35rem);font-weight:700}.hero{gap:16px;margin-top:14px;padding:20px;display:grid}.hero-head h2{font-family:var(--font-heading), serif;letter-spacing:-.02em;margin:8px 0 0;font-size:clamp(1.5rem,4.6vw,2.6rem);line-height:1.1}.hero-sub{color:var(--text-soft);margin:10px 0 0;font-size:14px}.hero-actions{gap:12px;display:grid}.searchbox{border:1px solid var(--line-strong);background:var(--panel-strong);border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.searchbox input{width:100%;color:var(--text-main);background:0 0;border:0;font-size:16px}.searchbox input:focus{outline:none}.hero-action-buttons{flex-wrap:wrap;gap:10px;display:flex}.primary-btn,.ghost-btn,.docs-link,.secondary-btn,.pager button,.drawer-header button,.raw-json-actions button{border:1px solid var(--line-strong);min-height:44px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;text-decoration:none;transition:transform .14s,border-color .14s,background-color .14s;display:inline-flex}.primary-btn{color:#fff;background:#a11a46;border-color:#a11a46;gap:8px}.ghost-btn:disabled,.primary-btn:disabled,.secondary-btn:disabled{opacity:.55;cursor:not-allowed}.filter-search-btn{width:100%}.primary-btn:hover,.ghost-btn:hover,.docs-link:hover,.secondary-btn:hover,.pager button:hover,.drawer-header button:hover,.raw-json-actions button:hover{background:var(--accent-soft);border-color:#b4235473}.primary-btn:hover:not(:disabled){background:#8b153c;border-color:#8b153c}.docs-link{color:var(--accent)}.content-area{grid-template-columns:330px 1fr;gap:16px;margin-top:16px;display:grid}.filter-panel{gap:14px;padding:16px;display:grid}.filter-panel h2{font-family:var(--font-heading), serif;margin:0;font-size:1.2rem}.filter-group{border-top:1px dashed var(--line);gap:8px;padding-top:8px;display:grid}.filter-group h3{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.filter-panel label{color:var(--text-soft);gap:6px;font-size:13px;display:grid}.filter-panel input,.filter-panel select{border:1px solid var(--line-strong);min-height:44px;color:var(--text-main);background:#fff;border-radius:10px;padding:0 10px}.filter-panel input:focus,.filter-panel select:focus{outline-offset:0;outline:2px solid #b4235440}.hp-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.results-panel{min-height:72vh;padding:14px}.status{margin:16px 4px}.inline-status{margin-top:0}.status.error{color:#a11a46}.empty-state{text-align:center;color:var(--text-soft);padding:36px 14px}.empty-state h3{font-family:var(--font-heading), serif;margin:0 0 10px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:12px;display:grid}.card-item{border:1px solid var(--line);cursor:pointer;content-visibility:auto;contain:layout paint style;background:#fff;border-radius:14px;transition:transform .14s,border-color .14s;overflow:hidden}.card-item:hover,.card-item:focus-visible{border-color:#b4235473;outline:none;transform:translateY(-2px)}.card-art{aspect-ratio:5/7;background:linear-gradient(135deg,#f8f2e9,#f2ebe0);width:100%;position:relative}.card-fallback{width:100%;height:100%;color:var(--text-soft);place-items:center;font-size:12px;display:grid}.card-body{padding:10px}.card-body h3{-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.set-line,.meta-line{color:var(--text-soft);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:6px 0 0;font-size:12px;display:-webkit-box;overflow:hidden}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chips span{background:var(--accent-soft);color:#7e1740;border:1px solid #b423543d;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;display:inline-flex}.pager{justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.pager span{color:var(--text-soft);font-size:13px}.pager button:disabled{opacity:.45;cursor:not-allowed}.mobile-filter-trigger{z-index:25;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;min-width:48px;min-height:48px;padding:0 16px;font-weight:700;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #b4235447}.overlay{z-index:30;background:#0f0d0b75;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.detail-overlay{align-items:center;padding:16px 0}.mobile-drawer{border:1px solid var(--line);background:#fdfcfa;border-radius:18px 18px 0 0;width:min(100%,780px);max-height:86vh;padding:14px;overflow:auto}.detail-modal{background:#fcfbf9;width:min(1020px,96vw);max-height:92vh;margin-bottom:16px;padding:16px;overflow:auto}.drawer-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.drawer-header h2{font-family:var(--font-heading), serif;margin:0;font-size:clamp(1.3rem,3vw,2rem)}.detail-grid{grid-template-columns:minmax(220px,340px) 1fr;gap:16px;margin-top:12px;display:grid}.detail-image{aspect-ratio:5/7;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;position:relative;overflow:hidden}.detail-body{color:var(--text-main)}.detail-meta{color:var(--text-soft);margin:0}.detail-body h3{margin:14px 0 6px;font-size:14px}.detail-body p{margin:4px 0;font-size:13px;line-height:1.5}.detail-body section label{gap:6px;margin-top:8px;display:grid}.detail-body select{border:1px solid var(--line-strong);background:#fff;border-radius:10px;min-height:44px;padding:0 10px}.raw-json{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:14px;padding:10px}.raw-json summary{cursor:pointer;font-weight:700}.raw-json-actions{margin-top:8px}.raw-json pre{border:1px solid var(--line);background:#f8f6f2;border-radius:8px;max-height:260px;margin:10px 0 0;padding:10px;font-size:12px;line-height:1.45;overflow:auto}.dev-hint{color:#7b1940;word-break:break-word;margin-top:10px;font-size:12px}@media (max-width:1024px){.content-area{grid-template-columns:1fr}.desktop-filters{display:none}.mobile-filter-trigger{display:inline-flex}}@media (max-width:768px){.page-shell{width:min(100%,100vw);padding:12px 8px 92px}.topbar{flex-direction:column;align-items:flex-start;top:8px}.hero,.results-panel,.mobile-drawer,.detail-modal{border-radius:14px}.detail-modal{border-radius:14px 14px 0 0;width:100%;margin-bottom:0}.detail-overlay{align-items:flex-end;padding:0}.detail-grid{grid-template-columns:1fr}.detail-image{max-width:340px;margin:0 auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}