:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f2ebda}.login-card{background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 8px 32px #7a847f26;border:2px solid #cfd0c5;text-align:center;min-width:350px}.login-card h1{margin-bottom:2rem;color:#7a847f;font-size:1.8rem}.password-input{width:100%;padding:.8rem;font-size:1rem;border:2px solid #cfd0c5;border-radius:.5rem;margin-bottom:1rem;transition:border-color .3s;background:#fff}.password-input:focus{outline:none;border-color:#7a847f}.login-button{width:100%;padding:.8rem;font-size:1rem;font-weight:600;color:#fff;background:#7a847f;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.login-button:hover{background:#5f6861;transform:translateY(-2px);box-shadow:0 4px 12px #7a847f4d}.error-message{color:#e74c3c;margin:.5rem 0;font-size:.9rem}@media (max-width: 768px){.login-card{min-width:unset;width:90%;max-width:400px;padding:2rem 1.5rem}.login-card h1{font-size:1.5rem;margin-bottom:1.5rem}}.gallery-container{min-height:100vh;background:#f2ebda}.gallery-header{background:#7a847f;color:#fff;padding:2rem;text-align:center;border-bottom:2px solid #cfd0c5}.gallery-header h1{margin:0;font-size:2rem}.year-selector{display:flex;justify-content:center;gap:1rem;padding:2rem;background:#fff;box-shadow:0 2px 4px #2c3e5014;flex-wrap:wrap}.year-button{padding:.8rem 1.5rem;font-size:1.1rem;font-weight:500;border:2px solid #cfd0c5;background:#fff;color:#7a847f;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.year-button:hover{background:#f2ebda;border-color:#7a847f;transform:translateY(-1px);box-shadow:0 2px 8px #7a847f26}.year-button.active{background:#7a847f;color:#fff;border-color:#7a847f}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.photo-item{aspect-ratio:1;overflow:hidden;border-radius:.5rem;cursor:pointer;transition:transform .3s,box-shadow .3s;background:#cfd0c5;border:3px solid white;box-shadow:0 2px 8px #0000001a}.photo-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #7a847f33;border-color:#cfd0c5}.photo-item img{width:100%;height:100%;object-fit:cover}.loading,.error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#666}.error{color:#e74c3c}.lightbox{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.lightbox-content{position:relative;max-width:90%;max-height:90%;cursor:default}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain}.close-button{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;line-height:1;padding:0;width:40px;height:40px}.close-button:hover{opacity:.7}.nav-button{position:absolute;bottom:-80px;background:#ffffffe6;border:none;color:#7a847f;font-size:3rem;cursor:pointer;padding:1rem;border-radius:.5rem;transition:all .2s ease;line-height:1;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.nav-button:hover{background:#fff;transform:scale(1.1)}.nav-button.prev{left:50%;transform:translate(calc(-100% - 10px))}.nav-button.next{left:50%;transform:translate(10px)}@media (max-width: 768px){.gallery-header{padding:1.5rem 1rem}.gallery-header h1{font-size:1.5rem}.year-selector{padding:1rem;gap:.5rem}.year-button{padding:.6rem 1rem;font-size:.9rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem}.close-button{top:10px;right:10px;font-size:2.5rem}.nav-button{font-size:2rem;width:50px;height:50px;padding:.5rem;bottom:-70px}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh}