.header[data-v-f4aee0f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:30px;border-radius:0 0 10px 10px;padding:30px 20px}.header-content[data-v-f4aee0f0]{text-align:center;margin-bottom:40px}.header-top[data-v-f4aee0f0]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-text[data-v-f4aee0f0]{flex:1}.header h1[data-v-f4aee0f0]{font-size:2.5rem;margin-bottom:10px}.header p[data-v-f4aee0f0]{font-size:1.2rem;opacity:.9}.header-buttons[data-v-f4aee0f0]{display:flex;gap:8px;align-items:center}.logout-btn[data-v-f4aee0f0]{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn[data-v-f4aee0f0]:hover{background:#ffffff4d;transform:translateY(-1px)}.anniversary-cards[data-v-f4aee0f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1200px;margin:0 auto}.anniversary-card[data-v-f4aee0f0]{display:flex;background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000026;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.anniversary-card[data-v-f4aee0f0]:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0003}.anniversary-card.upcoming[data-v-f4aee0f0]{border-left:4px solid #ff6b6b;background:#fff}.anniversary-card.live-counter-card[data-v-f4aee0f0]{border-left:4px solid #667eea;background:#fff;box-shadow:0 4px 20px #667eea33}.anniversary-card.live-counter-card[data-v-f4aee0f0]:hover{box-shadow:0 8px 30px #667eea4d}.anniversary-card.video-card[data-v-f4aee0f0]{border-left:4px solid #ff6b6b;background:#fff;cursor:pointer;position:relative}.anniversary-card.video-card[data-v-f4aee0f0]:hover{box-shadow:0 8px 30px #ff6b6b4d;transform:translateY(-5px)}.anniversary-card.video-card[data-v-f4aee0f0]:after{content:"🎬";position:absolute;top:10px;right:10px;font-size:1.2rem;opacity:.7}.anniversary-card.live-counter-card.video-card[data-v-f4aee0f0]{border-left:4px solid #9c27b0;background:#fff;box-shadow:0 4px 20px #9c27b033;cursor:pointer;position:relative}.anniversary-card.live-counter-card.video-card[data-v-f4aee0f0]:hover{box-shadow:0 8px 30px #9c27b04d;transform:translateY(-5px)}.anniversary-card.live-counter-card.video-card[data-v-f4aee0f0]:after{content:"🎬";position:absolute;top:10px;right:10px;font-size:1.2rem;opacity:.7}.anniversary-date[data-v-f4aee0f0]{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;padding:16px;text-align:center;min-width:70px;display:flex;flex-direction:column;justify-content:center}.anniversary-date .day[data-v-f4aee0f0]{font-size:1.6rem;font-weight:700;display:block;line-height:1}.anniversary-date .month[data-v-f4aee0f0]{font-size:.9rem;opacity:.9;margin-top:4px}.anniversary-details[data-v-f4aee0f0]{padding:16px;flex:1;color:#333}.anniversary-details h3[data-v-f4aee0f0]{margin:0 0 8px;color:#2d3748;font-size:1.1rem}.anniversary-details p[data-v-f4aee0f0]{margin:0 0 12px;color:#4a5568;line-height:1.4;font-size:.9rem}.anniversary-details p.live-counter[data-v-f4aee0f0]{font-family:Courier New,monospace;font-weight:600;color:#2d3748;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.95rem;text-shadow:none}.days-left[data-v-f4aee0f0]{background:#ffeaa7;color:#d35400;padding:4px 8px;border-radius:12px;font-size:.8rem;display:inline-block;font-weight:500}.video-hint[data-v-f4aee0f0]{background:#e8f4fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:.75rem;display:inline-block;font-weight:500;margin-top:8px}.video-modal[data-v-f4aee0f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.video-container[data-v-f4aee0f0]{position:relative;width:90vw;max-width:1000px;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.video-controls[data-v-f4aee0f0]{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2001}.fullscreen-btn[data-v-f4aee0f0],.close-video-btn[data-v-f4aee0f0]{width:40px;height:40px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-btn[data-v-f4aee0f0]:hover,.close-video-btn[data-v-f4aee0f0]:hover{background:#000000e6;transform:scale(1.1)}.close-video-btn[data-v-f4aee0f0]{font-size:24px}.video-content[data-v-f4aee0f0]{width:100%;height:100%}.no-videos[data-v-f4aee0f0]{padding:60px 40px;text-align:center;color:#fff;background:#333;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-videos-icon[data-v-f4aee0f0]{font-size:4rem;margin-bottom:20px}.no-videos h3[data-v-f4aee0f0]{margin:0 0 20px;font-size:1.5rem;color:#fff}.no-videos p[data-v-f4aee0f0]{margin:10px 0;font-size:1rem;line-height:1.5}.no-videos code[data-v-f4aee0f0]{background:#fff3;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace}.supported-formats[data-v-f4aee0f0]{margin:20px 0;text-align:left}.supported-formats ul[data-v-f4aee0f0]{margin:10px 0;padding-left:20px}.supported-formats li[data-v-f4aee0f0]{margin:5px 0}.hint[data-v-f4aee0f0]{margin-top:20px;font-size:.9rem;opacity:.8;font-style:italic}.test-video-btn[data-v-f4aee0f0]{margin-top:20px;padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.test-video-btn[data-v-f4aee0f0]:hover{background:#5a6fd8;transform:translateY(-1px)}.video-selector[data-v-f4aee0f0]{background:#222;padding:12px;display:flex;gap:8px;overflow-x:auto}.video-tab[data-v-f4aee0f0]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9rem}.video-tab[data-v-f4aee0f0]:hover{background:#fff3}.video-tab.active[data-v-f4aee0f0]{background:#667eea;border-color:#667eea}.video-player[data-v-f4aee0f0]{position:relative;width:100%;min-height:400px;background:#000;display:flex;align-items:center;justify-content:center}.video-player video[data-v-f4aee0f0]{width:100%;height:auto;max-height:80vh;background:#000;border-radius:8px}.video-info[data-v-f4aee0f0]{padding:10px;background:#222;color:#fff;font-size:.8rem;border-top:1px solid #444}.video-info p[data-v-f4aee0f0]{margin:5px 0;word-break:break-all}.debug-info[data-v-f4aee0f0]{padding:10px;background:#444;color:#fff;font-size:.9rem;text-align:center}.debug-info p[data-v-f4aee0f0]{margin:5px 0}.fullscreen-tip[data-v-f4aee0f0]{font-size:.8rem!important;color:gold!important;font-style:italic;margin-top:10px!important}@media (max-width: 768px){.anniversary-cards[data-v-f4aee0f0]{grid-template-columns:1fr;gap:12px}.anniversary-card[data-v-f4aee0f0]{margin:0 10px}.header[data-v-f4aee0f0]{padding:20px 10px}.header-top[data-v-f4aee0f0]{flex-direction:column;gap:15px}.header h1[data-v-f4aee0f0]{font-size:2rem}.header p[data-v-f4aee0f0]{font-size:1rem}.header-buttons[data-v-f4aee0f0]{align-self:flex-end}}@media (max-width: 480px){.anniversary-date[data-v-f4aee0f0]{min-width:60px;padding:12px}.anniversary-date .day[data-v-f4aee0f0]{font-size:1.4rem}.anniversary-details[data-v-f4aee0f0]{padding:12px}.anniversary-details h3[data-v-f4aee0f0]{font-size:1rem}.anniversary-details p[data-v-f4aee0f0]{font-size:.85rem}.video-modal[data-v-f4aee0f0]{padding:10px}.video-container[data-v-f4aee0f0]{max-width:95vw;max-height:95vh}.video-selector[data-v-f4aee0f0]{padding:8px;gap:6px}.video-tab[data-v-f4aee0f0]{padding:6px 12px;font-size:.8rem}.no-videos[data-v-f4aee0f0]{padding:40px 20px}}.photo-gallery[data-v-0df1cfe4]{min-height:100vh;background:#f8f9fa;padding:10px}.image-grid-container[data-v-0df1cfe4]{max-width:100%;margin:0 auto}.loading[data-v-0df1cfe4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner[data-v-0df1cfe4]{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3385ff;border-radius:50%;animation:spin-0df1cfe4 1s linear infinite;margin-bottom:16px}@keyframes spin-0df1cfe4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-photos[data-v-0df1cfe4]{text-align:center;padding:60px 20px;color:#666}.no-photos-icon[data-v-0df1cfe4]{font-size:48px;margin-bottom:16px}.no-photos p[data-v-0df1cfe4]{margin:8px 0;font-size:16px}.no-photos-tip[data-v-0df1cfe4]{font-size:14px;color:#999}.masonry-grid[data-v-0df1cfe4]{columns:5;column-gap:12px;padding:0}.masonry-item[data-v-0df1cfe4]{display:inline-block;width:100%;margin-bottom:12px;cursor:pointer;border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;break-inside:avoid}.masonry-item[data-v-0df1cfe4]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.image-wrapper[data-v-0df1cfe4]{position:relative;overflow:hidden;border-radius:12px}.image-wrapper img[data-v-0df1cfe4]{width:100%;height:auto;display:block;transition:transform .3s ease}.masonry-item:hover img[data-v-0df1cfe4]{transform:scale(1.05)}.image-overlay[data-v-0df1cfe4]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000,#0000001a 60%,#000000b3);opacity:0;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;border-radius:12px}.masonry-item:hover .image-overlay[data-v-0df1cfe4]{opacity:1}.image-title[data-v-0df1cfe4]{color:#fff;font-size:13px;font-weight:500;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-actions[data-v-0df1cfe4]{display:flex;gap:6px;justify-content:flex-end}.action-btn[data-v-0df1cfe4]{width:28px;height:28px;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn[data-v-0df1cfe4]:hover{background:#ffffff40;transform:scale(1.1)}.action-btn svg[data-v-0df1cfe4]{width:14px;height:14px}.preview-modal[data-v-0df1cfe4]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.preview-container[data-v-0df1cfe4]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden}.close-btn[data-v-0df1cfe4]{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#00000080;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.close-btn[data-v-0df1cfe4]:hover{background:#000000b3}.preview-image[data-v-0df1cfe4]{max-width:100%;max-height:80vh;display:block}.preview-info[data-v-0df1cfe4]{padding:20px;background:#fff}.preview-info h3[data-v-0df1cfe4]{margin:0 0 8px;font-size:18px;color:#333}.preview-info p[data-v-0df1cfe4]{margin:0;color:#666;font-size:14px}@media (max-width: 1200px){.masonry-grid[data-v-0df1cfe4]{columns:4;column-gap:10px}.masonry-item[data-v-0df1cfe4]{margin-bottom:10px}}@media (max-width: 900px){.masonry-grid[data-v-0df1cfe4]{columns:3;column-gap:8px}.masonry-item[data-v-0df1cfe4]{margin-bottom:8px}}@media (max-width: 600px){.masonry-grid[data-v-0df1cfe4]{columns:2;column-gap:6px}.masonry-item[data-v-0df1cfe4]{margin-bottom:6px}.photo-gallery[data-v-0df1cfe4]{padding:10px}.image-title[data-v-0df1cfe4]{font-size:12px}.action-btn[data-v-0df1cfe4]{width:24px;height:24px}.action-btn svg[data-v-0df1cfe4]{width:12px;height:12px}}@media (max-width: 400px){.masonry-grid[data-v-0df1cfe4]{columns:1}}.login-modal[data-v-8e2b3abc]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.login-container[data-v-8e2b3abc]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;text-align:center;animation:slideIn-8e2b3abc .5s ease-out}@keyframes slideIn-8e2b3abc{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.login-header h2[data-v-8e2b3abc]{margin:0 0 10px;color:#333;font-size:1.8rem}.login-header p[data-v-8e2b3abc]{margin:0 0 30px;color:#666;font-size:1rem}.login-form[data-v-8e2b3abc]{text-align:left}.form-group[data-v-8e2b3abc]{margin-bottom:20px}.form-group label[data-v-8e2b3abc]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:.9rem}.form-group input[data-v-8e2b3abc]{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-8e2b3abc]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error[data-v-8e2b3abc]{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.error-message[data-v-8e2b3abc]{background:#ffe6e6;color:#d63031;padding:10px;border-radius:8px;font-size:.9rem;margin-bottom:20px;text-align:center}.login-btn[data-v-8e2b3abc]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.login-btn[data-v-8e2b3abc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.login-btn[data-v-8e2b3abc]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner[data-v-8e2b3abc]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-8e2b3abc 1s linear infinite}@keyframes spin-8e2b3abc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer[data-v-8e2b3abc]{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.login-footer p[data-v-8e2b3abc]{margin:0;color:#999;font-size:.9rem}@media (max-width: 480px){.login-container[data-v-8e2b3abc]{padding:30px 20px;margin:10px}.login-header h2[data-v-8e2b3abc]{font-size:1.5rem}.form-group input[data-v-8e2b3abc]{padding:10px 14px}.login-btn[data-v-8e2b3abc]{padding:12px}}.devtools-warning-overlay[data-v-2e3f450b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.devtools-warning-modal[data-v-2e3f450b]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:30px;border-radius:15px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:400px;width:90%;animation:slideIn-2e3f450b .3s ease-out}@keyframes slideIn-2e3f450b{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.warning-icon[data-v-2e3f450b]{font-size:48px;margin-bottom:20px;animation:pulse-2e3f450b 2s infinite}@keyframes pulse-2e3f450b{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.devtools-warning-modal h3[data-v-2e3f450b]{margin:0 0 15px;font-size:24px;font-weight:700}.devtools-warning-modal p[data-v-2e3f450b]{margin:0 0 25px;font-size:16px;line-height:1.5;opacity:.9}.warning-actions[data-v-2e3f450b]{display:flex;justify-content:center}.warning-btn[data-v-2e3f450b]{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-btn[data-v-2e3f450b]:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.warning-btn[data-v-2e3f450b]:active{transform:translateY(0)}@media (max-width: 480px){.devtools-warning-modal[data-v-2e3f450b]{padding:20px;margin:20px}.warning-icon[data-v-2e3f450b]{font-size:36px;margin-bottom:15px}.devtools-warning-modal h3[data-v-2e3f450b]{font-size:20px}.devtools-warning-modal p[data-v-2e3f450b]{font-size:14px}.warning-btn[data-v-2e3f450b]{padding:10px 20px;font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;overflow-x:hidden}#app{min-height:100vh}.main-app{min-height:100vh;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{max-width:100%;margin:0 auto;padding:10px}body.login-active{overflow:hidden}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}button,a,.clickable{pointer-events:auto}::selection{background:transparent}::-moz-selection{background:transparent}