@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}.feed-list{flex-direction:column;gap:20px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.feed-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #00000008;border-radius:24px;transition:all .3s;overflow:hidden}.feed-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-img-container{aspect-ratio:1;background:#00000005;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%}.card-body{padding:16px 20px}.card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.card-author{color:var(--text-primary);font-size:14px;font-weight:700}.card-time{color:var(--text-light);font-size:10px}.card-msg{color:var(--text-secondary);margin:0;font-size:12.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}