.items-stats {background: rgba(13, 17, 23, 0.8);backdrop-filter: blur(20px);border-radius: 16px;padding: 28px;margin: 32px 0;border: 1px solid rgba(48, 54, 61, 0.3);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03);position: relative;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);}.items-stats::before {content: '';position: absolute;top: 0;left: 20px;right: 20px;height: 1px;background: linear-gradient(90deg, transparent, rgba(88, 166, 255, 0.4), transparent);}.items-stats:hover {transform: translateY(-2px);box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);border-color: rgba(88, 166, 255, 0.2);}.items-stats h4 {color: #58a6ff;text-align: center;margin-bottom: 24px;font-size: 1.6em;font-weight: 600;letter-spacing: -0.01em;text-shadow: 0 0 20px rgba(88, 166, 255, 0.2);border-bottom: 2px solid rgba(88, 166, 255, 0.3);padding-bottom: 12px;position: relative;}.items-stats h4::after {content: '';position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);width: 60px;height: 2px;background: linear-gradient(90deg, transparent, #58a6ff, transparent);border-radius: 1px;}.search-items {width: 100%;max-width: 500px;margin: 32px auto;display: block;padding: 16px 20px;background: rgba(22, 27, 34, 0.8);backdrop-filter: blur(10px);border: 1px solid rgba(48, 54, 61, 0.4);border-radius: 12px;color: #c9d1d9;font-size: 1em;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);text-align: center;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.03);}.search-items:focus {outline: none;border-color: rgba(88, 166, 255, 0.4);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(88, 166, 255, 0.2);transform: translateY(-2px);}.search-items::placeholder {color: #6e7681;font-style: italic;}.item-category {margin: 32px 0;background: rgba(22, 27, 34, 0.9);backdrop-filter: blur(20px);border-radius: 16px;border: 1px solid rgba(48, 54, 61, 0.3);overflow: hidden;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);position: relative;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03);}.item-category::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: rgba(88, 166, 255, 0.8);border-radius: 16px 16px 0 0;}.item-category:hover {transform: translateY(-3px);border-color: rgba(88, 166, 255, 0.2);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);}.items-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;padding: 32px;margin-top: 0;}.item-card {background: rgba(13, 17, 23, 0.8);backdrop-filter: blur(10px);border-radius: 12px;padding: 18px;border: 1px solid rgba(48, 54, 61, 0.2);transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);cursor: pointer;display: flex;align-items: center;gap: 16px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.02);position: relative;}.item-card:hover {transform: translateY(-4px) translateX(2px);border-color: rgba(88, 166, 255, 0.3);background: rgba(22, 27, 34, 0.8);box-shadow: 0 8px 20px rgba(88, 166, 255, 0.1), 0 0 0 1px rgba(88, 166, 255, 0.1);}.item-image {width: 64px;height: 64px;background: rgba(22, 27, 34, 0.8);backdrop-filter: blur(10px);border-radius: 10px;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(88, 166, 255, 0.2);flex-shrink: 0;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.02);}.item-card:hover .item-image {transform: scale(1.05);border-color: rgba(88, 166, 255, 0.4);box-shadow: 0 6px 16px rgba(88, 166, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);}.item-image img {width: 52px;height: 52px;object-fit: contain;border-radius: 8px;transition: all 0.3s ease;}.item-info {flex: 1;display: flex;flex-direction: column;gap: 6px;}.item-name {color: #c9d1d9;font-weight: 600;font-size: 1em;line-height: 1.3;letter-spacing: -0.01em;margin: 0;transition: color 0.3s ease;}.item-card:hover .item-name {color: #ffffff;}.item-id {color: #58a6ff;font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Courier New', monospace;font-size: 0.85em;font-weight: 500;cursor: pointer;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);background: rgba(88, 166, 255, 0.1);padding: 4px 8px;border-radius: 6px;border: 1px solid rgba(88, 166, 255, 0.2);display: inline-block;max-width: fit-content;}.item-id:hover {background: rgba(88, 166, 255, 0.2);border-color: rgba(88, 166, 255, 0.4);text-shadow: 0 0 8px rgba(88, 166, 255, 0.4);transform: translateY(-1px);}.item-category .category-toggle {background: rgba(13, 17, 23, 0.8);backdrop-filter: blur(10px);color: #58a6ff;padding: 20px 32px;margin: 0;cursor: pointer;font-weight: 600;font-size: 1.4em;letter-spacing: -0.01em;transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);display: flex;align-items: center;gap: 12px;border-bottom: 1px solid rgba(48, 54, 61, 0.2);user-select: none;}.item-category .category-toggle:hover {background: rgba(22, 27, 34, 0.8);color: #39d87a;text-shadow: 0 0 15px rgba(57, 216, 122, 0.3);transform: translateX(6px);}.item-category .category-toggle::before {content: "▼";font-size: 0.7em;transition: transform 0.3s cubic-bezier(0.23, 1, 0.320, 1);color: #58a6ff;width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;background: rgba(88, 166, 255, 0.1);border-radius: 6px;border: 1px solid rgba(88, 166, 255, 0.2);}.item-category .category-toggle:hover::before {background: rgba(57, 216, 122, 0.1);border-color: rgba(57, 216, 122, 0.2);color: #39d87a;}.item-category .category-toggle.collapsed::before {transform: rotate(-90deg);background: rgba(57, 216, 122, 0.1);border-color: rgba(57, 216, 122, 0.2);color: #39d87a;}.item-category .category-content {transition: all 0.4s cubic-bezier(0.23, 1, 0.320, 1);overflow: hidden;opacity: 1;max-height: 3000px;}.item-category .category-content.collapsed {max-height: 0;padding: 0 32px;opacity: 0;margin: 0;}.item-category .category-toggle:focus, .search-items:focus, .item-card:focus {outline: 2px solid rgba(88, 166, 255, 0.4);outline-offset: 2px;}.item-name::selection, .item-id::selection {background: rgba(88, 166, 255, 0.2);color: #58a6ff;}.item-category.loading {opacity: 0.7;pointer-events: none;}.item-category.loading::after {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid rgba(88, 166, 255, 0.3);border-top: 2px solid #58a6ff;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes fadeOut {from {opacity: 1;transform: scale(1);}to {opacity: 0;transform: scale(0.98);}}@keyframes fadeIn {from {opacity: 0;transform: scale(0.98);}to {opacity: 1;transform: scale(1);}}.item-category:not(.hidden) {animation: fadeIn 0.4s ease-out;}.item-category.hidden {display: none;animation: fadeOut 0.3s ease-out;}@keyframes subtlePulse {0%, 100% {box-shadow: 0 0 0 0 rgba(88, 166, 255, 0.1);}50% {box-shadow: 0 0 0 4px rgba(88, 166, 255, 0.05);}}.item-card:hover {animation: none;}.item-id:active {transform: translateY(0);transition: transform 0.1s ease;}@media (max-width: 768px) {.items-grid {grid-template-columns: 1fr;gap: 16px;padding: 24px;}.item-card {padding: 16px;gap: 14px;}.item-image {width: 56px;height: 56px;}.item-image img {width: 46px;height: 46px;}.item-name {font-size: 0.95em;}.item-id {font-size: 0.8em;}.item-category .category-toggle {padding: 18px 24px;font-size: 1.2em;}.items-stats {padding: 24px;margin: 24px 0;}.search-items {margin: 24px auto;max-width: 100%;}}@media (max-width: 480px) {.items-grid {padding: 20px;gap: 14px;}.item-card {padding: 14px;flex-direction: column;text-align: center;gap: 12px;}.item-image {width: 50px;height: 50px;}.item-image img {width: 40px;height: 40px;}.item-name {font-size: 0.9em;}.item-id {font-size: 0.75em;align-self: center;}.item-category .category-toggle {padding: 16px 20px;font-size: 1.1em;}.items-stats {padding: 20px;}.items-stats h4 {font-size: 1.3em;}}* {transition-timing-function: cubic-bezier(0.23, 1, 0.320, 1);}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}