.family-page-view{min-height:100vh;background-color:var(--cozy-bg-beige);padding-bottom:5rem;position:relative;z-index:0}.family-page-view:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.18;background:linear-gradient(90deg,rgba(139,94,60,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(139,94,60,.04) 0%,transparent 15%,transparent 85%,rgba(139,94,60,.04) 100%),repeating-linear-gradient(90deg,rgba(139,94,60,.02) 0px,rgba(139,94,60,.02) 1px,transparent 1px,transparent 8px),repeating-linear-gradient(0deg,rgba(139,94,60,.015) 0px,rgba(139,94,60,.015) 1px,transparent 1px,transparent 24px);background-size:60px 100%,60px 100%,60px 100%,100% 120px}.navbar{background-color:#fbfaf6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cozy-border-light);position:sticky;top:0;z-index:1000;padding:.5rem 0;box-shadow:0 1px 3px #15170f0a;transform:translateZ(0);will-change:transform}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-wrapper{display:flex;align-items:center;text-decoration:none}.brand-logo-img{height:24px;width:auto;display:block}.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-link-text{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--cozy-text-obsidian);text-decoration:none;transition:color .2s ease}.nav-link-text:hover{color:var(--cozy-green-matcha-forest)}.nav-link-text.active{color:var(--cozy-green-matcha-forest)!important;font-weight:700!important}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:110;transition:transform .3s ease}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--cozy-text-obsidian);border-radius:1px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links-desktop{display:none;align-items:center;gap:1.5rem}@media (min-width: 768px){.nav-links-desktop{display:flex}.menu-toggle{display:none}}.mobile-menu{position:absolute;top:100%;left:0;width:100%;background-color:#fbfaf6f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1.5px solid var(--cozy-border-light);max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;z-index:999;box-shadow:0 10px 20px #15170f0d}.mobile-menu.active{max-height:480px;opacity:1}.mobile-menu-container{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu-link{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:var(--cozy-text-obsidian);text-decoration:none;display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:8px;transition:background-color .2s ease,color .2s ease}.mobile-menu-link:hover{background-color:var(--cozy-bg-oatmeal);color:var(--cozy-green-matcha-forest)}.mobile-menu-link.active{background-color:var(--cozy-bg-oatmeal);color:var(--cozy-green-matcha-forest)!important}.mobile-menu-link i{font-size:1.2rem;color:var(--cozy-wood-sugi)}.content-container{padding-top:2rem;max-width:1400px}.family-header{text-align:center;margin-bottom:3rem;position:relative}.family-tag{font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:2px;color:#e05f65;text-transform:uppercase;display:block;margin-bottom:.6rem}.family-page-title{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;color:var(--cozy-text-obsidian);margin:0 0 1rem;letter-spacing:-.5px}.family-page-subtitle{font-family:Inter,sans-serif;font-size:.88rem;line-height:1.65;color:#6e6a60;opacity:.95;margin:0}.family-masonry-grid{display:flex;gap:.65rem;width:100%;align-items:flex-start;padding-top:1.5rem}.masonry-col{flex:1;display:flex;flex-direction:column;gap:.65rem;min-width:0;transition:transform .3s ease}.masonry-col:nth-child(2n){transform:translateY(-20px)}@media (max-width: 639px){.masonry-col:nth-child(2n){transform:translateY(-12px)}.family-masonry-grid{padding-top:1rem}}.polaroid-skeleton{background-color:#eae3d2;border-radius:12px;box-shadow:none;border:none;animation:skeleton-pulse 1.8s infinite ease-in-out;pointer-events:none;width:100%;margin-bottom:.65rem}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.85}to{opacity:.6}}.polaroid-card{display:inline-block;width:100%;break-inside:avoid;margin-bottom:.65rem;cursor:pointer;perspective:1000px;position:relative;transform:none!important}.polaroid-card.hidden-card{display:none!important}.load-more-container{margin-top:3.5rem;display:flex;justify-content:center;width:100%}.load-more-btn{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--cozy-green-matcha-dark);background-color:#e2ecd2;border:1px solid rgba(74,138,46,.15);border-radius:8px;padding:.75rem 2rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.load-more-btn:hover:not(.disabled){background-color:var(--cozy-green-matcha);color:var(--cozy-bg-pure);border-color:var(--cozy-green-matcha);transform:translateY(-2px);box-shadow:0 4px 12px #4a8a2e26}.load-more-btn:active:not(.disabled){transform:translateY(0)}.load-more-btn.disabled{cursor:not-allowed;background-color:#f0f4e8;color:#9cada2;border-color:#00000005;opacity:.85}@media (max-width: 1023px){.polaroid-card{margin-bottom:.5rem}}@media (max-width: 639px){.polaroid-card{margin-bottom:.4rem}.note-monospace{font-size:.74rem;line-height:1.55}.note-date{font-size:.65rem}}.polaroid-card:hover{z-index:50;transform:scale(1.035)!important;transition:all .3s cubic-bezier(.25,1,.5,1)}.polaroid-card:has(.is-flipped){z-index:90}.polaroid-card-inner{position:relative;width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.4,0,.2,1)}.polaroid-card-inner.is-flipped{transform:rotateY(180deg) scale(1.15);z-index:99}.polaroid-card-inner.is-flipped .card-back{box-shadow:0 24px 48px #4a3c2824,0 8px 20px #0000000d}.card-front,.card-back{width:100%;backface-visibility:hidden;border-radius:4px;box-shadow:0 3px 8px #00000005;transition:box-shadow .75s cubic-bezier(.4,0,.2,1)}.polaroid-card:hover .card-front,.polaroid-card:hover .card-back{box-shadow:0 6px 15px #8b5e3c0f}.polaroid-card:hover .polaroid-card-inner.is-flipped .card-back{box-shadow:0 28px 56px #4a3c282e,0 10px 24px #0000000f}.card-back{position:absolute;top:0;left:0;height:100%;transform:rotateY(180deg)}.polaroid-frame{background-color:var(--cozy-bg-pure);padding:.5rem .5rem 1.75rem;border:.5px solid rgba(139,94,60,.15);border-radius:4px;display:flex;flex-direction:column;height:100%}.photo-wrapper{width:100%;overflow:hidden;background-color:var(--cozy-bg-beige);border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative}.polaroid-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.photo-watermark{position:absolute;bottom:8px;right:8px;font-family:Space Mono,monospace;font-size:.45rem;font-weight:700;color:#fff;opacity:.45;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none;z-index:10}.card-back{background-color:var(--cozy-bg-pure);border:.5px solid rgba(139,94,60,.15);border-radius:4px}.note-paper{width:100%;height:100%;padding:1.15rem;display:flex;flex-direction:column;box-sizing:border-box}.note-content-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;flex-grow:1}.note-monospace{font-family:Space Mono,monospace;font-size:.82rem;font-weight:400;line-height:1.6;color:var(--cozy-text-obsidian);margin:auto 0;text-align:left;word-break:break-word;letter-spacing:-.15px;width:100%}@media (max-width: 639px){.note-monospace{font-size:.72rem;line-height:1.5}}.note-footer{text-align:right;padding-top:.5rem;border-top:1px dashed var(--cozy-border-light);margin-top:auto}.note-tag{font-family:Space Mono,monospace;font-size:.55rem;font-weight:700;color:var(--cozy-wood-sugi);letter-spacing:.5px}.note-date{font-family:Space Mono,monospace;font-size:.6rem;font-weight:700;color:var(--cozy-wood-sugi)}.animate-fade-in{animation:fadeIn .8s ease-out both}.animate-fade-in-delayed{animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.floating-upload-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background-color:#e2ecd2;color:var(--cozy-green-matcha-dark);border:1.5px solid rgba(74,138,46,.2);box-shadow:0 4px 16px #4a8a2e2e,0 2px 6px #0000000d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:95;transition:all .3s cubic-bezier(.25,1,.5,1)}.floating-upload-btn:hover{transform:translateY(-4px) scale(1.05);background-color:var(--cozy-green-matcha);color:#fff;box-shadow:0 8px 24px #4a8a2e40,0 4px 10px #00000014}.floating-upload-btn:active{transform:translateY(0) scale(.95)}.sheet-overlay{position:fixed;inset:0;background-color:#1c1c1e00;z-index:999;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.25,1,.5,1);backdrop-filter:blur(0px);display:flex;align-items:flex-end;justify-content:center}.sheet-overlay.open{background-color:#0006;opacity:1;pointer-events:auto;backdrop-filter:blur(3px)}.polaroid-bottom-sheet-upload{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top-left-radius:32px;border-top-right-radius:32px;box-shadow:0 -10px 40px #00000014;transform:translateY(100%);transition:transform .45s cubic-bezier(.25,1,.5,1);z-index:1000;padding:2.25rem 1.75rem 2.5rem;max-width:480px;margin:0 auto;width:100%;max-height:85vh;overflow-y:auto;box-sizing:border-box}.sheet-overlay.open .polaroid-bottom-sheet-upload{transform:translateY(0)}.sheet-drag-handle{width:40px;height:5px;background-color:#0000001a;border-radius:3px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.bottom-sheet-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--cozy-text-obsidian);opacity:.55;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;z-index:10}.bottom-sheet-close-btn:hover{opacity:1;transform:rotate(90deg)}.bottom-sheet-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:750;color:var(--cozy-text-obsidian);margin-top:.5rem;margin-bottom:1.5rem;text-align:center}.form-group-item{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;position:relative}.form-label-custom{font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;color:var(--cozy-text-obsidian);text-align:left}.form-text-input,.form-textarea-custom,.form-file-input{font-family:Inter,sans-serif;font-size:.85rem;padding:.6rem;border:1px solid var(--cozy-border-light);border-radius:6px;background-color:var(--cozy-bg-pure);outline:none;transition:border-color .2s;text-align:left}.form-text-input:focus,.form-textarea-custom:focus{border-color:var(--cozy-wood-sugi)}.form-textarea-custom{min-height:80px;resize:vertical}.char-counter{position:absolute;right:8px;bottom:8px;font-size:.7rem;color:var(--cozy-wood-sugi);opacity:.5;pointer-events:none}.polaroid-preview-area{display:flex;justify-content:center;margin-bottom:1rem}.polaroid-frame-preview{background-color:var(--cozy-bg-pure);padding:.5rem .5rem 1.5rem;border:.5px solid rgba(139,94,60,.15);border-radius:4px;width:140px;box-shadow:0 4px 10px #0000000d;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;position:relative}.interactive-preview{cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.5,1),border-color .2s,box-shadow .2s}.interactive-preview:hover{transform:scale(1.06) rotate(-2deg);border-color:var(--cozy-green-matcha);box-shadow:0 8px 20px #8b5e3c1a}.interactive-preview:active{transform:scale(.98)}.shake{animation:shake .4s ease-in-out;border-color:#cc5200!important}@keyframes shake{0%,to{transform:scale(1) rotate(0)}15%,55%,85%{transform:scale(1.02) rotate(-3deg)}35%,75%{transform:scale(1.02) rotate(3deg)}}.photo-preview-placeholder{width:100%;height:100%;background-color:var(--cozy-bg-beige);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:var(--cozy-wood-sugi);padding:1rem 0;box-sizing:border-box}.photo-preview-placeholder i{font-size:1.8rem}.photo-preview-placeholder span{font-size:.65rem;font-weight:500}.polaroid-frame-preview img{width:100%;height:100%;object-fit:cover;border-radius:2px;display:block}.submit-photo-btn{width:100%;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;color:#fff;background-color:#1c1c1e;border:none;border-radius:14px;height:50px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #1c1c1e26}.submit-photo-btn:hover:not(:disabled){background-color:#2c2c2e}.submit-photo-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.status-msg{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#f0f4e8;color:var(--cozy-green-matcha-forest);font-size:.8rem;font-weight:600;padding:.6rem;border-radius:8px;margin-top:1rem;border:1px solid rgba(74,138,46,.1);word-break:break-word;text-align:left}.status-msg.error{background-color:#fff2e6;color:#cc5200;border-color:#e664001a}.status-icon{font-size:1rem;display:flex;align-items:center;flex-shrink:0}.spin{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.note-content-wrapper{display:flex;flex-direction:column;justify-content:flex-start;gap:.4rem;height:100%;box-sizing:border-box}.hidden{display:none!important}