header h1{letter-spacing:.01em;font-size:1.6rem;font-weight:700}main{max-width:1400px;margin:0 auto;padding:2rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:1.5rem;display:grid}.photo-grid--masonry{align-items:flex-start;gap:1.5rem;display:flex}.masonry-column{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.photo-card{box-shadow:var(--card-shadow);cursor:pointer;background:#34403a14;border-radius:10px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.photo-card:hover,.photo-card:focus{outline:3px solid var(--blue);transform:translateY(-4px);box-shadow:0 8px 20px #47444833}.photo-card img{object-fit:cover;opacity:0;width:100%;height:auto;max-height:400px;transition:opacity .35s;display:block}.photo-card-info{border-top:3px solid var(--bg);padding:.75rem 1rem 1rem}.photo-card-info .year{color:var(--blue);font-size:1rem;font-weight:700}.photo-card-info .location{color:var(--text);margin-top:.2rem;font-size:.95rem}.filter-bar{background:var(--white);box-shadow:var(--card-shadow);border-radius:10px;margin-bottom:.75rem}.filter-toggle-row{align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:flex}.filter-toggle-btn{color:var(--text);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:flex}.filter-toggle-btn:hover{opacity:1}.filter-arrow{font-size:.75rem;transition:transform .2s;display:inline-block}.filter-arrow.open{transform:rotate(180deg)}.filter-active-hint{color:var(--blue);font-size:.8rem;font-weight:600}.filter-clear-collapsed{color:var(--text);cursor:pointer;opacity:.45;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600}.filter-clear-collapsed:hover{opacity:1;color:var(--blue)}.filter-controls{border-top:1.5px solid var(--bg);flex-wrap:wrap;align-items:flex-end;gap:1rem;padding:.75rem 1.25rem 1rem;display:none}.filter-controls.open{display:flex}.sort-bar{justify-content:flex-end;align-items:center;gap:.35rem;margin-bottom:1.5rem;display:flex}.sort-label{color:var(--text);opacity:.45;font-size:.85rem}.sort-select{color:var(--text);cursor:pointer;opacity:.45;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.85rem}.sort-select:hover,.sort-select:focus{opacity:.75;outline:none}.filter-group{flex-direction:column;gap:.3rem;display:flex}.filter-checkbox-label{cursor:pointer;color:var(--text);align-items:center;gap:.45rem;padding-bottom:.1rem;font-size:.95rem;font-weight:500;display:flex}.filter-checkbox-label input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:var(--blue);flex-shrink:0}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text);opacity:.5;font-size:.75rem;font-weight:700}.filter-select{background:var(--bg);color:var(--text);border:1.5px solid #ddd;border-radius:6px;min-width:120px;padding:.4rem .7rem;font-family:Outfit,sans-serif;font-size:.95rem}.filter-select:focus{border-color:var(--blue);outline:none}.year-range{align-items:center;gap:.4rem;display:flex}.year-sep{color:var(--text);opacity:.35;font-weight:600}.year-range .filter-select{min-width:90px}.location-combobox{position:relative}.location-dropdown{background:var(--white);z-index:100;border:1.5px solid #ddd;border-radius:6px;max-height:180px;display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #34403a1f}.location-dropdown.open{display:block}.location-dropdown-item{cursor:pointer;color:var(--text);padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.92rem;transition:background .1s}.location-dropdown-item:hover{background:var(--bg);color:var(--blue);font-weight:600}.location-dropdown-item.any-location{opacity:.55}#filter-location-input.active-filter{border-color:var(--blue);color:var(--blue);font-weight:600}.person-combobox{position:relative}.person-dropdown{background:var(--white);z-index:100;border:1.5px solid #ddd;border-radius:6px;max-height:180px;display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #34403a1f}.person-dropdown.open{display:block}.person-dropdown-item{cursor:pointer;color:var(--text);padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.92rem;transition:background .1s}.person-dropdown-item:hover{background:var(--bg);color:var(--blue);font-weight:600}.person-dropdown-item.everyone{opacity:.55}#filter-person-input.active-filter{border-color:var(--blue);color:var(--blue);font-weight:600}.status-message{text-align:center;color:var(--text);padding:4rem 1rem;font-size:1.2rem;line-height:1.6}.status-message.error{color:var(--amber);font-weight:600}@media (width<=600px){header{gap:clamp(.5rem,3vw,1.5rem)}header h1{font-size:clamp(.85rem,4.5vw,1.1rem)}main{padding:1rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.photo-grid--masonry,.masonry-column{gap:.75rem}.filter-group{width:100%}.filter-select{width:100%;min-width:unset}.year-range .filter-select{min-width:unset;flex:1}.sort-bar{margin-bottom:1rem}}.album-combobox{position:relative}.album-dropdown{background:var(--white);z-index:100;border:1.5px solid #ddd;border-radius:6px;max-height:180px;display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #34403a1f}.album-dropdown.open{display:block}.album-dropdown-item{cursor:pointer;color:var(--text);padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.92rem;transition:background .1s}.album-dropdown-item:hover{background:var(--bg);color:var(--blue);font-weight:600}.album-dropdown-item.any-album{opacity:.55}#filter-album-input.active-filter{border-color:var(--blue);color:var(--blue);font-weight:600}.combobox-clear-btn{cursor:pointer;color:var(--text);opacity:.4;z-index:2;background:0 0;border:none;padding:.1rem .25rem;font-size:1rem;line-height:1;display:none;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.combobox-clear-btn:hover{opacity:.9}#filter-location-input.active-filter+.combobox-clear-btn,#filter-person-input.active-filter+.combobox-clear-btn,#filter-album-input.active-filter+.combobox-clear-btn{display:block}#filter-location-input.active-filter,#filter-person-input.active-filter,#filter-album-input.active-filter{padding-right:1.6rem}.select-toggle-btn{cursor:pointer;border:1.5px solid var(--text);color:var(--text);opacity:.45;background:0 0;border-radius:6px;margin-right:auto;padding:.25rem .7rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:opacity .15s,background .15s,color .15s}.select-toggle-btn:hover{opacity:.85}.select-toggle-btn.active{background:var(--blue);color:var(--white);border-color:var(--blue);opacity:1}.photo-card.selectable{cursor:pointer}.photo-card.selected{outline:3px solid var(--blue)}.photo-card.selected:after{content:"✓";background:var(--blue);width:26px;height:26px;color:var(--white);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}#select-bar{background:var(--blue);color:var(--white);z-index:50;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #0003}#select-bar.visible{display:flex}.select-count{flex:1;font-size:.95rem;font-weight:600}.select-action-btn{cursor:pointer;border:2px solid var(--white);color:var(--white);background:0 0;border-radius:7px;padding:.4rem 1rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:background .15s}.select-action-btn:hover{background:#ffffff26}.select-add-btn{background:var(--white);color:var(--blue);border:none}.select-add-btn:hover{background:#ffffffe0}.select-add-btn:disabled{opacity:.4;cursor:default}.album-pick-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.album-pick-overlay[hidden]{display:none}.album-pick-box{background:var(--white);border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:380px;padding:1.25rem 1.5rem;display:flex;box-shadow:0 8px 32px #0000002e}.album-pick-title{margin-bottom:.5rem;font-size:1rem;font-weight:700}.pick-album-wrap{margin-bottom:.25rem;position:relative}.pick-album-dropdown{background:var(--white);z-index:200;border:1.5px solid #ddd;border-radius:6px;max-height:180px;display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #34403a1f}.pick-album-dropdown.open{display:block}.pick-album-item{cursor:pointer;color:var(--text);padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.92rem}.pick-album-item:hover{background:var(--bg);color:var(--blue);font-weight:600}.pick-album-clear-btn{cursor:pointer;color:var(--text);opacity:.4;z-index:2;background:0 0;border:none;padding:.1rem .25rem;font-size:1rem;line-height:1;display:none;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.pick-album-clear-btn:hover{opacity:.9}#album-pick-input.active-filter+.pick-album-clear-btn{display:block}#album-pick-input.active-filter{color:var(--blue);border-color:var(--blue);padding-right:1.6rem;font-weight:600}.album-pick-new-link{color:var(--blue);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:.1rem;padding:0;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600}.album-pick-new-link:hover{text-decoration:underline}.album-pick-input{background:var(--bg);color:var(--text);border:1.5px solid #ccc;border-radius:7px;width:100%;padding:.45rem .75rem;font-family:Outfit,sans-serif;font-size:.95rem}.album-pick-input:focus{border-color:var(--blue);outline:none}.pick-loc-wrap{position:relative}.pick-loc-dropdown{background:var(--white);z-index:300;border:1.5px solid #ddd;border-radius:6px;max-height:150px;display:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 14px #34403a1f}.pick-loc-dropdown.open{display:block}.pick-loc-item{cursor:pointer;color:var(--text);padding:.35rem .7rem;font-family:Outfit,sans-serif;font-size:.88rem}.pick-loc-item:hover{background:var(--bg)}.pick-loc-item.create-option{color:var(--blue);font-style:italic}.loc-chips{flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem;display:flex}.loc-chips:empty{margin-bottom:0}.loc-chip{color:var(--text);white-space:nowrap;background:#34403a12;border:1.5px solid #34403a33;border-radius:20px;align-items:center;gap:.25rem;padding:.15rem .4rem .15rem .65rem;font-size:.78rem;display:inline-flex}.loc-chip-remove{cursor:pointer;color:var(--text);opacity:.45;background:0 0;border:none;padding:0 .1rem;font-size:1rem;line-height:1}.loc-chip-remove:hover{opacity:.9}.album-pick-footer{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.album-pick-save,.album-pick-cancel{cursor:pointer;border:none;border-radius:6px;padding:.35rem .9rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;transition:opacity .15s}.album-pick-save{background:var(--blue);color:var(--white)}.album-pick-save:hover{opacity:.88}.album-pick-save:disabled{opacity:.45;cursor:default}.album-pick-cancel{color:var(--text);background:0 0;border:2px solid #ccc}.album-pick-cancel:hover{border-color:var(--text)}