.polaroid-container{perspective:1000px;margin:1rem}.polaroid-card{position:relative;width:280px;height:350px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none}.polaroid-card:hover{transform:translateY(-2px) rotateX(2deg) rotateY(-1deg)}.polaroid-card.flipped{transform:rotateY(180deg)}.polaroid-card.dragging{transition:none}.polaroid-back,.polaroid-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:4px;box-shadow:0 4px 8px rgba(31,41,55,.1),0 8px 16px rgba(31,41,55,.08),0 1px 2px rgba(31,41,55,.12)}.polaroid-back{transform:rotateY(180deg)}.polaroid-frame{width:100%;height:100%;background:linear-gradient(135deg,#ffffff,#f8fafc);padding:16px 16px 20px;border-radius:4px;position:relative}.polaroid-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(241,245,249,.3) 1px,transparent 0),radial-gradient(circle at 80% 70%,rgba(241,245,249,.2) 1px,transparent 0);background-size:40px 40px,60px 60px;border-radius:4px;pointer-events:none}.photo-container{width:100%;height:240px;background:#f1f5f9;border-radius:2px;overflow:hidden;position:relative}.polaroid-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.caption-area{height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.photo-caption{font-size:14px;color:#475569;text-align:center;margin:0;line-height:1.3}.date-stamp,.photo-caption{font-family:DM Sans,sans-serif}.date-stamp{font-size:11px;color:#94a3b8;font-weight:500;letter-spacing:.5px}.polaroid-frame-back{width:100%;height:100%;background:linear-gradient(135deg,#e7dfd8,#f1ede7);padding:20px;border-radius:4px;position:relative;display:flex;flex-direction:column}.polaroid-frame-back:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,rgba(139,92,246,.03) 2px,transparent 0),radial-gradient(circle at 85% 75%,rgba(217,119,6,.02) 1px,transparent 0);background-size:80px 80px,120px 120px;border-radius:4px;pointer-events:none}.note-area{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0;min-height:120px}.handwritten-note{font-family:Caveat,cursive;font-size:18px;line-height:1.4;color:#8b5cf6;text-align:center;transform:rotate(-.5deg);white-space:pre-wrap;word-wrap:break-word}.empty-note{display:flex;align-items:center;justify-content:center}.note-placeholder{font-family:DM Sans,sans-serif;font-size:14px;color:#94a3b8;font-style:italic}.back-branding{display:flex;justify-content:center;align-items:flex-end;height:40px}.polaroid-logo{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#64748b;letter-spacing:2px;text-transform:uppercase}.voice-notes-section{margin-top:auto;padding-top:1rem}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem;justify-items:center}@media (max-width:640px){.polaroid-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.polaroid-card{width:260px;height:325px}.photo-container{height:220px}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.photo-loading{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 40px,#f1f5f9 80px);background-size:200px;animation:shimmer 1.5s infinite}