.modal-overlay[data-v-d634b2b1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;overscroll-behavior:contain;touch-action:none}.modal-content[data-v-d634b2b1]{position:relative;max-width:90vw;max-height:90vh;padding:20px}.modal-image[data-v-d634b2b1]{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px}.close-button[data-v-d634b2b1]{position:absolute;width:40px;height:40px;border:none;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;top:0;right:0}@media screen and (max-width:768px){.close-button[data-v-d634b2b1]{top:-50px;right:0}.modal-content[data-v-d634b2b1]{padding:10px;margin-top:40px}}@media screen and (max-width:480px){.modal-content[data-v-d634b2b1]{width:95vw}.close-button[data-v-d634b2b1]{top:-45px;right:0}}@media(hover:hover){.close-button[data-v-d634b2b1]:hover{background:#f0f0f0;transform:scale(1.1)}}.modal-enter-active[data-v-d634b2b1],.modal-leave-active[data-v-d634b2b1]{transition:opacity .3s ease}.modal-enter-from[data-v-d634b2b1],.modal-leave-to[data-v-d634b2b1]{opacity:0}.memory-book-container[data-v-fb9e8b9b]{width:100%;max-width:600px;margin:50px auto;perspective:1500px;position:relative}.book-cover[data-v-fb9e8b9b]{height:720px;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 10px 20px #0003}.cover-content[data-v-fb9e8b9b]{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative;z-index:1}.avatar-container[data-v-fb9e8b9b]{width:200px;height:200px;margin-bottom:30px;overflow:hidden;position:relative;transition:all .3s ease}.avatar[data-v-fb9e8b9b]{width:100%;height:100%;object-fit:cover}.frame-circle[data-v-fb9e8b9b]{border-radius:50%}.frame-square[data-v-fb9e8b9b]{border-radius:0}.frame-hexagon[data-v-fb9e8b9b]{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.frame-fancy[data-v-fb9e8b9b]{clip-path:polygon(50% 0%,80% 10%,100% 35%,100% 70%,80% 90%,50% 100%,20% 90%,0% 70%,0% 35%,20% 10%)}.child-name[data-v-fb9e8b9b]{margin:0;text-align:center;transition:all .3s ease;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.book-subheader[data-v-fb9e8b9b]{text-align:center;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.title-elegant[data-v-fb9e8b9b]{font-family:Playfair Display,serif;letter-spacing:2px;font-style:italic}.title-bold[data-v-fb9e8b9b]{font-weight:700;text-transform:uppercase;letter-spacing:1px}.title-playful[data-v-fb9e8b9b]{transform:rotate(-5deg);font-family:Comic Sans MS,cursive}.hover-lift[data-v-fb9e8b9b]:hover{transform:translateY(-20px)}.hover-glow[data-v-fb9e8b9b]:hover{box-shadow:0 0 30px #ffffff80}.hover-bounce[data-v-fb9e8b9b]:hover{animation:bounce-fb9e8b9b .5s ease infinite}.hover-tilt[data-v-fb9e8b9b]:hover{transform:perspective(1000px) rotateY(-15deg)}.book-open[data-v-fb9e8b9b]{height:720px;display:flex;flex-direction:column;background:#fff;border-radius:10px;box-shadow:0 10px 20px #0003;transition:all .3s ease}.book-open.book-fullscreen[data-v-fb9e8b9b]{height:720px;max-width:min(900px,90vw);margin:0 auto}.book-header[data-v-fb9e8b9b]{height:50px;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;border-bottom:1px solid #eee;border-radius:10px 10px 0 0;color:#666;font-size:.9em}.book-content[data-v-fb9e8b9b]{flex:1;overflow-y:auto;padding:20px;position:relative}.external-navigation[data-v-fb9e8b9b]{margin-top:24px;padding:20px;display:flex;align-items:center;justify-content:center}.external-navigation .navigation-wrapper[data-v-fb9e8b9b]{display:flex;flex-direction:column;align-items:center;gap:12px}.external-navigation .page-number[data-v-fb9e8b9b]{color:#fff;font-size:1.1em;font-weight:500;margin-bottom:4px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.external-navigation .navigation-controls[data-v-fb9e8b9b]{display:flex;gap:16px;align-items:center;justify-content:center}.external-navigation .nav-button[data-v-fb9e8b9b],.external-navigation .home-button[data-v-fb9e8b9b]{width:50px;height:50px;border:2px solid white;border-radius:50%;background:#1e1e1ed9;backdrop-filter:blur(10px);color:#fff;font-size:1.3em;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 4px 16px #0009;touch-action:manipulation;user-select:none;-webkit-user-select:none}.external-navigation .nav-button[data-v-fb9e8b9b]:hover:not(:disabled),.external-navigation .home-button[data-v-fb9e8b9b]:hover{background:#323232f2;border-color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #000000b3}.external-navigation .nav-button[data-v-fb9e8b9b]:active:not(:disabled),.external-navigation .home-button[data-v-fb9e8b9b]:active{transform:translateY(-1px) scale(.98)}.external-navigation .nav-button[data-v-fb9e8b9b]:disabled{opacity:.25;cursor:not-allowed;background:#ffffff1a;border-color:#fff3}.book-footer[data-v-fb9e8b9b]{height:90px;padding:0 20px;border-top:1px solid #eee;background-color:#f8f8f8;border-radius:0 0 10px 10px}.footer-content[data-v-fb9e8b9b]{height:100%;display:flex;align-items:center;justify-content:center}.navigation-wrapper[data-v-fb9e8b9b]{display:flex;flex-direction:column;align-items:center;gap:8px}.page-number[data-v-fb9e8b9b]{color:#999;font-size:.9em;margin-bottom:4px;text-align:center}.navigation-controls[data-v-fb9e8b9b]{display:flex;gap:12px;align-items:center;justify-content:center}.nav-button[data-v-fb9e8b9b],.home-button[data-v-fb9e8b9b]{width:32px;height:32px;border:none;border-radius:50%;background:#e0e0e0;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.nav-button[data-v-fb9e8b9b]:hover:not(:disabled),.home-button[data-v-fb9e8b9b]:hover{background:#d4d4d4;transform:translateY(-1px)}.nav-button[data-v-fb9e8b9b]:disabled{opacity:.5;cursor:not-allowed}.page-number[data-v-fb9e8b9b]{color:#999;font-size:.9em}.page[data-v-fb9e8b9b]{transition:transform .5s ease}.page-index h2[data-v-fb9e8b9b],.page-type h2[data-v-fb9e8b9b],.page-content h2[data-v-fb9e8b9b]{color:#4a4a4a;margin-bottom:20px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.page-image[data-v-fb9e8b9b]{width:100%;max-height:300px;object-fit:cover;margin:20px 0;border-radius:5px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.page-image[data-v-fb9e8b9b]:hover{transform:scale(1.02);box-shadow:0 5px 15px #0003}.page-text[data-v-fb9e8b9b]{line-height:1.6;color:#4a4a4a}.page-list-item[data-v-fb9e8b9b]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.page-list-item[data-v-fb9e8b9b]:hover{background-color:#f5f5f5}.page-link[data-v-fb9e8b9b]{color:inherit;text-decoration:none}.page-link[data-v-fb9e8b9b]:hover{color:#666}.page-number-right[data-v-fb9e8b9b]{color:#999;font-size:.9em}.book-content[data-v-fb9e8b9b]::-webkit-scrollbar{width:8px}.book-content[data-v-fb9e8b9b]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.book-content[data-v-fb9e8b9b]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.book-content[data-v-fb9e8b9b]::-webkit-scrollbar-thumb:hover{background:#555}.open-flip[data-v-fb9e8b9b]{animation:flipOpen-fb9e8b9b .6s ease-out}.open-unfold[data-v-fb9e8b9b]{animation:unfold-fb9e8b9b .8s ease-out}.open-slide[data-v-fb9e8b9b]{animation:slideOpen-fb9e8b9b .5s ease-out}.open-fade[data-v-fb9e8b9b]{animation:fadeOpen-fb9e8b9b .4s ease-out}.turn-flip[data-v-fb9e8b9b]{animation:pageTurn-fb9e8b9b .5s ease-in-out}.turn-fade[data-v-fb9e8b9b]{animation:pageFade-fb9e8b9b .3s ease-in-out}.turn-slide[data-v-fb9e8b9b]{animation:pageSlide-fb9e8b9b .4s ease-in-out}@keyframes bounce-fb9e8b9b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flipOpen-fb9e8b9b{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes unfold-fb9e8b9b{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}@keyframes slideOpen-fb9e8b9b{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeOpen-fb9e8b9b{0%{opacity:0}to{opacity:1}}@keyframes pageTurn-fb9e8b9b{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes pageFade-fb9e8b9b{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes pageSlide-fb9e8b9b{0%{transform:translate(0)}50%{transform:translate(-100%)}50.1%{transform:translate(100%)}to{transform:translate(0)}}ul[data-v-fb9e8b9b]{list-style-type:none;padding:0;margin:0}.page-list-item[data-v-fb9e8b9b]{padding:10px 0;border-bottom:1px solid #f0f0f0}.page-info[data-v-fb9e8b9b]{display:flex;flex-direction:column;gap:4px}.page-date[data-v-fb9e8b9b]{font-size:.8em;color:#999}.page-header[data-v-fb9e8b9b]{margin-bottom:20px}.page-header h2[data-v-fb9e8b9b]{margin-bottom:5px}.content-page-header[data-v-fb9e8b9b]{position:relative;border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px}.content-page-header h2[data-v-fb9e8b9b]{margin:0;padding-bottom:10px;border-bottom:none}.content-page-date[data-v-fb9e8b9b]{position:absolute;left:0;bottom:-12px;background-color:#f0f0f0;padding:2px 10px;border-radius:12px;font-size:.75em;color:#666}@media(max-width:600px){.book-open.book-fullscreen[data-v-fb9e8b9b]{height:calc(100vh - 220px);height:calc(100dvh - 220px);max-height:600px;min-height:350px;max-width:95vw}.book-cover.book-fullscreen[data-v-fb9e8b9b]{height:calc(100vh - 220px);height:calc(100dvh - 220px);max-height:600px;min-height:350px;max-width:95vw;margin:0 auto}.external-navigation[data-v-fb9e8b9b]{margin-top:12px;padding:12px}.external-navigation .page-number[data-v-fb9e8b9b]{font-size:1.1em;font-weight:600}.external-navigation .navigation-controls[data-v-fb9e8b9b]{gap:14px}.external-navigation .nav-button[data-v-fb9e8b9b],.external-navigation .home-button[data-v-fb9e8b9b]{width:56px;height:56px;font-size:1.5em;border-width:3px;background:#1e1e1ee6;border-color:#fff;-webkit-tap-highlight-color:rgba(255,255,255,.3);min-width:56px;min-height:56px}}