*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}main{min-height:100vh;padding:0}.loading{color:#666;justify-content:center;align-items:center;padding:2rem;font-size:1.1rem;display:flex}.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin:1rem 0;padding:1rem}.home-page{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:3rem}.hero h1{color:#2c3e50;margin-bottom:1rem;font-size:3rem;font-weight:300}.hero h2{color:#2c3e50;margin-top:3em;margin-bottom:3em;font-size:1.5rem;font-weight:100}.hero p{color:#666;font-size:1.2rem}.albums-section h2{color:#2c3e50;margin-bottom:2rem;font-size:2rem}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.album-card{background:#e2e2e2;border-radius:8px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.album-cover{height:200px;overflow:hidden}.album-cover img{object-fit:cover;width:100%;height:100%}.album-card .album-info{padding:1.5rem}.album-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.album-info h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.5rem}.album-description{color:#666;margin-bottom:1rem}.album-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.album-actions{justify-content:flex-end;display:flex}.view-photos-btn{color:#fff;background-color:#007bff;border-radius:4px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:background-color .2s}.view-photos-btn:hover{background-color:#0056b3}.album-page{max-width:1200px;margin:0 auto;padding:2rem}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:#007bff;font-weight:500;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.album-header{background:#fff;border-radius:8px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.album-info h1{color:#2c3e50;margin-bottom:1rem;font-size:2.5rem}.album-description{color:#666;margin-bottom:1rem;font-size:1.1rem}.album-meta{flex-wrap:wrap;gap:1rem;display:flex}.photo-count,.created-date{color:#495057;background-color:#e9ecef;border-radius:12px;padding:.25rem .5rem;font-size:.9rem}.photos-section{margin-top:2rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.photo-item{aspect-ratio:1;cursor:pointer;border-radius:8px;transition:transform .2s;position:relative;overflow:hidden}.photo-item:hover{transform:scale(1.02)}.photo-item img{object-fit:cover;width:100%;height:100%}.photo-overlay{color:#fff;opacity:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:1rem;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-overlay{opacity:1}.photo-title{font-weight:500}.photo-modal{z-index:1000;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}.close-btn{color:#fff;cursor:pointer;z-index:1001;background:rgba(0,0,0,.7);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.close-btn:hover{background:rgba(0,0,0,.9)}.modal-content img{object-fit:contain;width:100%;height:auto;max-height:70vh}.photo-info{padding:1.5rem}.photo-info h3{color:#2c3e50;margin-bottom:.5rem}.photo-info p{color:#666}@media (width<=768px){.home-page,.album-page{padding:1rem}.hero h1{font-size:2rem}.albums-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.album-header{padding:1rem}.album-info h1{font-size:2rem}}