:root{--sidebar-width: 260px;--bg-color: #ffffff;--text-color: #111111;--text-muted: #999999;--accent-color: #000000;--border-color: #f2f2f2;--separator-color: #ebebeb;--hover-bg: #fafafa;--transition: all .5s cubic-bezier(.19, 1, .22, 1);font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;height:100vh}#root{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);padding:3rem 2rem;display:flex;flex-direction:column;height:100%;background:var(--bg-color)}.logo{font-family:Playfair Display,serif;font-size:2rem;font-weight:500;letter-spacing:-.01em;margin-bottom:2rem;text-transform:none;line-height:1.1}.sidebar-separator{height:1px;width:40px;background:var(--accent-color);margin-bottom:3rem;opacity:.1}.nav-list{list-style:none}.nav-item{margin-bottom:.25rem}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.85rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;display:block;padding:.8rem 0;transition:var(--transition);cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--accent-color);transform:translate(5px)}.main-content{flex:1;position:relative;display:flex;flex-direction:column;height:100vh}.gallery-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.current-photo{max-width:90%;max-height:85vh;object-fit:contain;box-shadow:0 40px 100px #0000001a;transition:opacity .4s ease-out,transform .4s ease-out;opacity:1;transform:translateY(0) scale(1)}.current-photo.changing{opacity:0;transform:translateY(10px) scale(.98)}.nav-chevron{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:2rem;color:var(--text-muted);transition:var(--transition);z-index:10}.nav-chevron:hover{color:var(--accent-color);background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%}.nav-chevron.prev{left:.5rem}.nav-chevron.next{right:.5rem}.thumbnail-bar{height:100px;border-top:1px solid var(--border-color);display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;overflow-x:auto;background:var(--bg-color);scrollbar-width:thin}.thumbnail{height:80px;width:120px;object-fit:cover;cursor:pointer;opacity:.5;transition:var(--transition);border:2px solid transparent}.thumbnail:hover,.thumbnail.active{opacity:1;border-color:var(--accent-color)}.mobile-menu-toggle{display:none;position:fixed;top:1.5rem;left:1.5rem;z-index:1000;background:var(--bg-color);border:1px solid var(--border-color);padding:.6rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 12px #0000000d}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}@media(max-width:768px){.mobile-menu-toggle{display:block}#root{flex-direction:column}.sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);z-index:999;transform:translate(-100%);transition:var(--transition);border-right:none;padding-top:6rem}.sidebar.open{transform:translate(0)}.main-content{height:100vh;padding-top:4rem}.gallery-container{padding:1rem}.current-photo{max-width:95%;max-height:60vh}.nav-chevron svg{width:32px;height:32px}.thumbnail-bar{height:80px;padding:0 1rem}.thumbnail{height:60px;width:90px}}