:root{--header-height: 50px;--content-spacing: 1rem;--color-bg: #ffffff;--color-text: #222222;--color-border: #eeeeee;--color-hover: rgba(0, 0, 0, .05);--color-bg-light: #f0f0f0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 5px 15px rgba(0, 0, 0, .2);--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--transition-duration: .3s;--z-nav: 1000;--z-nav-toggle: 1001;--z-modal: 2000}body.dark{--color-bg: #2b2b2b;--color-text: #f5f5f5;--color-border: #555555;--color-hover: rgba(255, 255, 255, .1);--color-bg-light: #3a3a3a}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{text-decoration:none;color:var(--color-link);outline:none;font-weight:600}.clickable{cursor:pointer}.nav{height:var(--nav-height);width:100%;position:relative;z-index:1000}.nav-header{display:inline}.nav-title{display:inline-block;padding:10px 10px 10px 0}.nav-btn{display:none}.nav-links{display:inline;float:right;font-size:18px}.nav-links a{display:inline-block;padding:10px;color:var(--color-text)}.nav-links a:hover{background-color:var(--color-hover)}#nav-check{display:none;appearance:none}.footer{text-align:center}.footer ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none}.footer ul li{margin:5px 10px 0 0}#gallery{margin:0 auto;padding:10px;width:100%;position:relative}.image-container{display:block;overflow:hidden;position:relative;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:transform var(--transition-duration) ease,box-shadow var(--transition-duration) ease;max-width:100%}.image-container:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.gallery-image{display:block;width:100%;height:auto;max-width:100%;opacity:0;transition:opacity var(--transition-duration) ease;animation:fadeIn .5s ease-in forwards}.item{margin-bottom:10px;width:auto;display:block;transition:transform var(--transition-duration) ease}.lazy-image-wrapper{width:100%;overflow:hidden;background-color:var(--color-bg-light);border-radius:var(--border-radius);position:relative}.lazy-image-wrapper.loaded{background-color:transparent}.lazy-image-placeholder{width:100%;height:0;background-color:var(--color-bg-light);position:relative}.lazy-image-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading-shimmer 1.5s infinite;transform:translate(-100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loading-shimmer{to{transform:translate(100%)}}@media (max-width: 500px){#gallery.mobile-container{width:calc(100% - 10px);margin:5px;padding:0;position:static;height:auto}.item.mobile-item{margin-bottom:5px;width:100%;display:block;transform:none}}@media (max-width: 590px){.nav-btn{display:inline-block;position:absolute;right:0;top:0;z-index:1000}.nav-btn label{display:inline-block;width:50px;height:50px;padding:13px 0 0 15px;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-btn label span{display:block;width:25px;height:10px;border-top:2px solid var(--color-text)}.nav-links{position:absolute;display:block;width:100%;background-color:var(--color-bg);height:0;transition:all var(--transition-duration) ease-in;overflow-y:hidden;top:var(--nav-height);left:0;z-index:999;box-shadow:var(--shadow-sm)}.nav-links a{display:block;width:100%;padding:15px 20px;text-align:center;border-bottom:1px solid var(--color-border);-webkit-tap-highlight-color:transparent}#nav-check:not(:checked)~.nav-links{height:0}#nav-check:checked~.nav-links{height:auto;max-height:calc(100vh - 50px);overflow-y:auto}}