:root{--primary-color:#41907c;--primary-hover:#367a68;--primary-light:#e8f5f3;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-color:#f0f0f0;--bg-light:#f8f9fa;--bg-white:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.platform-selector{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.platform-selector .btn{flex:1;max-width:100px;transition:var(--transition-fast)}.search-container{display:flex;gap:var(--spacing-md);align-items:center}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}.photo-card{border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-white);box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.photo-image-container{width:100%;height:200px;position:relative;overflow:hidden}.photo-image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:50%;filter:blur(10px);z-index:0}.photo-image{width:100%;height:200px;object-fit:contain;display:block;position:relative;z-index:1}.photo-info{padding:15px}.photo-description{font-size:14px;color:#666;margin-bottom:10px;line-height:1.4}.photo-meta{gap:10px;margin-bottom:15px;font-size:12px;color:#999}.photo-author,.photo-meta{display:flex;align-items:center}.photo-author{gap:8px;text-decoration:none;color:#666}.photo-author:hover{color:#41907c}.author-avatar{width:24px;height:24px;border-radius:50%}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.page-info{font-size:14px;color:#666}.loading{text-align:center;padding:40px}.error-message{color:#e74c3c;background:#fdf2f2;border:1px solid #f5c6cb;border-radius:4px}.access-check,.error-message{text-align:center;padding:40px;margin:20px 0}.access-check{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px}@media(max-width:768px){.platform-selector .form-select{width:100%}.search-container{flex-direction:column;align-items:stretch}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px}.pagination{flex-wrap:wrap;gap:5px;margin-bottom:10px}}