:root{--cream:#fffaf2;--ink:#4b3933;--muted:#927c73;--rose:#ed8c92;--blush:#f7d5ce;--line:#ead9cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next","PingFang SC",sans-serif}button,input,select,textarea{font:inherit}.login-wrap{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ffd9cf,transparent 32%),var(--cream);padding:20px}.login-wrap[hidden]{display:none}.login-card{width:min(430px,100%);padding:48px;background:#fffdf9;border:1px solid var(--line);border-radius:28px;text-align:center;box-shadow:0 25px 80px #7c57451c}.logo{margin:auto;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--rose);color:white;font-size:36px}.login-card h1{font-size:42px;margin:12px}.login-card>p:not(.eyebrow){color:var(--muted)}.login-card input,.login-card select{width:100%;padding:14px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:white}.login-card button,.composer button,.cta{border:0;border-radius:999px;padding:14px 22px;background:var(--rose);color:white;font-weight:700;box-shadow:0 5px 0 #d36b73;cursor:pointer}.login-card button{width:100%;margin-top:18px}.login-card small{display:block;color:#bd5a62;margin-top:15px}nav{height:80px;max-width:1180px;margin:auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{font-family:Georgia,"Songti SC",serif;font-size:18px;font-weight:700}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rose);color:white;font-size:24px}.ghost{background:none;border:0;color:var(--muted);margin-left:16px;cursor:pointer}header{min-height:650px;max-width:1180px;margin:auto;padding:80px 30px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px}h1,h2{font-family:Georgia,"Songti SC",serif;font-weight:500}header h1{font-size:clamp(48px,6vw,78px);line-height:1.12;margin:0}header em{font-style:normal;color:var(--rose)}header>div>p:not(.eyebrow){color:var(--muted);line-height:1.9;max-width:520px;margin:28px 0}.eyebrow{font-size:10px;letter-spacing:.22em;color:#b87771;font-weight:800}.cta{display:inline-block;text-decoration:none}.art{min-height:430px;border-radius:48% 52%;background:#f4ddc9;position:relative}.art>span{position:absolute;top:25px;left:45%;color:var(--rose);font-size:28px}.polaroid{position:absolute;width:210px;height:280px;background:linear-gradient(#efb298 0 72%,white 72%);padding-top:220px;text-align:center;font:13px Georgia,serif;color:var(--ink);box-shadow:0 15px 40px #7654432c}.p1{left:5px;top:70px;transform:rotate(-8deg)}.p2{right:5px;top:130px;transform:rotate(7deg);background:linear-gradient(#a7c49e 0 72%,white 72%)}section{max-width:1120px;margin:auto;padding:35px 25px 100px}.heading{text-align:center;margin-bottom:30px}.heading h2,.letter h2{font-size:clamp(34px,4vw,50px);margin:8px}.composer{display:grid;grid-template-columns:.85fr 1.15fr;background:white;padding:18px;border:1px solid var(--line);border-radius:24px;box-shadow:0 20px 60px #70544710}.upload{min-height:280px;border:2px dashed #e3c2b5;border-radius:17px;background:#fff6f2;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload input{position:absolute;opacity:0;width:1px}.upload b{font-size:34px;color:var(--rose)}.upload strong{font:18px Georgia,"Songti SC",serif;margin:10px}.upload small{color:var(--muted)}.write{padding:20px 28px}.write textarea{width:100%;height:165px;border:0;border-radius:14px;background:#f7eee7;padding:18px;resize:vertical}.row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.row input{border:0;background:transparent;color:var(--muted)}#formMsg{color:#b75f66;font-size:13px}.left{display:flex;justify-content:space-between;align-items:end;text-align:left}.left>span{font-size:11px;color:var(--muted);background:#efe5db;padding:9px 13px;border-radius:99px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:white;padding:14px 14px 22px;box-shadow:0 14px 35px #76574316;position:relative;transform:rotate(-1deg)}.card:nth-child(2n){transform:rotate(1deg);margin-top:28px}.media{height:260px;background:linear-gradient(135deg,#f6c6b8,#9ebcaa);display:grid;place-items:center;overflow:hidden}.media img,.media video{width:100%;height:100%;object-fit:cover}.media>span{font-size:60px;color:white}.card time{display:block;margin-top:17px;font:700 11px Georgia;color:#b87570}.card p{min-height:48px;font:15px/1.7 Georgia,"Songti SC",serif}.card small{font-size:9px;color:#a7968f}.delete{position:absolute;right:14px;bottom:14px;border:0;background:none;color:#c9aaa3;font-size:10px;cursor:pointer}.empty{grid-column:1/-1;text-align:center;padding:80px;color:var(--muted);border:1px dashed var(--line);border-radius:20px}.letter{text-align:center;background:white;border:1px solid var(--line);padding:75px;margin-bottom:90px}.letter>p:not(.eyebrow){max-width:650px;margin:25px auto;color:var(--muted);line-height:2}.letter i{color:var(--rose);font:19px Georgia}footer{text-align:center;padding:50px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.15em;color:var(--muted)}@media(max-width:760px){header{grid-template-columns:1fr;padding-top:55px}.art{min-height:360px}.composer{grid-template-columns:1fr}.write{padding:25px 5px 5px}.grid{grid-template-columns:1fr 1fr}.media{height:230px}}@media(max-width:520px){nav{padding:0 14px}.brand{font-size:14px}header{padding:45px 18px}header h1{font-size:47px}.polaroid{width:170px;height:230px;padding-top:180px}.p2{right:-5px}.grid{grid-template-columns:1fr}.card:nth-child(2n){margin-top:0}.media{height:320px}.row{align-items:stretch;flex-direction:column;gap:18px}.left{align-items:flex-start;flex-direction:column}.letter{margin:0 15px 70px;padding:60px 25px}.login-card{padding:38px 24px}}