:root,[data-theme=light]{--bg-primary: #fff;--bg-secondary: #fafafa;--bg-tertiary: #f8f8f8;--bg-hover: #f5f5f5;--text-primary: #000;--text-secondary: #666;--text-muted: #999;--text-faint: #bbb;--border-primary: #000;--border-secondary: #e5e5e5;--border-light: #eee;--border-control: #ddd;--shadow-card: rgba(0, 0, 0, .04);--shadow-hover: rgba(0, 0, 0, .12);--shadow-float: rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111;--bg-tertiary: #1a1a1a;--bg-hover: #222;--text-primary: #fff;--text-secondary: #aaa;--text-muted: #777;--text-faint: #555;--border-primary: #fff;--border-secondary: #333;--border-light: #222;--border-control: #444;--shadow-card: rgba(0, 0, 0, .2);--shadow-hover: rgba(0, 0, 0, .4);--shadow-float: rgba(0, 0, 0, .3)}:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}button{border:1px solid var(--border-primary);padding:.5em 1.25em;font-size:.85em;font-weight:400;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.05em}button:hover,button.active{background-color:var(--text-primary);color:var(--bg-primary)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:hover{background-color:var(--bg-primary);color:var(--text-primary)}input{border:1px solid var(--border-primary);padding:.75em 1em;font-size:1em;font-family:inherit;background-color:var(--bg-primary);color:var(--text-primary);width:100%}input:focus{outline:none}input::placeholder{color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:.85em;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-box{width:100%;max-width:320px;text-align:center}.login-box h1{font-size:.85em;font-weight:400;text-transform:uppercase;letter-spacing:.25em;margin-bottom:3rem}.login-box>p{display:none}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box button{padding:.75em 1.5em}.login-box button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--text-primary);margin-top:1rem;font-size:.85em}.gallery-container{min-height:100vh;padding:4rem 4rem 8rem;max-width:2000px;margin:0 auto}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:baseline;gap:1rem}.gallery-header h1{font-size:.85em;font-weight:400;text-transform:uppercase;letter-spacing:.25em}.photo-count{font-size:.75em;color:var(--text-muted);letter-spacing:.1em}.theme-toggle{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:.5rem;line-height:1;transition:transform .2s ease}.theme-toggle:hover{background:transparent;color:inherit;transform:scale(1.1)}.color-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.color-chip{padding:.4em .8em;font-size:.7em;border:1px solid var(--border-secondary);background:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;transition:all .15s ease}.color-chip:hover{border-color:var(--text-primary);background:var(--bg-primary);color:var(--text-primary)}.color-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.color-chip.red:before,.color-chip.orange:before,.color-chip.yellow:before,.color-chip.green:before,.color-chip.blue:before,.color-chip.purple:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5em;vertical-align:middle}.color-chip.red:before{background:#e53935}.color-chip.orange:before{background:#fb8c00}.color-chip.yellow:before{background:#fdd835}.color-chip.green:before{background:#43a047}.color-chip.blue:before{background:#1e88e5}.color-chip.purple:before{background:#8e24aa}.photo-grid{column-count:4;column-gap:1.5rem;contain:layout style}.no-photos{text-align:center;color:var(--text-muted);padding:4rem 2rem;font-size:.85em;text-transform:uppercase;letter-spacing:.1em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.photo-card{break-inside:avoid;margin-bottom:1.5rem;cursor:pointer;contain:layout style paint;animation:fadeIn .4s ease-out both}.photo-card-inner{position:relative;overflow:hidden;background-color:var(--bg-tertiary);box-shadow:0 1px 3px var(--shadow-card);transition:box-shadow .3s ease,transform .3s ease}.photo-card:hover .photo-card-inner{box-shadow:0 8px 30px var(--shadow-hover);transform:translateY(-4px)}.photo-card img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.photo-card:hover img{transform:scale(1.03)}.load-more{text-align:center;padding:2rem;color:var(--text-muted);font-size:.75em;text-transform:uppercase;letter-spacing:.1em}.control-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.25rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-secondary);box-shadow:0 4px 20px var(--shadow-float);z-index:100}.control-bar button{font-size:.7em;padding:.6em 1em;border:none;background:transparent;color:var(--text-secondary);transition:all .2s ease}.control-bar button:hover{background:var(--bg-hover);color:var(--text-primary)}.control-bar button.active{background:var(--text-primary);color:var(--bg-primary)}.control-bar button:disabled{opacity:.3}.control-bar button:disabled:hover{background:transparent;color:var(--text-secondary)}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column;z-index:1000}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--border-light)}.lightbox-nav{display:flex;align-items:center;gap:1rem}.nav-btn{background:transparent;border:1px solid var(--border-control);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:0;color:var(--text-primary)}.nav-btn:hover{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.photo-position{font-size:.75em;color:var(--text-muted);letter-spacing:.1em;min-width:80px;text-align:center}.lightbox-actions{display:flex;align-items:center;gap:1rem}.lightbox-actions button{font-size:.7em;padding:.5em 1em}.close-btn{background:transparent!important;border:none!important;font-size:1.75rem!important;color:var(--text-primary)!important;cursor:pointer;padding:0!important;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-secondary)!important}.lightbox-body{flex:1;display:flex;overflow:hidden}.lightbox-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-secondary);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.lightbox-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:100%;object-fit:contain;display:block;pointer-events:none}.controls-panel{width:260px;background-color:var(--bg-primary);border-left:1px solid var(--border-light);padding:2rem;overflow-y:auto;display:flex;flex-direction:column}.control-group{margin-bottom:1.75rem}.control-group label{display:flex;justify-content:space-between;align-items:center;font-size:.7em;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;color:var(--text-muted)}.control-group label span{font-family:SF Mono,Monaco,monospace;color:var(--text-primary);font-size:1.1em}.button-group{display:flex;gap:.25rem}.button-group button{flex:1;font-size:.65em;padding:.5em .25em}.control-group select{width:100%;padding:.6rem .75rem;font-size:.8em;border:1px solid var(--border-control);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.control-group input[type=range]{width:100%;cursor:pointer;accent-color:var(--text-primary)}.control-group input[type=color]{width:100%;height:36px;padding:2px;border:1px solid var(--border-control);cursor:pointer;background:var(--bg-primary)}.checkbox-label{display:flex!important;align-items:center;gap:.6rem;cursor:pointer;justify-content:flex-start!important}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--text-primary)}.keyboard-hints{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:.5rem;font-size:.65em;color:var(--text-faint);letter-spacing:.05em}@media(max-width:1400px){.photo-grid{column-count:3}}@media(max-width:1000px){.photo-grid{column-count:2}}@media(max-width:768px){.gallery-container{padding:1.5rem 1.5rem 6rem}.gallery-header{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.header-left{flex-direction:column;gap:.25rem;align-items:flex-start}.color-filters{margin-bottom:1.5rem}.color-chip{font-size:.65em;padding:.35em .6em}.photo-grid{column-count:2;column-gap:.75rem}.photo-card{margin-bottom:.75rem}.control-bar{bottom:1rem;padding:.4rem;max-width:calc(100vw - 2rem);overflow-x:auto}.control-bar button{font-size:.6em;padding:.5em .75em;white-space:nowrap}.lightbox-header{padding:1rem 1.25rem}.lightbox-nav{gap:.5rem}.photo-position{font-size:.65em;min-width:60px}.lightbox-body{flex-direction:column}.lightbox-content{padding:1rem;flex:1;min-height:0}.controls-panel{width:100%;max-height:45vh;border-left:none;border-top:1px solid var(--border-light);padding:1.5rem}.keyboard-hints{display:none}}@media(max-width:480px){.photo-grid{column-count:1}.gallery-container{padding:1rem 1rem 5rem}.control-bar{flex-wrap:wrap;justify-content:center}}