body{background:#fff7ed;min-width:320px;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font-family:inherit}#root{min-height:100vh}*{box-sizing:border-box}:root{color:#3b1f2b;background:#fff7f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#ffc4d673,#0000 34rem),radial-gradient(circle at 100% 0,#d1bcff59,#0000 30rem),linear-gradient(135deg,#fff8f1 0%,#ffeef3 48%,#fff5e8 100%);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}#root{width:100%}.unlock-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.unlock-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #89455d29;border-radius:2rem;width:min(100%,520px);padding:2rem;box-shadow:0 24px 70px #5f233a29}.unlock-card h1{color:#4d2237;margin:.4rem 0 1rem;font-size:clamp(2rem,6vw,3.5rem);line-height:1}.unlock-card p{color:#765164;line-height:1.7}.unlock-form{gap:.8rem;margin-top:1.5rem;display:flex}.unlock-form input{color:#4d2237;background:#fff9f5;border:1px solid #89455d33;border-radius:999px;outline:none;width:100%;padding:.9rem 1rem}.unlock-form input:focus{border-color:#c76d89;box-shadow:0 0 0 4px #c76d8924}.unlock-form button,.primary-link,.secondary-link,.interactive-card button,.secret-note-card button,.feature-panel button,.letter-card button,.care-score-card button,.letter-board button,.saved-letter-card button,.mood-button,.compliment-panel button,.quiz-option,.new-quiz-button{border-radius:999px;padding:.85rem 1.2rem;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.unlock-form button,.primary-link,.interactive-card button,.feature-panel button,.letter-card button,.care-score-card button,.letter-board button,.compliment-panel button,.new-quiz-button{color:#fff;background:#8a2f52;box-shadow:0 12px 24px #8a2f5233}.unlock-form button:hover,.primary-link:hover,.interactive-card button:hover,.feature-panel button:hover,.letter-card button:hover,.care-score-card button:hover,.letter-board button:hover,.compliment-panel button:hover,.new-quiz-button:hover{background:#742644;transform:translateY(-2px);box-shadow:0 16px 28px #8a2f5240}.error-text{color:#b83256;font-weight:700}.hint-text{font-size:.9rem}.site-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem}.navbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #89455d24;border-radius:999px;justify-content:space-between;align-items:center;gap:1.2rem;margin:1rem 0 4rem;padding:.85rem 1rem;display:flex;position:sticky;top:1rem;box-shadow:0 14px 40px #5f233a1a}.logo{letter-spacing:-.04em;color:#6d2440;font-weight:900}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem;display:flex}.nav-links a{color:#70475a;border-radius:999px;padding:.55rem .8rem;font-size:.95rem;font-weight:700}.nav-links a:hover{color:#6d2440;background:#fff0f4}.hero-section{grid-template-columns:1.04fr .96fr;align-items:center;gap:2rem;min-height:72vh;padding-bottom:4rem;display:grid}.eyebrow{color:#b85f7c;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:900}.hero-text h1,.section-heading h2,.feature-panel h2,.mood-panel h2,.special-day-panel h2,.compliment-panel h2,.quiz-panel h2{color:#4d2237;letter-spacing:-.06em;margin:.45rem 0 1rem;line-height:.95}.hero-text h1{max-width:760px;font-size:clamp(3rem,10vw,6.8rem)}.hero-text p{color:#765164;max-width:620px;font-size:1.08rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.secondary-link{color:#7a2b48;background:#fff;border:1px solid #7a2b4824}.secondary-link:hover{background:#fff0f4;transform:translateY(-2px)}.hero-visual{background:linear-gradient(135deg,#ffffffb8,#fff0f5b8),radial-gradient(circle,#ffc9da59,#0000 20rem);border:1px solid #89455d24;border-radius:2rem;min-height:430px;position:relative;overflow:hidden;box-shadow:0 24px 70px #5f233a24}.hero-visual:before{content:"";border:2px dashed #b85f7c33;border-radius:999px;position:absolute;inset:3rem}.floating-card{color:#633047;background:#ffffffd9;border:1px solid #89455d24;border-radius:1.4rem;width:max-content;max-width:230px;padding:1rem 1.1rem;font-weight:800;position:absolute;box-shadow:0 14px 34px #5f233a24}.card-books{top:16%;left:12%;transform:rotate(-8deg)}.card-coffee{top:24%;right:10%;transform:rotate(7deg)}.card-note{bottom:25%;left:20%;transform:rotate(5deg)}.card-care{bottom:17%;right:12%;transform:rotate(-6deg)}.card-heart{background:#fff1f5;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.section{padding:5rem 0}.section-heading{max-width:680px;margin-bottom:1.6rem}.section-heading h2,.feature-panel h2,.mood-panel h2,.special-day-panel h2,.compliment-panel h2,.quiz-panel h2{font-size:clamp(2.1rem,5vw,4rem)}.section-heading p,.feature-panel p,.interactive-card p,.letter-card p,.mood-panel p,.special-day-panel p,.compliment-panel p,.quiz-panel p{color:#765164;line-height:1.8}.message-grid,.polaroid-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.sticky-note{background:#fff8cf;border:1px solid #89455d1f;border-radius:1.5rem;min-height:190px;padding:1.3rem;box-shadow:0 16px 30px #5f233a1a}.sticky-note:nth-child(2){background:#ffe7ef;transform:rotate(1.5deg)}.sticky-note:nth-child(3){background:#ecf8f4;transform:rotate(-1.5deg)}.sticky-note span{color:#b85f7c;font-weight:900}.sticky-note p{color:#5b2c42;margin:1rem 0 0;font-size:1.2rem;font-weight:800;line-height:1.55}.interactive-card,.feature-panel,.letter-card,.letter-board,.care-score-card,.mood-panel,.special-day-panel,.compliment-panel,.quiz-panel{background:#ffffffb8;border:1px solid #89455d24;border-radius:2rem;padding:1.5rem;box-shadow:0 18px 44px #5f233a1a}.interactive-card h3,.letter-card h3{color:#5b2c42;margin:0 0 .6rem;font-size:1.6rem}.interactive-card p,.letter-card p,.feature-panel p{font-size:1.08rem}.secret-section{padding-top:3rem}.secret-note-card{color:#fff4f7;background:radial-gradient(circle at 0 0,#ffb4cc2e,#0000 20rem),#3e172a;border-radius:2rem;padding:2rem;box-shadow:0 24px 60px #3e172a38}.secret-note-card p{letter-spacing:-.04em;margin:0 0 1.4rem;font-size:clamp(1.5rem,4vw,3rem);font-weight:900;line-height:1.2}.secret-note-card button{color:#552139;background:#fff2f6}.secret-note-card button:hover{background:#fff;transform:translateY(-2px)}.two-column-section,.mood-day-section,.extra-fun-section{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.this-or-that-panel{background:radial-gradient(circle at 100% 0,#cbece2cc,#0000 18rem),#ffffffc7}.big-question{letter-spacing:-.04em;min-height:5rem;font-weight:900;color:#5b2c42!important;font-size:clamp(1.6rem,4vw,2.6rem)!important;line-height:1.2!important}.care-score-section{padding-top:3rem}.care-score-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:1.2rem;display:grid}.care-score-card{text-align:center;background:radial-gradient(circle at top,#ffd2e0bf,#0000 15rem),#ffffffc7;position:sticky;top:6.5rem}.score-number{color:#7a2b48;letter-spacing:-.08em;font-size:clamp(4rem,11vw,7rem);font-weight:950;line-height:.9;display:inline-block}.score-label{color:#9a6378;font-size:1.5rem;font-weight:900}.care-score-card p{color:#765164;font-weight:700;line-height:1.7}.care-checklist{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.care-item{color:#5b2c42;background:#ffffffb8;border:1px solid #89455d1f;border-radius:1.2rem;align-items:center;gap:.75rem;min-height:70px;padding:1rem;font-weight:800;display:flex;box-shadow:0 12px 26px #5f233a14}.care-item input{accent-color:#8a2f52;width:1.15rem;height:1.15rem}.mood-day-section,.extra-fun-section{padding-top:3rem}.mood-panel{background:radial-gradient(circle at 0 0,#ffe0ebf2,#0000 18rem),#ffffffc7}.special-day-panel{background:radial-gradient(circle at 100% 0,#e0d2ffb3,#0000 18rem),radial-gradient(circle at 0 100%,#cbece2a6,#0000 16rem),#ffffffc7}.compliment-panel{background:radial-gradient(circle at 0 0,#fff8cff2,#0000 18rem),#ffffffc7}.quiz-panel{background:radial-gradient(circle at 100% 0,#ffd6e2d9,#0000 18rem),radial-gradient(circle at 0 100%,#e2f6f0bf,#0000 16rem),#ffffffc7}.mood-intro{margin-bottom:1rem}.mood-buttons,.quiz-options{flex-wrap:wrap;gap:.7rem;display:flex}.mood-button,.quiz-option{color:#6d2440;background:#fff;border:1px solid #89455d24;align-items:center;gap:.45rem;display:inline-flex;box-shadow:0 10px 22px #5f233a14}.mood-button:hover,.quiz-option:hover{background:#fff0f4;transform:translateY(-2px)}.mood-button.active,.quiz-option.active{color:#fff;background:#8a2f52;box-shadow:0 14px 28px #8a2f5233}.mood-result,.quiz-result{background:#ffffffc7;border:1px solid #89455d1f;border-radius:1.5rem;margin-top:1.2rem;padding:1.2rem}.mood-emoji{margin-bottom:.3rem;font-size:2.5rem;display:block}.mood-result p,.quiz-result p{color:#5b2c42;margin:0;font-size:1.25rem;font-weight:900;line-height:1.45}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;margin:1.2rem 0;display:grid}.countdown-box{text-align:center;background:#ffffffc7;border:1px solid #89455d1f;border-radius:1.2rem;padding:1rem .6rem;box-shadow:0 10px 22px #5f233a14}.countdown-box span{color:#7a2b48;letter-spacing:-.06em;font-size:clamp(1.7rem,5vw,3rem);font-weight:950;line-height:1;display:block}.countdown-box p{color:#8b6474;text-transform:uppercase;letter-spacing:.08em;margin:.35rem 0 0;font-size:.8rem;font-weight:900}.small-note{margin:0;font-size:.92rem;font-weight:700}.compliment-text{letter-spacing:-.05em;min-height:7rem;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:950;color:#5b2c42!important;line-height:1.18!important}.quiz-question{font-size:1.25rem;font-weight:900;color:#5b2c42!important}.new-quiz-button{margin-top:1rem}.letters-section{padding-top:3rem}.letter-card{background:linear-gradient(135deg,#ffffffc7,#ffeff5d9),radial-gradient(circle at 0 0,#ffc9da73,#0000 15rem)}.polaroid-grid{margin-bottom:1.4rem}.polaroid-card{background:#fff;border-radius:1.2rem;padding:.85rem .85rem 1.2rem;transform:rotate(-2deg);box-shadow:0 16px 34px #5f233a1f}.polaroid-card:nth-child(2){transform:rotate(2deg)}.polaroid-card:nth-child(3){transform:rotate(-1deg)}.polaroid-image{background:radial-gradient(circle,#ffc6d88c,#0000 12rem),#fff2e8;border-radius:.85rem;place-items:center;min-height:180px;font-size:3rem;display:grid}.polaroid-card p{text-align:center;color:#6b3850;margin:.8rem 0 0;font-weight:900}.letter-board textarea{resize:vertical;color:#4d2237;background:#fff9f5;border:1px solid #89455d29;border-radius:1.2rem;outline:none;width:100%;padding:1rem;line-height:1.6}.letter-board textarea:focus{border-color:#c76d89;box-shadow:0 0 0 4px #c76d8924}.letter-board>button{margin-top:.9rem}.saved-letters{gap:.8rem;margin-top:1rem;display:grid}.saved-letter-card{background:#fff7fb;border:1px solid #89455d1f;border-radius:1.2rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.saved-letter-card span{color:#b85f7c;font-size:.85rem;font-weight:900}.saved-letter-card p{color:#5b2c42;white-space:pre-wrap;margin:.35rem 0 0;line-height:1.6}.saved-letter-card button{color:#8a2f52;background:#fff;border:1px solid #8a2f5229;flex:none}.saved-letter-card button:hover{background:#fff0f4;transform:translateY(-2px)}.empty-text{color:#8b6474;font-weight:700}.footer{text-align:center;color:#8b6474;padding:2rem 0 0;font-weight:700}@media (width<=860px){.navbar{border-radius:1.5rem;flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}.hero-section,.two-column-section,.care-score-layout,.mood-day-section,.extra-fun-section{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-visual{min-height:360px}.message-grid,.polaroid-grid,.care-checklist{grid-template-columns:1fr}.care-score-card{position:static}}@media (width<=560px){.site-shell{width:min(100% - 1rem,1180px)}.section{padding:3.5rem 0}.unlock-card,.interactive-card,.feature-panel,.letter-card,.letter-board,.care-score-card,.secret-note-card,.mood-panel,.special-day-panel,.compliment-panel,.quiz-panel{border-radius:1.4rem;padding:1.15rem}.unlock-form{flex-direction:column}.hero-visual{min-height:330px}.floating-card{padding:.8rem;font-size:.85rem}.card-books{left:8%}.card-coffee{right:6%}.card-note{left:10%}.card-care{right:7%}.countdown-grid{grid-template-columns:1fr 1fr}.saved-letter-card{flex-direction:column}}