:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}.waterfall-gallery[data-v-d0ec1aea]{background:#f5f5f5;width:100%;min-height:100vh;padding-top:0}.tab-bar-wrapper[data-v-d0ec1aea]{z-index:1000;background:#fff;border-bottom:1px solid #e0e0e0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000001a}.tab-bar[data-v-d0ec1aea]{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;max-width:1920px;margin:0 auto;padding:15px 20px;display:flex}.tab-actions[data-v-d0ec1aea]{align-items:center;gap:10px;margin-left:auto;display:flex}.detect-btn[data-v-d0ec1aea],.clear-btn[data-v-d0ec1aea]{color:#fff;cursor:pointer;white-space:nowrap;background:#36f;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s}.detect-btn[data-v-d0ec1aea]:hover:not(:disabled){background:#2551d9;transform:translateY(-1px);box-shadow:0 2px 4px #3366ff4d}.detect-btn[data-v-d0ec1aea]:disabled{cursor:not-allowed;opacity:.7;background:#ccc}.clear-btn[data-v-d0ec1aea]{background:#fe4a49}.clear-btn[data-v-d0ec1aea]:hover{background:#e63939;transform:translateY(-1px);box-shadow:0 2px 4px #fe4a494d}.logout-btn[data-v-d0ec1aea]{color:#fff;cursor:pointer;white-space:nowrap;background:#666;border:none;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .3s}.logout-btn[data-v-d0ec1aea]:hover{background:#555;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.content-wrapper[data-v-d0ec1aea]{min-height:calc(100vh - 90px);padding:90px 20px 20px}.content-wrapper .loading[data-v-d0ec1aea],.content-wrapper .error[data-v-d0ec1aea]{margin-top:0}.tab-item[data-v-d0ec1aea]{cursor:pointer;color:#666;white-space:nowrap;text-align:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;min-width:80px;padding:10px 20px;font-size:14px;transition:all .3s}.tab-item[data-v-d0ec1aea]:hover{color:#36f;background:#e8f0ff;border-color:#36f}.tab-item.active[data-v-d0ec1aea]{color:#fff;background:#36f;border-color:#36f;font-weight:500;box-shadow:0 2px 4px #36f3}.loading[data-v-d0ec1aea]{color:#666;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner[data-v-d0ec1aea]{border:4px solid #e0e0e0;border-top-color:#36f;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite spin-d0ec1aea}@keyframes spin-d0ec1aea{to{transform:rotate(360deg)}}.error[data-v-d0ec1aea]{text-align:center;color:#fe4a49;padding:60px 20px}.error .tip[data-v-d0ec1aea]{color:#666;margin-top:10px;font-size:14px}.waterfall-container[data-v-d0ec1aea]{gap:20px;min-width:0;max-width:1920px;margin:0 auto;display:flex}.waterfall-column[data-v-d0ec1aea]{contain:layout style paint;flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.waterfall-item[data-v-d0ec1aea]{cursor:pointer;background:#fff;border-radius:8px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.waterfall-item[data-v-d0ec1aea]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.waterfall-item.similar-image[data-v-d0ec1aea]{border:2px solid #ffaf47;box-shadow:0 2px 8px #ffaf474d}.waterfall-item.similar-image[data-v-d0ec1aea]:hover{box-shadow:0 4px 16px #ffaf4780}.image-wrapper[data-v-d0ec1aea]{width:100%;position:relative;overflow:hidden}.similar-tab[data-v-d0ec1aea]{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffaf47f2;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;animation:.3s ease-out slideIn-d0ec1aea;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0003}@keyframes slideIn-d0ec1aea{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.similar-tab-icon[data-v-d0ec1aea]{font-size:14px}.similar-tab-text[data-v-d0ec1aea]{font-size:12px}.image-wrapper img[data-v-d0ec1aea]{opacity:0;content-visibility:auto;contain-intrinsic-size:200px;aspect-ratio:auto;object-fit:cover;will-change:opacity;backface-visibility:hidden;width:100%;height:auto;transition:opacity .3s,transform .3s;display:block;transform:translateZ(0)}.image-wrapper img.lazy-image[data-v-d0ec1aea]{background:#f5f5f5 linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;min-height:200px;animation:1.5s infinite loading-d0ec1aea}@keyframes loading-d0ec1aea{0%{background-position:200% 0}to{background-position:-200% 0}}.waterfall-item:hover .image-wrapper img[data-v-d0ec1aea]{transform:scale(1.05)}.image-overlay[data-v-d0ec1aea]{opacity:0;background:linear-gradient(#0000,#000000b3);padding:15px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.waterfall-item:hover .image-overlay[data-v-d0ec1aea]{opacity:1}.image-name[data-v-d0ec1aea]{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.lightbox[data-v-d0ec1aea]{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.lightbox-content[data-v-d0ec1aea]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox-controls[data-v-d0ec1aea]{z-index:10000;gap:10px;display:flex;position:absolute;top:20px;right:20px}.lightbox-btn[data-v-d0ec1aea]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex}.lightbox-btn[data-v-d0ec1aea]:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.lightbox-close[data-v-d0ec1aea]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fe4a49cc;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex}.lightbox-close[data-v-d0ec1aea]:hover{background:#fe4a49;transform:scale(1.1)rotate(90deg)}.lightbox-image-container[data-v-d0ec1aea]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.lightbox-image-container img[data-v-d0ec1aea]{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;max-width:90vw;max-height:80vh;transition:transform .1s ease-out}.lightbox-nav[data-v-d0ec1aea]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;-webkit-user-select:none;user-select:none;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav[data-v-d0ec1aea]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-50%)scale(1.1)}.lightbox-prev[data-v-d0ec1aea]{left:20px}.lightbox-next[data-v-d0ec1aea]{right:20px}.lightbox-info[data-v-d0ec1aea]{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;min-width:200px;padding:12px 20px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-info p[data-v-d0ec1aea]{margin:4px 0;font-size:14px}.zoom-info[data-v-d0ec1aea]{color:#ccc;opacity:.8;font-size:12px}.lightbox-random-btn[data-v-d0ec1aea]{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10001;-webkit-user-select:none;user-select:none;background:#3366ffe6;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 2px 8px #0000004d}.lightbox-random-btn[data-v-d0ec1aea]:hover{background:#36f;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #36f6}.lightbox-random-btn[data-v-d0ec1aea]:active{transform:translateY(0)}@media (max-width:768px){.tab-bar[data-v-d0ec1aea]{gap:8px;min-height:65px;padding:12px 15px}.tab-item[data-v-d0ec1aea]{min-width:70px;padding:8px 16px;font-size:13px}.tab-actions[data-v-d0ec1aea]{justify-content:flex-end;width:100%;margin-top:10px;margin-left:0}.detect-btn[data-v-d0ec1aea],.clear-btn[data-v-d0ec1aea]{padding:6px 12px;font-size:12px}.content-wrapper[data-v-d0ec1aea]{min-height:calc(100vh - 80px);padding:80px 15px 15px}.waterfall-container[data-v-d0ec1aea],.waterfall-column[data-v-d0ec1aea]{gap:10px}.lightbox-content[data-v-d0ec1aea]{max-width:95%}.lightbox-controls[data-v-d0ec1aea]{gap:8px;top:10px;right:10px}.lightbox-btn[data-v-d0ec1aea],.lightbox-close[data-v-d0ec1aea]{width:36px;height:36px;font-size:18px}.lightbox-info[data-v-d0ec1aea]{min-width:180px;padding:10px 16px;bottom:10px}.lightbox-info p[data-v-d0ec1aea]{font-size:12px}.lightbox-random-btn[data-v-d0ec1aea]{padding:10px 16px;font-size:12px;bottom:10px;right:10px}.lightbox-nav[data-v-d0ec1aea]{width:40px;height:40px;font-size:28px}.lightbox-prev[data-v-d0ec1aea]{left:10px}.lightbox-next[data-v-d0ec1aea]{right:10px}}@media (max-width:480px){.tab-bar[data-v-d0ec1aea]{gap:6px;min-height:60px;padding:10px}.tab-item[data-v-d0ec1aea]{text-align:center;flex:1;min-width:0;padding:8px 12px;font-size:12px}.tab-actions[data-v-d0ec1aea]{justify-content:space-between;width:100%;margin-top:8px;margin-left:0}.detect-btn[data-v-d0ec1aea],.clear-btn[data-v-d0ec1aea]{flex:1;padding:6px 10px;font-size:11px}.content-wrapper[data-v-d0ec1aea]{min-height:calc(100vh - 75px);padding:75px 10px 10px}.waterfall-container[data-v-d0ec1aea]{gap:5px;display:flex}.waterfall-column[data-v-d0ec1aea]{flex:1;gap:5px;min-width:0}}.password-auth[data-v-2f08b2b5]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.auth-container[data-v-2f08b2b5]{width:100%;max-width:400px}.auth-card[data-v-2f08b2b5]{background:#fff;border-radius:12px;padding:40px;animation:.4s ease-out slideUp-2f08b2b5;box-shadow:0 10px 40px #0003}@keyframes slideUp-2f08b2b5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header[data-v-2f08b2b5]{text-align:center;margin-bottom:30px}.auth-header h2[data-v-2f08b2b5]{color:#232323;margin:0 0 10px;font-size:28px;font-weight:600}.auth-header p[data-v-2f08b2b5]{color:#666;margin:0;font-size:14px}.auth-form[data-v-2f08b2b5]{width:100%}.form-group[data-v-2f08b2b5]{margin-bottom:20px}.form-group label[data-v-2f08b2b5]{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input[data-v-2f08b2b5]{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.form-input[data-v-2f08b2b5]:focus{border-color:#36f;outline:none;box-shadow:0 0 0 3px #3366ff1a}.form-input.error[data-v-2f08b2b5]{border-color:#fe4a49}.error-message[data-v-2f08b2b5]{color:#fe4a49;margin-top:6px;margin-bottom:0;font-size:12px}.form-options[data-v-2f08b2b5]{margin-bottom:24px}.checkbox-label[data-v-2f08b2b5]{cursor:pointer;color:#666;-webkit-user-select:none;user-select:none;align-items:center;font-size:14px;display:flex}.checkbox-label input[type=checkbox][data-v-2f08b2b5]{cursor:pointer;accent-color:#36f;width:18px;height:18px;margin-right:8px}.submit-btn[data-v-2f08b2b5]{color:#fff;cursor:pointer;background:#36f;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:500;transition:all .3s}.submit-btn[data-v-2f08b2b5]:hover:not(:disabled){background:#2551d9;transform:translateY(-2px);box-shadow:0 4px 12px #3366ff4d}.submit-btn[data-v-2f08b2b5]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-2f08b2b5]:disabled{cursor:not-allowed;opacity:.7;background:#ccc}@media (max-width:480px){.auth-card[data-v-2f08b2b5]{padding:30px 20px}.auth-header h2[data-v-2f08b2b5]{font-size:24px}.password-auth[data-v-2f08b2b5]{padding:10px}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0}#app{width:100%;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}