:root{--gap:3px;--toolbar-h:52px;--blue:#007aff;--radius:2px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#fff;font-family:DM Sans,sans-serif;font-size:13px}body.lightbox-open{overflow:hidden}#toolbar{height:var(--toolbar-h);-webkit-backdrop-filter:blur(12px)saturate(1.8);z-index:100;background:#ffffffe0;border-bottom:1px solid #0000000f;grid-template-columns:minmax(120px,1fr) minmax(180px,360px) minmax(120px,1fr);align-items:center;gap:12px;padding:0 16px;display:grid;position:fixed;top:0;left:0;right:0}.brand{color:#1a1a1a;-webkit-user-select:none;user-select:none;justify-self:start;font-size:14px;font-weight:500;line-height:1}.toolbar-search{color:#8a8a8a;background:#fafaf9c7;border:1px solid #00000014;border-radius:999px;grid-column:2;justify-self:stretch;align-items:center;gap:7px;height:32px;padding:0 11px;display:flex}.toolbar-search:focus-within{background:#fffffff5;border-color:#007aff47}.toolbar-search input{color:#1a1a1a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.toolbar-search input::-webkit-search-cancel-button{opacity:.45}#toolbar-actions{grid-column:3;justify-self:end;align-items:center;gap:12px;display:flex}#gallery{min-height:100vh;padding-top:var(--toolbar-h);padding-left:var(--gap);padding-right:var(--gap);columns:4 200px;column-gap:var(--gap);background:#fafaf9}@media (width<=600px){#toolbar{grid-template-columns:minmax(74px,1fr) minmax(120px,1.6fr) minmax(74px,1fr);gap:8px;padding:0 10px}#toolbar-actions{gap:6px}.icon-btn{width:34px;height:34px}.brand{font-size:13px}#gallery{columns:2 160px}}.photo-item{break-inside:avoid;margin-bottom:var(--gap);cursor:pointer;border-radius:var(--radius);-webkit-user-select:none;user-select:none;background:#f0f0f0;position:relative;overflow:hidden}.photo-item img{will-change:transform;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;transition:transform .3s;display:block}.photo-item:hover img{transform:scale(1.02)}.photo-caption{opacity:0;pointer-events:none;background:linear-gradient(#0000,#0000006b);padding:24px 10px 8px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-caption,.photo-item.selected .photo-caption{opacity:1}.caption-text{color:#fffffff2;font-size:12px;font-weight:400;line-height:1.4}.caption-attr{color:#ffffff80;letter-spacing:.02em;margin-top:2px;font-size:10px}.photo-check{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;z-index:2;-webkit-user-select:none;user-select:none;background:#ffffff26;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:8px;left:8px}.photo-item:hover .photo-check,.select-mode .photo-item .photo-check{opacity:1}.photo-item.selected .photo-check{background:var(--blue);border-color:var(--blue);opacity:1}#selection-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;opacity:0;pointer-events:none;z-index:200;background:#1c1c1ceb;border-radius:100px;align-items:center;gap:12px;padding:10px 14px 10px 20px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(8px)}#selection-bar.visible{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}#selection-bar .icon-btn{color:#fff;width:32px;height:32px}#selection-bar .icon-btn:hover{background:#ffffff24}.selection-count{text-align:center;min-width:14px}#progress-bar{background:var(--blue);transform-origin:0;opacity:0;z-index:999;height:2px;transition:transform .3s,opacity .2s;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}#pin-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:500;opacity:0;pointer-events:none;background:#fffffff2;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}#pin-modal.visible{opacity:1;pointer-events:all}.pin-input{letter-spacing:.15em;text-align:center;width:160px;caret-color:var(--blue);background:0 0;border:none;border-bottom:1.5px solid #1a1a1a;outline:none;padding:8px 0;font-family:DM Sans,sans-serif;font-size:24px}.shake{animation:.24s shake}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-6px)}60%{transform:translate(6px)}}#upload-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:400;opacity:0;pointer-events:none;background:#ffffffb3;border:2px dashed #007aff66;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:fixed;inset:0}#upload-overlay.active{opacity:1;pointer-events:all}.icon-btn{cursor:pointer;color:#1a1a1a;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.icon-btn:hover{background:#0000000f}.file-input-proxy{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;left:-9999px}.upload-toast{color:#fffffff2;opacity:0;pointer-events:none;z-index:700;background:#181818eb;border-radius:999px;min-height:36px;padding:10px 14px;font-size:12px;line-height:1;transition:opacity .18s,transform .18s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(10px)}.upload-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}#lightbox{z-index:600;opacity:0;pointer-events:none;touch-action:none;background:#000000f5;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0;overflow:hidden}#lightbox.visible{opacity:1;pointer-events:all}#lightbox img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;cursor:zoom-in;max-width:100vw;max-height:100vh;transition:transform .12s;transform:translate(0,0)scale(1)}#lightbox img.zoomed{cursor:grab;transition:none}#lightbox.dragging img.zoomed{cursor:grabbing}.lightbox-meta{text-align:right;z-index:610;max-width:min(360px,100vw - 40px);position:fixed;bottom:18px;right:20px}.lightbox-tag-row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.lightbox-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.lightbox-tags span{color:#ffffffa3;-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;padding:6px 8px;font-size:11px;line-height:1}.lightbox-description{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);background:#00000052;border-radius:8px;margin-top:9px;padding:10px 12px;transition:opacity .18s}.lightbox-description.visible{opacity:1;pointer-events:auto}.lightbox-close,.lightbox-prev,.lightbox-next,.lightbox-info{color:#fff;background:#ffffff14;position:fixed}.lightbox-close{top:16px;right:16px}.lightbox-prev{top:50%;left:16px;transform:translateY(-50%)}.lightbox-next{top:50%;right:16px;transform:translateY(-50%)}.lightbox-info{color:#ffffffb8;background:#ffffff0f;flex:none;width:28px;height:28px;position:static}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover,.lightbox-info:hover{background:#ffffff2e}.empty-state{text-align:center;color:#c8c8c8;padding:120px 24px;font-family:Instrument Serif,serif;font-size:28px;font-style:italic}.photo-item.pending{background:repeating-linear-gradient(-45deg,#f5f5f5 0 8px,#eee 8px 16px);min-height:200px}