: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;justify-content:flex-end;align-items:center;gap:12px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}#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){#gallery{columns:2 160px}}.photo-item{break-inside:avoid;margin-bottom:var(--gap);cursor:pointer;border-radius:var(--radius);background:#f0f0f0;position:relative;overflow:hidden}.photo-item img{will-change:transform;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;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;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;background:#000000f5;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}#lightbox.visible{opacity:1;pointer-events:all}#lightbox img{object-fit:contain;max-width:100vw;max-height:100vh}.lightbox-caption{text-align:right;pointer-events:none;max-width:min(360px,100vw - 40px);position:fixed;bottom:18px;right:20px}.lightbox-close,.lightbox-prev,.lightbox-next{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-close:hover,.lightbox-prev:hover,.lightbox-next: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}