@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Pacifico&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#382d31;background:#fff9f7;font-family:DM Sans,sans-serif}button{cursor:pointer;border:0;font-family:inherit}.landing{background:radial-gradient(circle at 10% 15%,#ffcfddcc,#0000 24%),radial-gradient(circle at 90% 85%,#ffe1c9cc,#0000 26%),#fff9f7;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.landing-card{z-index:2;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #e0b1bc40;border-radius:34px;width:min(510px,100%);padding:58px 35px;position:relative;box-shadow:0 30px 80px #643e481a,0 5px 20px #643e480a}.tiny-label{color:#b68b95;letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;font-size:10px;font-weight:600}.big-heart{color:#e48b9d;margin-bottom:15px;font-family:Georgia,serif;font-size:86px;line-height:.9}.landing-card h1{color:#392d32;margin:0;font-family:Pacifico,cursive;font-size:clamp(52px,10vw,76px);font-weight:400}.landing-card p{color:#806e73;margin:20px 0 32px;line-height:1.8}.landing-card button,.next-button,.special-button{color:#fff;background:#e58c9f;border-radius:999px;padding:14px 26px;font-size:14px;font-weight:600;transition:transform .25s,background .25s,box-shadow .25s;box-shadow:0 10px 25px #e58c9f40}.landing-card button:hover,.next-button:hover,.special-button:hover{background:#da7890;transform:translateY(-3px);box-shadow:0 14px 30px #e58c9f4d}.landing-decoration{z-index:1;color:#e285998c;font-size:50px;position:absolute}.decoration-one{top:15%;left:15%}.decoration-two{color:#ecaf7b80;font-size:35px;bottom:18%;right:15%}.app{background:radial-gradient(circle at 3% 10%,#ffd8e1b3,#0000 22%),radial-gradient(circle at 97% 90%,#ffe4cfa6,#0000 24%),#fffaf8;flex-direction:column;min-height:100vh;padding:22px 25px;display:flex;overflow:hidden}.topbar{color:#ae8993;letter-spacing:1.5px;justify-content:space-between;align-items:center;width:min(900px,100%);margin:0 auto;font-size:11px;display:flex}.progress{background:#f2dfe3;border-radius:20px;width:min(900px,100%);height:3px;margin:14px auto 0;overflow:hidden}.progress-fill{border-radius:inherit;background:#e58c9f;height:100%}.chapter{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(850px,100%);min-height:76vh;margin:auto;padding:60px 10px;display:flex}.chapter-number{color:#d394a2;letter-spacing:5px;margin-bottom:22px;font-size:11px;font-weight:600;display:block}.chapter h2{color:#382d32;letter-spacing:-2.5px;margin:0;font-size:clamp(40px,8vw,72px);line-height:1.05}.chapter-text{color:#7d6b70;max-width:590px;margin:25px auto 32px;font-size:clamp(15px,2vw,18px);line-height:1.9}.next-button{margin-top:5px}.bottom-hint{text-align:center;color:#c2a6ae;letter-spacing:3px;text-transform:uppercase;padding:5px 0 10px;font-size:9px;font-weight:500}.opening-content{position:relative}.mini-sticker{color:#d58296;background:#fff;border-radius:10px;margin-bottom:18px;padding:8px 15px;font-family:Pacifico,cursive;font-size:14px;display:inline-block;transform:rotate(-4deg);box-shadow:0 8px 25px #50323c12}.opening-doodle{color:#e49aaa;justify-content:center;align-items:center;gap:14px;margin-bottom:30px;display:flex}.opening-doodle div{background:#e9b8c2;width:65px;height:1px}.letter-content{width:min(570px,100%)}.letter-paper{text-align:left;background:#fff;border-radius:8px;padding:48px 42px;position:relative;transform:rotate(-1deg);box-shadow:0 20px 60px #50323c1a}.letter-paper:before{content:"";pointer-events:none;border:1px dashed #efd4da;position:absolute;inset:10px}.paper-top{color:#c58d9a;margin-bottom:30px;font-family:Pacifico,cursive;font-size:18px;position:relative}.letter-paper h2{font-size:clamp(34px,6vw,52px);position:relative}.letter-paper p{color:#7d6b70;max-width:460px;line-height:1.9;position:relative}.paper-sign{color:#b38b94;text-align:right;margin-top:30px;font-size:12px;position:relative}.timeline{justify-content:center;align-items:center;width:100%;max-width:650px;margin:25px 0 35px;display:flex}.timeline-item{color:#b99da4;flex-direction:column;align-items:center;gap:8px;min-width:65px;display:flex}.timeline-item span{color:#c88b99;background:#f9e8eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;display:flex}.timeline-item p{margin:0;font-size:12px}.timeline-item.active span{color:#fff;background:#e58c9f}.timeline-item.active p{color:#d3788d;font-weight:600}.timeline-line{background:#efd3d9;width:55px;height:1px;margin:0 5px 20px}.little-things-grid{grid-template-columns:repeat(2,minmax(150px,1fr));gap:15px;width:min(540px,100%);margin-bottom:30px;display:grid}.little-card{color:#806e73;background:#fff;border:1px solid #f1dfe3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:145px;padding:25px 18px;transition:background .25s,box-shadow .25s;display:flex;box-shadow:0 12px 35px #50323c12}.little-card:first-child{transform:rotate(-2deg)}.little-card:nth-child(2){transform:rotate(2deg)}.little-card:nth-child(3){transform:rotate(1deg)}.little-card:nth-child(4){transform:rotate(-2deg)}.little-card strong{color:#e18a9c;font-size:26px}.little-card span{font-size:12px;line-height:1.5}.little-card-open{background:#fff0f3;box-shadow:0 16px 40px #d2788c1f}.thought-bubble{background:#fff;border-radius:25px;width:min(430px,100%);margin-bottom:25px;padding:28px 30px;position:relative;box-shadow:0 15px 40px #50323c14}.thought-bubble:after{content:"";background:#fff;width:28px;height:28px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)rotate(45deg)}.thought-bubble span{z-index:2;color:#e58c9f;margin-bottom:10px;font-family:Pacifico,cursive;font-size:25px;display:block;position:relative}.thought-bubble p{z-index:2;color:#7d6b70;margin:0;position:relative}.thought-arrow{color:#d89aaa;margin:10px 0 25px;font-size:22px}.funny-face{margin-bottom:12px;font-size:58px}.funny-note{background:#fff;border-radius:16px;flex-direction:column;gap:5px;padding:17px 24px;display:flex;transform:rotate(-2deg);box-shadow:0 12px 35px #50323c12}.funny-note span{color:#a58a91;font-size:11px}.funny-note strong{color:#e17d93;font-family:Pacifico,cursive;font-size:22px}.quiet-circle{color:#d78fa0;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;font-family:Pacifico,cursive;font-size:30px;display:flex;box-shadow:0 15px 40px #50323c12}.quiet-line{background:#edcfd6;width:120px;height:1px;margin-top:5px}.build-stars{color:#dfa0ae;gap:28px;margin-bottom:25px;font-size:25px;display:flex}.build-stars span:nth-child(2){margin-top:-15px;font-size:18px}.build-message{color:#c28391;margin-bottom:30px;font-family:Pacifico,cursive;font-size:21px;transform:rotate(-2deg)}.fake-content{width:100%}.fake-emoji{margin-bottom:15px;font-size:60px}.special-button{background:#f1a46d;margin-top:5px;box-shadow:0 10px 25px #f1a46d40}.special-button:hover{background:#e7925b}.reveal-small{color:#c38d98;margin-bottom:15px;font-family:Pacifico,cursive;font-size:22px}.reveal-line{background:#e58c9f;width:180px;height:2px;margin-top:10px}.confession-content{width:100%}.confession-heart{color:#e58c9f;margin-bottom:12px;font-family:Georgia,serif;font-size:100px;line-height:.8}.confession-small{color:#b58b95;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;font-size:10px}.chapter-confession h2{color:#dc758d;letter-spacing:0;font-family:Pacifico,cursive;font-size:clamp(45px,9vw,80px);font-weight:400}.confession-sparkles{color:#dda0ad;font-size:18px}.ending-content{width:100%}.ending-heart{color:#e58c9f;margin-bottom:15px;font-family:Georgia,serif;font-size:95px;line-height:.8}.chapter-ending h2{letter-spacing:0;font-family:Pacifico,cursive;font-weight:400}.ending-message{color:#806e73;margin:28px auto;line-height:1.9}.ending-divider{color:#dca0ad;margin:20px 0}.ending-content>span{color:#b99aa2;letter-spacing:2px;font-size:11px}@media (width<=600px){.landing{padding:18px}.landing-card{padding:48px 25px}.landing-decoration{font-size:35px}.decoration-one{left:7%}.decoration-two{right:7%}.app{padding:18px}.chapter{min-height:76vh;padding:45px 5px}.chapter h2{letter-spacing:-1.5px}.chapter-text{line-height:1.8}.letter-paper{padding:38px 28px}.timeline{transform:scale(.85)}.timeline-line{width:25px}.little-things-grid{gap:10px}.little-card{min-height:125px;padding:18px 12px}.confession-heart,.ending-heart{font-size:80px}}@media (width<=380px){.chapter{padding-top:35px}.little-things-grid{grid-template-columns:1fr 1fr}.timeline{margin-left:-20px;margin-right:-20px;transform:scale(.72)}}