*{box-sizing:border-box}:root{color-scheme:dark}body{margin:0;font-family:system-ui,sans-serif;background:#0c0a09;color:#e7e5e4}main{max-width:900px;margin:0 auto;padding:24px 16px}h1{margin-top:0}button{border:0;padding:0;background:none;cursor:pointer;font:inherit}.item-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.item{display:flex;gap:16px;background:#1c1917;border:1px solid #292524;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0006}.item-cover{position:relative;flex:0 0 220px}.item-cover img{width:220px;height:165px;object-fit:cover;border-radius:6px;display:block}.image-count{position:absolute;bottom:6px;right:6px;background:#0009;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}.frozen-badge{position:absolute;top:8px;left:8px;background:#1d4ed8;color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;padding:3px 8px;border-radius:4px}.item.frozen .item-cover img,.item.frozen .item-info{opacity:.55}.item-info{flex:1;min-width:0}.item-info h2{margin:0 0 4px;font-size:1.2rem}.item-info p{margin:4px 0}.item-info .description{margin:8px 0;line-height:1.5}.price{font-weight:700;font-size:1.1rem;color:#4ade80}.condition{font-size:.85rem;color:#a8a29e}.thumbs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.thumbs img{width:56px;height:42px;object-fit:cover;border-radius:4px;display:block}.thumbs button:hover img{outline:2px solid #e7e5e4}.error{color:#f87171;padding:16px}.viewer{position:fixed;inset:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:100}.viewer-content{position:relative}.viewer-content img{width:96vw;height:92vh;object-fit:contain;display:block}.viewer-close{position:fixed;top:12px;right:12px;z-index:1;width:44px;height:44px;border-radius:50%;background:#292524d9;color:#fff;font-size:32px;line-height:1}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#292524d9;color:#fff;font-size:28px;line-height:1}.viewer-nav.left{left:8px}.viewer-nav.right{right:8px}.viewer-counter{position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:#292524d9;color:#fff;font-size:14px;padding:4px 10px;border-radius:999px}@media(max-width:600px){.item{flex-direction:column}.item-cover,.item-cover img{width:100%;flex-basis:auto;height:auto;aspect-ratio:4 / 3}}