@import"https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@400;600&display=swap";:root{color-scheme:light dark;font-family:ZCOOL KuaiLe,Noto Sans SC,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#fff;background:radial-gradient(circle at 20% 20%,#ff8fb1,transparent 40%),radial-gradient(circle at 80% 0%,#ffd3b5,transparent 35%),radial-gradient(circle at 10% 80%,#a29bfe,transparent 45%),#0b0210}*{margin:0;padding:0;box-sizing:border-box}body,#app{min-height:100vh}body{display:flex;align-items:stretch;justify-content:center;background:transparent}#app{width:100%}.love-app{position:relative;min-height:100vh;padding:clamp(2rem,4vw,5rem);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.love-app:before,.love-app:after{content:"";position:absolute;width:120vw;height:120vw;background:radial-gradient(circle,#ffffff2e,#fff0 65%);animation:pulse 12s ease-in-out infinite;z-index:0}.love-app:before{top:-70vw;left:-40vw}.love-app:after{bottom:-60vw;right:-30vw;animation-delay:-6s}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0%,transparent 60%);-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px);pointer-events:none;z-index:1}.content{position:relative;z-index:2;max-width:min(720px,90vw);background:#ffffff14;border-radius:32px;padding:clamp(2rem,5vw,4rem);box-shadow:0 30px 60px #0003;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .6s ease,box-shadow .6s ease}.content:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 40px 80px #ff8fb166}.subtitle{font-size:clamp(1rem,2vw,1.25rem);letter-spacing:.3em;text-transform:uppercase;opacity:.85;margin-bottom:1.5rem}.title{font-size:clamp(2.8rem,8vw,5rem);line-height:1.1;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(255,255,255,.5)}.message{font-size:clamp(1.05rem,2.2vw,1.35rem);color:#ffffffd9;margin-bottom:2.5rem}.love-button{padding:.95rem 2.75rem;border-radius:999px;border:none;background:linear-gradient(120deg,#ff75b5,#ff9a8b,#fad0c4);color:#fff;font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 20px 35px #ff75b573;transition:transform .25s ease,box-shadow .25s ease}.love-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 28px 50px #ff9a8b8c}.love-button:active{transform:translateY(1px) scale(.98)}.moments,.love-notes{margin-top:clamp(2.5rem,5vw,3.5rem);background:#09010f59;border-radius:24px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #0000002e}.section-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.2rem;color:#ffffffeb}.moment-text{font-size:clamp(1rem,2.3vw,1.3rem);line-height:1.7;color:#ffffffc7}.moment-dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.8rem}.dot{width:10px;height:10px;border-radius:50%;background:#ffffff59;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.dot.active{background:#ff86c8;transform:scale(1.35);box-shadow:0 0 18px #ff86c899}.note-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;list-style:none}.note-card{padding:1.25rem 1.5rem;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 30px #ff75b52e;text-align:left}.note-title{font-size:1.05rem;margin-bottom:.75rem;color:#ffffffeb}.note-body{font-size:.95rem;line-height:1.6;color:#ffffffc2}.love-footer{position:absolute;left:50%;bottom:clamp(1.5rem,3vw,3rem);transform:translate(-50%);width:min(720px,90vw);text-align:center;color:#ffffffc7;z-index:2}.footer-message{font-size:clamp(1rem,2vw,1.2rem);margin-bottom:.35rem}.footer-date{font-size:clamp(.85rem,1.6vw,1rem);letter-spacing:.1em;text-transform:uppercase;opacity:.75}.emoji-enter-active,.emoji-leave-active{transition:transform 1.2s ease,opacity 1.2s ease}.emoji-enter-from,.emoji-leave-to{opacity:0;transform:translateY(20px) scale(.6)}.emoji{position:fixed;pointer-events:none;font-size:clamp(1.6rem,3vw,2.4rem);filter:drop-shadow(0 8px 12px rgba(0,0,0,.25));animation:float 1.2s ease-out forwards;z-index:5}@keyframes float{0%{transform:translate(-50%,-20%) scale(.6);opacity:1}60%{opacity:1}to{transform:translate(-50%,-140%) scale(1.35);opacity:0}}@keyframes pulse{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}}@media (max-width: 640px){.content{padding:2rem 1.5rem}.message{text-align:left}.note-list{grid-template-columns:1fr}.love-footer{width:92vw}}@media (prefers-reduced-motion: reduce){.love-app:before,.love-app:after,.emoji{animation:none!important}.emoji-enter-active,.emoji-leave-active,.content,.love-button,.dot.active{transition-duration:0ms}}