:root{--envelope-shadow:0 1vw 3vw #2e303859;--envelope-drop-shadow:0 1.4vw 3.2vw #2e303894;--inner-drop-shadow:0 .4vw .8vw #2e303840;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--envelope-shadow:0 1vw 3vw #0000008c;--envelope-drop-shadow:0 1.4vw 3.2vw #000000b8;--inner-drop-shadow:0 .4vw .8vw #00000059}}body{margin:0}#app{scroll-snap-type:y mandatory;box-sizing:border-box;background:#b0c6ff var(--bg-image) left 16.67% center / cover no-repeat;background-attachment:fixed;width:100%;height:100vh;overflow-y:auto}@media (width<=768px){#app{background-size:cover}}.comment-section.svelte-mz3hj0{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100%;padding:2vw;font-family:system-ui,sans-serif;display:flex}.comment-grid.svelte-mz3hj0{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:1vw;width:100%;max-width:80vw;padding:1vw 0;display:grid;overflow-y:auto}.comment-card.svelte-mz3hj0{height:12vw;transform:rotate(var(--tilt,0deg));background:linear-gradient(135deg,#fdfdfc 0%,#f7f5f0 30%,#faf8f4 60%,#f5f3ed 100%);border-radius:.2vw .6vw .6vw .2vw;flex-direction:column;padding:1vw 1.2vw;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 .15vw .3vw #0000000f,0 .4vw .8vw #00000014,inset 0 .1vw .05vw #0000000a}.comment-card.svelte-mz3hj0:hover{transform:rotate(0)scale(1.03);box-shadow:0 .2vw .4vw #00000014,0 .6vw 1.2vw #0000001f}.comment-card.svelte-mz3hj0:first-child{--tilt:-1.5deg}.comment-card.svelte-mz3hj0:nth-child(2){--tilt:1.2deg}.comment-card.svelte-mz3hj0:nth-child(3){--tilt:-1.8deg}.comment-card.svelte-mz3hj0:nth-child(4){--tilt:.9deg}.comment-card.svelte-mz3hj0:nth-child(5){--tilt:-1.1deg}.comment-card.svelte-mz3hj0:nth-child(6){--tilt:1.6deg}.comment-card.svelte-mz3hj0:nth-child(7){--tilt:-.8deg}.comment-card.svelte-mz3hj0:nth-child(8){--tilt:1.4deg}.comment-card.svelte-mz3hj0:nth-child(9){--tilt:-1.3deg}.comment-card.svelte-mz3hj0:nth-child(10){--tilt:.7deg}.comment-nickname.svelte-mz3hj0{color:#152e60;flex-shrink:0;margin-bottom:.4vw;font-size:.95vw;font-weight:600}.comment-content.svelte-mz3hj0{color:#334155;word-break:break-word;flex:1;font-size:.95vw;line-height:1.5;overflow-y:auto}.comment-date.svelte-mz3hj0{color:#94a3b8;text-align:right;flex-shrink:0;margin-top:.3vw;font-size:.7vw}.comment-count.svelte-mz3hj0{color:#152e6066;text-align:center;flex-shrink:0;padding:1vw 0 0;font-size:.9vw}.empty-text.svelte-mz3hj0{text-align:center;color:#152e6080;font-size:1.5vw}@media (width<=768px){.comment-section.svelte-mz3hj0{padding:4vw 2vw}.comment-grid.svelte-mz3hj0{grid-template-columns:repeat(2,1fr);gap:2vw}.comment-card.svelte-mz3hj0{border-radius:.5vw 1.5vw 1.5vw .5vw;height:28vw;padding:2vw}.comment-nickname.svelte-mz3hj0{margin-bottom:1vw;font-size:3.2vw}.comment-content.svelte-mz3hj0{font-size:2.8vw}.comment-date.svelte-mz3hj0{margin-top:.8vw;font-size:2.2vw}.comment-count.svelte-mz3hj0{font-size:2.5vw}}.page.svelte-1n46o8q{scroll-snap-align:start;flex-direction:column;min-height:100vh;display:flex}.container.svelte-1n46o8q{perspective:1000px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.scroll-hint.svelte-1n46o8q{flex-direction:column;align-items:center;animation:.6s both svelte-1n46o8q-fadeInUp;display:flex;position:absolute;bottom:1vw;left:0;right:0}.scroll-hint.svelte-1n46o8q .scroll-arrow:where(.svelte-1n46o8q){color:#152e60;font-size:2.5vw;animation:2s ease-in-out infinite svelte-1n46o8q-bounce}.scroll-hint.svelte-1n46o8q .scroll-text:where(.svelte-1n46o8q){color:#152e60;margin-top:.3vw;font-family:system-ui,sans-serif;font-size:1.1vw}@keyframes svelte-1n46o8q-fadeInUp{0%{opacity:0;transform:translateY(1vw)}to{opacity:.6;transform:translateY(0)}}@keyframes svelte-1n46o8q-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0;transform:rotate(-90deg)translateY(.5vw)}to{opacity:1;transform:rotate(-90deg)translateY(0)}}.page-2.svelte-1n46o8q{justify-content:center;align-items:center;min-height:100vh}.page-footer.svelte-1n46o8q{justify-content:center;align-items:center;min-height:auto}.site-footer.svelte-1n46o8q{color:#ffffffb3;text-align:center;background:#1a1a2e;width:100%;padding:1.2vw 0;font-family:system-ui,sans-serif;font-size:.85vw}.footer-sep.svelte-1n46o8q{opacity:.4;margin:0 .6vw}.envelope.svelte-1n46o8q{cursor:pointer;width:50vw;height:35vw;transform-style:preserve-3d;transform-origin:50% 10%;will-change:transform, opacity;position:relative;overflow:visible}.envelope-body.svelte-1n46o8q{box-shadow:var(--envelope-shadow);z-index:1;background:#152e60;position:absolute;inset:0}.letter.svelte-1n46o8q{box-shadow:var(--envelope-shadow);background:#fff;position:absolute;inset:3vw;overflow:hidden}.letter1.svelte-1n46o8q{z-index:3}.letter2.svelte-1n46o8q{z-index:2}.letter-img.svelte-1n46o8q{object-fit:cover;width:100%;height:100%;display:block}.audio-hidden.svelte-1n46o8q{display:none}.play-btn.svelte-1n46o8q{z-index:10;color:#fff;cursor:pointer;background:#152e60d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5vw;height:2.5vw;padding:0;font-size:1.2vw;transition:background .2s,transform .15s;animation:1s both svelte-1n46o8q-fadeIn;display:flex;position:absolute;top:auto;bottom:.5vw;right:.5vw;transform:rotate(-90deg);box-shadow:0 .15vw .3vw #0003}.play-btn.svelte-1n46o8q:hover{background:#152e60;transform:rotate(-90deg)scale(1.1)}.inner-wrap.svelte-1n46o8q{filter:drop-shadow(var(--inner-drop-shadow));position:absolute;inset:0}.inner-ade.svelte-1n46o8q,.inner-bce.svelte-1n46o8q{z-index:3}.inner-cde.svelte-1n46o8q{z-index:4}.inner-shape.svelte-1n46o8q{backface-visibility:hidden;background:#152e60;width:100%;height:100%}.ripple.svelte-1n46o8q{pointer-events:none;z-index:20;background:#ffffff4d;border-radius:50%;width:0;height:0;animation:2s ease-out infinite svelte-1n46o8q-ripplePulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-1n46o8q-ripplePulse{0%{opacity:.6;width:0;height:0}to{opacity:0;width:15vw;height:15vw}}.inner-ade.svelte-1n46o8q .inner-shape:where(.svelte-1n46o8q){clip-path:polygon(0 0,0 100%,50% 50%)}.inner-bce.svelte-1n46o8q .inner-shape:where(.svelte-1n46o8q){clip-path:polygon(100% 0,100% 100%,50% 50%)}.inner-cde.svelte-1n46o8q .inner-shape:where(.svelte-1n46o8q){clip-path:polygon(100% 100%,0 100%,50% 40%)}.envelope-flap-wrap.svelte-1n46o8q{transform-origin:top;height:17.5vw;transform-style:preserve-3d;filter:drop-shadow(var(--envelope-drop-shadow));will-change:transform, filter;z-index:4;position:absolute;top:0;left:0;right:0}.envelope-flap.svelte-1n46o8q{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;background:#152e60;position:absolute;inset:0}@media (width<=768px){.container.svelte-1n46o8q{perspective:800px}.scroll-arrow.svelte-1n46o8q{font-size:5vw}.scroll-text.svelte-1n46o8q{font-size:2.5vw}.scroll-hint.svelte-1n46o8q{padding-bottom:3vw}.site-footer.svelte-1n46o8q{padding:2.5vw 0;font-size:2.5vw}.footer-sep.svelte-1n46o8q{margin:0 1.5vw}.envelope.svelte-1n46o8q{width:80vw;height:56vw}.envelope-flap-wrap.svelte-1n46o8q{height:28vw}.letter.svelte-1n46o8q{inset:4vw}.play-btn.svelte-1n46o8q{width:6vw;height:6vw;font-size:3vw;top:auto;bottom:1vw;right:1vw}}