:root{--green-dark: #3f6b4f;--green-mid: #6fa07f;--green-soft: #a9cdb4;--green-pale: #e3f2e6;--pink-soft: #f6c9d3;--pink-mid: #eca4b6;--cream: #fbfbf5;--ink: #2c3c30;--font-main: "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overscroll-behavior:none}body{font-family:var(--font-main);color:var(--ink);background:linear-gradient(160deg,var(--green-pale) 0%,#cfe8d6 100%)}#root{width:100vw;height:100dvh;overflow:hidden;position:relative}button{font-family:inherit}.app-frame{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.page{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(14px,4vw,32px);gap:clamp(10px,2.2vh,22px);text-align:center;overflow:hidden}.page-title{font-size:clamp(1.1rem,4.2vw,1.8rem);color:var(--green-dark);font-weight:700;line-height:1.3;margin:0}.page-subtitle{font-size:clamp(.85rem,3vw,1.05rem);color:var(--ink);opacity:.85;line-height:1.5;margin:0;max-width:34rem}.btn{border:none;border-radius:999px;padding:clamp(10px,2.2vh,14px) clamp(22px,6vw,34px);font-size:clamp(.85rem,3vw,1rem);font-weight:600;cursor:pointer;background:var(--green-mid);color:#fff;box-shadow:0 4px 14px #3f6b4f47;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--pink-soft);color:var(--green-dark);box-shadow:0 4px 14px #eca4b659}.btn-ghost{background:transparent;color:var(--green-dark);border:2px solid var(--green-soft);box-shadow:none}.btn-row{display:flex;gap:clamp(10px,3vw,18px);flex-wrap:wrap;justify-content:center}.bg-decor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.falling{position:absolute;top:-10%;will-change:transform,opacity;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}8%{opacity:.85}92%{opacity:.85}to{transform:translateY(115vh) translate(var(--drift, 20px)) rotate(var(--spin, 180deg));opacity:0}}.frame-counter{position:absolute;top:clamp(8px,2vh,16px);right:clamp(10px,3vw,20px);font-size:.75rem;color:var(--green-dark);opacity:.55;z-index:3;font-weight:600}::selection{background:var(--pink-soft)}.date-input{font-family:inherit;font-size:clamp(1rem,4vw,1.3rem);padding:clamp(10px,2vh,14px) clamp(14px,3vw,20px);border-radius:14px;border:2px solid var(--green-soft);background:var(--cream);color:var(--ink)}.error-text{color:#b5495b;font-size:.85rem;margin:0}.select-question-page{justify-content:flex-start;padding-top:clamp(28px,6vh,44px)}.select-question-title{font-size:clamp(.95rem,3.6vw,1.35rem)}.select-counter{font-size:.78rem;color:var(--green-dark);opacity:.75;font-weight:700;margin:0}.select-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(8px,2vw,14px);width:100%;max-width:34rem;flex:1;min-height:0;align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.select-chip{border:2px solid var(--green-soft);background:var(--cream);color:var(--ink);border-radius:14px;padding:clamp(12px,2.6vh,18px) clamp(8px,2.6vw,14px);font-size:clamp(.85rem,3.6vw,1.05rem);font-weight:600;line-height:1.25;cursor:pointer;transition:all .15s ease;word-break:break-word;min-height:3.2em;display:flex;align-items:center;justify-content:center;text-align:center}.select-chip:active{transform:scale(.97)}.select-chip.selected{background:var(--green-mid);border-color:var(--green-dark);color:#fff;box-shadow:0 3px 10px #3f6b4f4d}.select-chip.locked{cursor:default;box-shadow:0 0 0 2px var(--pink-mid) inset}.select-grid.image-grid{grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.4vw,16px)}.image-option{border:2px solid var(--green-soft);background:var(--cream);border-radius:14px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.image-option:active{transform:scale(.97)}.image-option-thumb{width:100%;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;background:linear-gradient(150deg,var(--green-pale),var(--cream));display:flex;align-items:center;justify-content:center}.image-option-thumb img{width:100%;height:100%;object-fit:cover}.image-option-placeholder{font-size:clamp(1.8rem,7vw,2.6rem);opacity:.5}.image-option-label{font-size:clamp(.8rem,3.4vw,1rem);font-weight:600;color:var(--ink);text-align:center;line-height:1.2}.image-option.selected{background:var(--green-mid);border-color:var(--green-dark);box-shadow:0 3px 10px #3f6b4f4d}.image-option.selected .image-option-label{color:#fff}.image-option.locked{cursor:default;box-shadow:0 0 0 2px var(--pink-mid) inset}.score-display{display:flex;align-items:baseline;gap:4px}.score-number{font-size:clamp(3.5rem,18vw,5.5rem);font-weight:800;color:var(--green-dark);line-height:1}.score-max{font-size:clamp(1.3rem,6vw,2rem);font-weight:700;color:var(--green-dark);opacity:.6}.score-actions{opacity:0;transition:opacity .3s ease}.score-actions.visible{opacity:1}.reveal-bonus-card{font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;color:var(--green-dark);padding:clamp(20px,5vh,40px) clamp(16px,5vw,32px);border:2px solid var(--pink-mid);border-radius:20px;background:var(--cream)}.memory-page{position:relative;width:100%;height:100%;overflow:hidden;z-index:2}.memory-header{position:absolute;top:0;left:0;right:0;padding:clamp(14px,3.5vh,26px) clamp(14px,4vw,28px) clamp(8px,2vh,14px);text-align:center;z-index:1;background:linear-gradient(to bottom,#e3f2e6e6,#e3f2e600);pointer-events:none}.memory-nav{position:absolute;bottom:clamp(12px,3vh,20px);left:0;right:0;display:flex;justify-content:center;gap:12px;z-index:5}.memory-photo{position:absolute;top:0;left:0;width:clamp(96px,26vw,150px);height:clamp(120px,32vw,180px);border-radius:10px;border:4px solid white;box-shadow:0 8px 20px #2c3c3040;touch-action:none;cursor:grab;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .3s ease}.memory-photo:active{cursor:grabbing}.memory-photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.memory-photo-label{font-size:clamp(.62rem,2.2vw,.78rem);color:var(--green-dark);padding:6px;text-align:center;font-weight:600}.love-letter-page{justify-content:center}.love-letter-body{display:flex;flex-direction:column;gap:clamp(10px,2vh,18px);max-width:30rem}.love-letter-body p{margin:0;font-size:clamp(.85rem,3.4vw,1.1rem);line-height:1.6;color:var(--ink)}.real-letter-page{justify-content:center}.real-letter-body{display:flex;flex-direction:column;gap:clamp(10px,1.8vh,16px);max-width:30rem;flex:0 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;text-align:left}.real-letter-body p{margin:0;font-size:clamp(.8rem,3.2vw,1rem);line-height:1.6;color:var(--ink)}.real-letter-signature{font-style:italic;color:var(--green-dark);font-weight:600}.real-letter-images{display:flex;gap:clamp(10px,3vw,18px);justify-content:center;margin:4px 0}.inline-image{display:flex;flex-direction:column;align-items:center;gap:6px;width:clamp(160px,55vw,260px)}.inline-image-thumb{width:100%;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,var(--green-pale),var(--cream));border:2px solid var(--green-soft);display:flex;align-items:center;justify-content:center}.inline-image-thumb img{width:100%;height:100%;object-fit:cover}.inline-image-placeholder{font-size:clamp(1.6rem,6vw,2.2rem);opacity:.5}.inline-image-label{font-size:clamp(.72rem,2.8vw,.85rem);font-weight:600;color:var(--green-dark)}@media (min-width: 700px){.page{gap:clamp(16px,3vh,30px)}.love-letter-body{max-width:30rem}.select-grid{max-width:44rem}.real-letter-body{max-width:34rem}}