body{font-family:Arial,sans-serif;margin:20px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f4f4}.state{font-size:1.2em;color:#666}.error{color:#e74c3c}.info{font-size:1.2em;color:#2c3e50;text-align:center}#header{text-align:center;margin-bottom:20px}#title{font-size:1.8em;color:#2c3e50;margin:0}#subtext{font-size:.9em;font-style:italic;color:#666;margin:5px 0 0}.fishdex-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:25px}.fish-item{text-align:center;background-color:#fff;padding:10px;border-radius:15px;box-shadow:0 2px 4px #0000001a}.fish-item img{width:100%;height:auto;border-radius:8px}.fish-item.grayscale img{filter:grayscale(100%)}.fish-item .name{font-weight:700;margin-top:10px}.fish-item .rarity{font-size:.9em;margin-top:2px;margin-bottom:15px}.fish-item .timestamp{font-size:.8em;color:#666;margin-top:5px;line-height:1.5em}