.album-list{max-width:1200px;margin:0 auto;padding:60px 20px}.album-list-header{text-align:center;margin-bottom:60px}.album-list-header h1{font-size:3.5rem;font-weight:500;color:var(--text-color);letter-spacing:1px}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;margin-top:40px}.album-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;cursor:pointer}.album-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow)}.album-image-container{width:100%;height:300px;overflow:hidden;background:var(--bg-color)}.album-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) ease}.album-card:hover .album-thumbnail{transform:scale(1.05)}.album-info{padding:30px}.album-info h2{font-size:1.8rem;font-weight:500;margin-bottom:12px;color:var(--text-color)}.album-short-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;font-style:italic}@media (max-width: 768px){.albums-grid{grid-template-columns:1fr;gap:30px}.album-list-header h1{font-size:2.5rem}}.album-view{max-width:1200px;margin:0 auto;padding:40px 20px}.album-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:20px}.album-main-image{width:100%;height:500px;overflow:hidden;background:var(--bg-color)}.album-main-image img{width:100%;height:100%;object-fit:cover}.album-header-content{padding:20px}.album-header-content h1{font-size:3rem;font-weight:500;margin-bottom:20px;color:var(--text-color);line-height:1.2}.album-header-content .album-short-description{font-size:1.3rem;color:var(--text-secondary);line-height:1.8;margin-bottom:30px;font-style:italic}.view-photos-button{display:inline-block;padding:14px 32px;border:2px solid var(--text-color);color:var(--text-color);background:transparent;font-size:1.1rem;font-weight:500;letter-spacing:.5px;transition:all var(--transition-speed) ease;font-family:Playfair Display,serif}.view-photos-button:hover{background-color:var(--text-color);color:var(--bg-color);opacity:1}@media (max-width: 968px){.album-header{grid-template-columns:1fr;gap:40px}.album-main-image{height:400px}.album-header-content h1{font-size:2.5rem}}.photo-detail{max-width:1200px;margin:0 auto;padding:40px 20px;background-color:var(--bg-color)}.back-link{display:inline-block;margin-bottom:40px;font-size:1.1rem;color:var(--text-secondary);font-style:italic;transition:color var(--transition-speed) ease}.back-link:hover{color:var(--text-color);opacity:1}.photo-detail-header{text-align:center;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid var(--border-color)}.photo-detail-header h1{font-size:3.5rem;font-weight:500;margin-bottom:30px;color:var(--text-color);letter-spacing:1px}.photo-detail-description{font-size:1.3rem;color:var(--text-secondary);line-height:1.9;max-width:800px;margin:0 auto;font-style:italic}.photos-container{display:flex;flex-direction:column;gap:60px;margin-top:40px}.photo-item{display:flex;flex-direction:column;align-items:center}.photo-wrapper{width:60%;background:var(--bg-color);padding:20px;box-shadow:0 2px 10px var(--shadow)}.photo-image{width:100%;height:auto;display:block;object-fit:contain}.photo-caption{margin-top:20px;font-size:1.2rem;color:var(--text-secondary);text-align:center;font-style:italic;max-width:60%;line-height:1.6}.loading{text-align:center;padding:100px 20px;font-size:1.5rem;color:var(--text-secondary)}@media (max-width: 768px){.photo-wrapper{width:90%}.photo-caption{max-width:90%}.photo-detail-header h1{font-size:2.5rem}.photo-detail-description{font-size:1.1rem}}.theme-toggle{position:fixed;top:30px;right:30px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:2px solid currentColor;color:inherit;font-family:Playfair Display,serif;font-size:1rem;cursor:pointer;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}[data-theme=dark] .theme-toggle{border-color:#fff;color:#fff;background:#0000004d}[data-theme=light] .theme-toggle{border-color:#1a1a1a;color:#1a1a1a;background:#ffffff80}.theme-toggle:hover{opacity:.8;transform:scale(1.05)}.theme-toggle-icon{font-size:1.2rem}.theme-toggle-text{font-weight:500;letter-spacing:.5px}@media (max-width: 768px){.theme-toggle{top:20px;right:20px;padding:10px 16px;font-size:.9rem}.theme-toggle-text{display:none}}.app{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}*{margin:0;padding:0;box-sizing:border-box}:root{--transition-speed: .3s}body{font-family:Cormorant Garamond,serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--text-secondary: #cccccc;--border-color: #333333;--card-bg: #0a0a0a;--shadow: rgba(255, 255, 255, .1)}[data-theme=dark] body{background-color:var(--bg-color);color:var(--text-color)}[data-theme=light]{--bg-color: #ffffff;--text-color: #1a1a1a;--text-secondary: #666666;--border-color: #e8e8e8;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1)}[data-theme=light] body{background-color:var(--bg-color);color:var(--text-color)}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500;letter-spacing:.5px;color:inherit}a{text-decoration:none;color:inherit;transition:opacity var(--transition-speed) ease}a:hover{opacity:.7}