:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesize:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,sans-serif;font-weight:400;line-height:1.5}body{background:linear-gradient(135deg,#fff0f5 0%,#ffe4e1 50%,pink 100%) fixed;place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}.app-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.entry-overlay{z-index:10000;background:linear-gradient(135deg,#fff0f5 0%,#ffe4e1 50%,pink 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.entry-button{color:#fff;cursor:pointer;background:#ff007f;border:none;border-radius:50px;padding:1.5rem 3rem;font-family:inherit;font-size:1.5rem;font-weight:700;animation:2s infinite pulse;box-shadow:0 8px 24px #ff007f66}.hero-section{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero-title{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:2rem;padding:0 20px;font-size:4rem;animation:2s infinite pulse;display:flex}.hero-title span{background:-webkit-linear-gradient(45deg,#ff007f,#fa0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;line-height:1.2}.scroll-arrow{color:#ff007f;animation:2s infinite bounce}.content-wrapper{opacity:0;width:100%;padding:1rem 0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(50px)}.content-wrapper.visible{opacity:1;transform:translateY(0)}.gallery-section,.audio-section{width:100%;max-width:100vw;margin-bottom:4rem;overflow:hidden}.gallery-section h2,.audio-section h2{text-align:center;color:#ff007f;text-shadow:1px 1px 2px #fffc;margin-bottom:1rem;font-size:2rem}.image-grid{column-count:3;column-gap:2px;width:100%}.gallery-item{break-inside:avoid;background:#fdfbfb;width:100%;margin-bottom:2px;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden;box-shadow:0 4px 8px #0000001a}.gallery-item:hover{z-index:1;transform:scale(1.02);box-shadow:0 8px 16px #ff64964d}.gallery-item img{width:100%;height:auto;display:block}.gallery-item video{background-color:#000;width:100%;height:auto;display:block}.swipe-hint{color:#fa0;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.hint-icon{color:#ff007f}.bounce-right{animation:1.5s infinite slideRight}.bounce-left{animation:1.5s infinite slideLeft}@keyframes slideRight{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes slideLeft{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}.standalone-audio{justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem;display:flex}.audio-cards{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:1.5rem;padding:20px;display:flex;overflow-x:auto}.audio-cards::-webkit-scrollbar{display:none}.voice-message{scroll-snap-align:center;background:#fff;border:1px solid #ff007f1a;border-radius:24px;flex:0 0 85%;align-items:center;gap:1rem;width:100%;max-width:320px;padding:1rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000014}.voice-message:hover{transform:translateY(-5px);box-shadow:0 8px 16px #ff649633}.avatar{color:#fff;background:linear-gradient(135deg,#ff007f,#fa0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 6px #0003}.message-content{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.message-content h3{color:#333;text-align:left;margin:0;font-size:1.1rem}.play-button{color:#fff;cursor:pointer;background:#ff007f;border:none;border-radius:20px;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex;box-shadow:0 2px 4px #ff007f4d}.play-button:hover{opacity:.8}.special-message{border:2px solid #fa0;max-width:340px;transform:scale(1.02);box-shadow:0 8px 24px #fa06}.special-subtitle{color:#ff007f;margin:0 0 .5rem;font-size:.85rem;font-style:italic;font-weight:700}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (width<=768px){.hero-title{font-size:2.5rem}.content-wrapper{padding:0}.image-grid{column-count:3;column-gap:2px}}