@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap";:root{--primary:#933b5b;--primary-hover:#7b314c;--accent:#5d1a1a;--bg-gradient:linear-gradient(135deg, #fdf6f6 0%, #f4e8eb 100%);--card-bg:#ffffffb3;--card-border:#fff9;--text-primary:#2d1d23;--text-secondary:#65545a;--text-light:#9c8b91;--shadow-sm:0 4px 6px -1px #933b5b0d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #933b5b14, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #933b5b1a, 0 10px 10px -5px #0000000a;--font-heading:"Cinzel", Georgia, serif;--font-body:"Montserrat", system-ui, -apple-system, sans-serif;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-spin-slow{animation:8s linear infinite spin}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{justify-content:center;align-items:flex-start;min-height:100svh;padding:40px 20px;display:flex}.guestbook-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border-radius:32px;flex-direction:column;padding:32px 24px;display:flex}.header{text-align:center;margin-bottom:28px}.header-icon-container{width:52px;height:52px;box-shadow:var(--shadow-sm);color:var(--primary);background:#fff;border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;animation:3s ease-in-out infinite bounceSlow;display:inline-flex}.title{font-family:var(--font-heading);color:var(--accent);letter-spacing:-.5px;margin:0 0 8px;font-size:26px;font-weight:700}.subtitle{color:var(--text-secondary);margin:0;font-size:13px;font-weight:400;line-height:1.5}.tabs{background:#0000000a;border:1px solid #00000005;border-radius:100px;margin-bottom:28px;padding:4px;display:flex}.tab-btn{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #933b5b33}.badge{color:var(--text-primary);background:#0000001a;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600}.tab-btn.active .badge{color:#fff;background:#fff3}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-size:10px;font-weight:700}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);pointer-events:none;position:absolute;left:14px}.form-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:#fffc;border:1px solid #0000001a;border-radius:14px;padding:12px 16px 12px 42px;font-size:14px;transition:all .3s}.form-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #933b5b14}textarea.form-input{resize:none;height:96px;padding-left:42px}.dropzone{text-align:center;cursor:pointer;background:#fff9;border:2px dashed #933b5b33;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;transition:all .3s;display:flex}.dropzone:hover{border-color:var(--primary);background:#ffffffe6}.dropzone-icon{width:38px;height:38px;color:var(--primary);background:#933b5b14;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.dropzone:hover .dropzone-icon{transform:scale(1.1)}.dropzone-title{color:var(--text-primary);font-size:13px;font-weight:600}.dropzone-desc{color:var(--text-light);font-size:10px}.preview-container{aspect-ratio:16/9;background:#00000005;border:1px solid #0000000d;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.preview-img{object-cover:cover;width:100%;height:100%}.clear-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background .3s;display:flex;position:absolute;top:10px;right:10px}.clear-btn:hover{background:#000000b3}.submit-btn{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 12px #933b5b33}.submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 8px 16px #933b5b4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.feed-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.feed-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);font-size:11px;font-weight:700}.refresh-btn{color:var(--primary);cursor:pointer;background:#fffc;border:1px solid #0000000d;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:600;transition:all .3s;display:flex}.refresh-btn:hover{box-shadow:var(--shadow-sm);background:#fff}.instagram-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:480px;padding-right:4px;display:grid;overflow-y:auto}.instagram-tile{aspect-ratio:1;cursor:pointer;background:#00000008;border-radius:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.instagram-tile:hover{box-shadow:var(--shadow-sm);transform:scale(1.02)}.tile-img{object-fit:cover;width:100%;height:100%}.video-tile-container{width:100%;height:100%;position:relative}.video-icon-overlay{color:#fff;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:8px;right:8px}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .3s;display:flex;position:absolute;top:14px;right:14px}.lightbox-close:hover{background:#000000b3}.lightbox-media-container{aspect-ratio:1;background:#000;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.lightbox-media{object-fit:contain;width:100%;height:100%}.lightbox-details{background:#fff;padding:20px 24px}.lightbox-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lightbox-author{color:var(--text-primary);font-size:15px;font-weight:700}.lightbox-time{color:var(--text-light);font-size:11px}.lightbox-msg{color:var(--text-secondary);margin:0;font-size:13.5px;font-style:italic;line-height:1.5}.empty-state,.loading-state{text-align:center;background:#00000005;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon{color:var(--text-light);opacity:.4}.empty-title{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.empty-desc{color:var(--text-light);margin:0;font-size:11.5px;line-height:1.4}.loading-spinner{border:2px solid #933b5b1a;border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:1s linear infinite spin}.success-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.success-icon{color:#10b981}.success-title{font-family:var(--font-heading);color:var(--accent);margin:0;font-size:20px;font-weight:700}.progress-container{text-align:left;margin-bottom:18px;animation:.3s fadeIn}.progress-bar-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.progress-bar-bg{background:#0000000d;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:10px;height:100%;transition:width .1s ease-out}