:root{--bg-main:radial-gradient(circle at top,#ffe8ef 0%,#f6bdd0 45%,#df8daa 100%);--card:#fff4f8;--text:#5b2b3d;--accent:#b34772;--accent-dark:#93355d}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--text);background:var(--bg-main)}.screen,body{min-height:100vh}.screen{display:grid;place-items:center;padding:clamp(12px,3vw,24px)}.screen-envelope{overflow-y:auto}.card{width:min(92vw,420px);background:var(--card);border-radius:18px;padding:clamp(16px,3.2vw,28px);box-shadow:0 18px 40px rgba(78,35,13,.22)}.card h1{margin:0 0 8px}.card p{margin:0 0 20px}.login-form{display:grid;grid-gap:10px;gap:10px}.login-form input{border:1px solid #e7a9c1;border-radius:10px;padding:10px 12px;font-size:1rem}.login-form button{margin-top:4px;border:0;border-radius:10px;padding:12px;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer}.login-form button:hover{background:var(--accent-dark)}.error{color:#a1184f;font-size:.9rem}.envelope-stage{width:min(94vw,700px);text-align:center;padding:8px 0 24px}.envelope-stage h2{margin-bottom:clamp(12px,2.4vw,20px);font-size:clamp(1.7rem,4vw,2.2rem)}.envelope{--env-w:clamp(220px,42vw,280px);--env-h:calc(var(--env-w) * 0.714);--env-body-h:calc(var(--env-w) * 0.464);--env-lid-top:calc(var(--env-w) * 0.143);--env-lid-half:calc(var(--env-w) * 0.5);--env-lid-height:calc(var(--env-w) * 0.321);border:0;background:transparent;width:var(--env-w);height:var(--env-h);position:relative;cursor:pointer;padding:0;transform-origin:center;animation:float 2.8s ease-in-out infinite;margin:0 auto;display:block}.envelope-body{position:absolute;left:0;right:0;bottom:0;height:var(--env-body-h);background:#e8a8bb;border:3px solid #8a3f5d;border-radius:0 0 14px 14px;z-index:1}.envelope-body:before{content:"";position:absolute;inset:0;background:#dfa0b4;-webkit-clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);z-index:1}.envelope-lid{position:absolute;top:var(--env-lid-top);left:0;right:0;margin:auto;width:0;height:0;border-left:var(--env-lid-half) solid transparent;border-right:var(--env-lid-half) solid transparent;border-bottom:var(--env-lid-height) solid #d88ca8;transform-origin:50% 0;transform:translateY(0) rotate(0deg);transition:transform .45s ease,opacity .35s ease;z-index:3}.envelope.open .envelope-lid{transform:translateY(-16px) rotate(-180deg);opacity:0}.letter-wrapper{margin:18px auto 0;width:min(92vw,620px);max-height:0;opacity:0;transform:translateY(20px) scale(.96);overflow:hidden;transition:max-height .55s ease,opacity .55s ease,transform .55s ease}.letter-wrapper.show{max-height:78vh;opacity:1;transform:translateY(0) scale(1)}.letter-image{width:100%;height:auto;max-height:76vh;object-fit:contain;border-radius:12px;border:3px solid #8a3f5d;box-shadow:0 16px 28px rgba(0,0,0,.22);background:#fff3f8;display:block;margin:0 auto;cursor:zoom-in}.letter-note{margin:14px auto 0;max-width:62ch;font-size:clamp(.98rem,2.8vw,1.1rem);line-height:1.4;color:#6d3350;padding:0 8px}.transcript-toggle{margin:16px auto 0;border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;font-size:.98rem;cursor:pointer}.transcript-toggle:hover{background:var(--accent-dark)}.transcript-card{margin:12px auto 0;width:min(92vw,620px);text-align:left;background:#fff8fb;border:2px solid #dca3ba;border-radius:12px;padding:clamp(12px,2.2vw,16px);box-shadow:0 8px 20px rgba(53,18,32,.14);line-height:1.55}.transcript-card p{margin:0 0 10px}.transcript-card p:last-child{margin-bottom:0}.zoom-overlay{position:fixed;inset:0;background:rgba(39,14,28,.84);border:0;padding:20px;display:grid;place-items:center;z-index:50;cursor:zoom-out}.zoomed-letter{width:min(95vw,980px);max-height:92vh;object-fit:contain;border-radius:14px;border:3px solid #f7d7e5;box-shadow:0 18px 42px rgba(0,0,0,.45)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:600px){.envelope-stage{padding-top:18px}.envelope-stage h2{margin-bottom:14px}.letter-wrapper.show{max-height:62vh}.letter-image{max-height:60vh}}