.memory-page{color:var(--blue);overflow-x:hidden}.memory-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:31% 69%;padding:20px 4% 0;position:relative}.memory-intro{position:relative;z-index:2;padding-top:40px;pointer-events:none}.memory-intro h1{font-family:var(--hand);font-size:clamp(35px,4vw,60px);font-weight:600;line-height:1.55;letter-spacing:1px;margin:8px 0 12px;white-space:nowrap}.memory-intro h1 em{font-style:normal;color:var(--coral);font-size:1.1em}.intro-spark{font-family:var(--hand);font-size:55px;position:absolute;right:35px;top:0;transform:rotate(-10deg)}.memory-names{font-family:var(--hand);display:inline-block;max-width:95%;overflow-wrap:anywhere;font-size:18px;line-height:1.8;background:linear-gradient(transparent 10%,#f9e7ad 10%,#f9e7ad 90%,transparent 90%);padding:0 10px;transform:rotate(-2deg);margin:0}.memory-quote{font-family:var(--hand);font-size:25px;line-height:1.7;transform:rotate(-4deg);margin:22px 0 0;max-width:320px;overflow-wrap:anywhere}.memory-quote span{color:var(--coral);padding-left:10px;display:inline-block}.campus-doodle{width:90%;max-width:310px;display:block;margin:24px 0 0}.doodle-note{font-family:var(--hand);font-size:20px;line-height:1.7;transform:rotate(-5deg);margin:8px 0 0}.doodle-note span{margin-left:8px}.drag-hint{font-family:var(--hand);font-size:20px;line-height:1.5;margin:28px 0 0;transform:rotate(-6deg);padding-left:12px}.drag-hint>span{float:left;margin-right:9px;font-size:40px;line-height:1.2;color:var(--coral)}.memory-board{position:relative;height:660px;min-width:0;isolation:isolate}.board-doodles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.memory-photo{position:absolute;background:#fffdf5;border:0;padding:9px 9px 36px;width:27%;color:var(--blue);box-shadow:2px 7px 17px #5a45281f,0 0 0 1px #eae2d496;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,-8deg));transition:filter .6s,box-shadow .5s,opacity .5s;cursor:grab;user-select:none;touch-action:pan-y;will-change:auto}.memory-photo img{width:100%;height:180px;object-fit:cover;display:block;pointer-events:none;filter:saturate(.86);transition:filter .5s}.memory-photo:hover img,.memory-photo.is-active img{filter:saturate(1.05)}.memory-photo:hover,.memory-photo.is-active{box-shadow:2px 13px 25px #5a452832}.memory-photo.is-active{z-index:4}.memory-photo.dragging{cursor:grabbing;z-index:9!important;transition:none;box-shadow:6px 20px 30px #5a452840;touch-action:none}.memory-photo:active{cursor:grabbing}.photo-1{left:2%;top:20px;--r:-10deg;z-index:2;width:32%}.photo-2{left:39%;top:5px;--r:9deg;width:32%;z-index:1}.photo-3{left:23%;top:245px;--r:7deg;width:43%;z-index:5}.photo-3 img{height:180px}.photo-4{left:2%;top:405px;--r:-9deg;width:25%;z-index:3}.photo-4 img{height:140px}.photo-5{left:69%;top:350px;--r:11deg;width:28%;z-index:3}.photo-5 img{height:170px}.photo-number{position:absolute;left:10px;top:-23px;font-family:var(--hand);font-size:22px;transform:rotate(4deg)}.photo-caption{font-family:var(--hand);font-size:17px;display:block;line-height:1.55;padding-top:10px;white-space:normal;overflow-wrap:anywhere}.photo-heart{position:absolute;bottom:11px;right:13px;color:var(--coral);font-size:23px}.tape{width:65px;height:22px;position:absolute;top:-12px;left:35%;background:#ead7a784;transform:rotate(5deg);clip-path:polygon(0 3%,100% 0,98% 20%,100% 44%,97% 64%,100% 100%,0 93%,2% 70%,0 50%,3% 29%);pointer-events:none}.paperclip{position:absolute;width:14px;height:50px;border:2px solid #8b8c80;box-shadow:1px 1px 1px #fff;right:16px;top:-15px;border-radius:9px;transform:rotate(5deg);z-index:1}.board-note{font-family:var(--hand);font-size:23px;line-height:1.7;position:absolute;bottom:14px;left:38%;transform:rotate(-6deg);margin:0}.board-note span{color:var(--coral);padding-left:10px}.memory-footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px 40px;padding:20px 0 12px;align-items:center}.memory-footer>p{grid-column:1;font-family:var(--hand);font-size:16px;text-align:center;margin:0 0 13px;min-height:24px;line-height:1.7}.chapter-player{grid-column:1;grid-row:2;padding:0 3%}.chapter-track{position:relative;display:flex;justify-content:space-between;gap:15px;align-items:start}.chapter-track:before{content:"";position:absolute;top:7px;left:25px;right:25px;height:1px;background:#829bc5;z-index:-1}.chapter{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;padding:0 7px;min-width:60px;color:var(--blue);font-size:12px;gap:6px}.chapter i{width:13px;height:13px;border:1px solid var(--blue);background:var(--paper);border-radius:50%;display:block;transition:background .3s}.chapter.active i{background:var(--blue)}.chapter b{font-weight:500}.chapter span{font-family:var(--hand);font-size:16px;white-space:nowrap}.play-story{width:42px;height:42px;margin-top:-13px;display:grid;place-items:center;color:#fff;border:4px solid var(--paper);background:var(--coral);border-radius:50%;outline:1px solid var(--coral);font-size:17px;box-shadow:0 0 18px #ff5a4d35;flex:none;padding:0 0 0 2px}.next-memory{grid-column:2;grid-row:1/3}.photo-dialog{width:min(720px,calc(100% - 28px));padding:22px 22px 16px}.expanded-photo{padding:15px 15px 3px;background:#fffdf8;border:1px solid #e9dfce;transform:rotate(-1deg)}.expanded-photo img{display:block;width:100%;max-height:58dvh;object-fit:contain;background:#f2ecdf}.expanded-photo p{font-family:var(--hand);font-size:25px;color:var(--blue);text-align:center;line-height:1.6;margin:16px 5px;overflow-wrap:anywhere}.photo-dialog-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;color:#948671}.photo-dialog-nav button{border:0;background:transparent;color:var(--blue);padding:8px}.photo-dialog-nav button:disabled{opacity:.3}.edit-dialog #captionFields{display:flex;flex-direction:column;gap:9px;margin-top:-12px}.edit-dialog #captionFields input{font-size:12px}.memory-page.is-playing .memory-photo.is-active{animation:photo-breathe 5s ease-in-out infinite}@keyframes photo-breathe{50%{filter:brightness(1.03)}}
@media(min-width:1500px){.memory-board{height:700px}.memory-photo img{height:200px}.photo-4 img{height:150px}.photo-5 img{height:180px}.photo-3{top:280px}.photo-4{top:445px}.photo-5{top:390px}}
@media(max-width:1050px){.memory-layout{grid-template-columns:30% 70%;padding-top:0}.memory-intro h1{font-size:4vw}.memory-names{font-size:14px}.memory-quote{font-size:21px}.memory-board{height:600px}.memory-photo img{height:150px}.photo-caption{font-size:15px}.photo-3{top:220px}.photo-3 img{height:155px}.photo-4{top:370px}.photo-4 img{height:115px}.photo-5{top:330px}.photo-5 img{height:135px}.doodle-note{font-size:16px}.drag-hint{font-size:16px}.board-note{font-size:19px;bottom:20px}.next-memory{padding:12px 17px;font-size:11px}.memory-footer{gap:10px 20px}.campus-doodle{margin-top:25px}}
@media(max-width:700px){.memory-layout{display:block;padding:0 5%}.memory-intro{padding-top:12px;max-width:100%;pointer-events:auto}.memory-intro h1{font-size:38px;line-height:1.42;white-space:normal;margin:0 0 14px}.memory-intro h1 br{display:none}.memory-intro h1 em{display:inline-block}.memory-names{font-size:16px;max-width:100%;margin-left:2px}.intro-spark{right:18px;top:0;font-size:38px}.memory-quote{font-size:20px;line-height:1.7;max-width:90%;transform:rotate(-2deg);margin:15px 0 0}.memory-quote br{display:none}.campus-doodle,.doodle-note{display:none}.drag-hint{font-size:12px;position:absolute;right:0;top:70px;transform:rotate(-5deg);max-width:90px;display:none}.memory-board{height:590px;margin:20px -1% 0}.memory-photo{padding:6px 6px 18px;box-shadow:1px 6px 14px #5a45282b}.memory-photo img{height:132px}.photo-caption{font-size:14px;line-height:1.5;padding-top:7px}.photo-1{left:2%;top:20px;width:44%;--r:-8deg}.photo-2{left:53%;top:15px;width:43%;--r:9deg}.photo-3{left:24%;top:205px;width:62%;--r:5deg}.photo-3 img{height:142px}.photo-4{left:2%;top:377px;width:38%;--r:-9deg}.photo-4 img{height:115px}.photo-5{left:58%;top:400px;width:38%;--r:9deg}.photo-5 img{height:111px}.photo-number{top:-20px;font-size:19px}.photo-heart{font-size:17px;right:8px;bottom:0}.tape{height:16px;width:45px;top:-8px}.paperclip{height:37px;width:11px;right:9px;top:-10px}.board-note{left:43%;bottom:-3px;font-size:14px;line-height:1.5;max-width:100px}.board-doodles{height:590px}.memory-footer{display:flex;flex-direction:column;gap:14px;padding:28px 0 10px}.memory-footer>p{margin:0;min-height:28px;font-size:15px;line-height:1.7}.chapter-player{width:100%;padding:0}.chapter-track{gap:5px}.chapter{min-width:44px;font-size:11px;padding:0 2px}.chapter span{font-size:14px}.chapter i{width:10px;height:10px}.chapter-track:before{top:5px;left:20px;right:20px}.play-story{width:36px;height:36px;margin-top:-12px;font-size:14px;border-width:3px}.next-memory{margin-top:4px;padding:12px 26px;font-size:12px}.photo-dialog{padding:17px 12px}.expanded-photo{padding:8px}.expanded-photo p{font-size:21px;margin:12px 0}.photo-dialog-nav{margin-top:17px}.photo-dialog-nav button{font-size:11px}.gift-bottom{margin-top:10px}.memory-page .gift-tools{gap:10px}.memory-page .tool-button{font-size:10px}}
@media(max-width:360px){.memory-intro h1{font-size:34px}.memory-photo img{height:112px}.memory-board{height:560px}.photo-3{top:190px}.photo-3 img{height:126px}.photo-4{top:350px}.photo-5{top:370px}.board-note{font-size:12px}}

/* Photos emerge in sequence; manual drag remains immediate. */
.memory-photo{animation:photo-enter .85s cubic-bezier(.22,.65,.3,1) backwards;transition:transform .55s cubic-bezier(.22,.65,.3,1),filter .5s,box-shadow .5s}.photo-2{animation-delay:.12s}.photo-3{animation-delay:.24s}.photo-4{animation-delay:.36s}.photo-5{animation-delay:.48s}.memory-photo.is-active{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r,-8deg)) scale(1.025)}.memory-photo.dragging{animation:none;transition:none}@keyframes photo-enter{from{opacity:0;transform:translate(0,28px) rotate(var(--r,-8deg)) scale(.96)}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.memory-photo{animation:none!important;transition:none!important}}

@media(max-width:700px){.memory-quote br{display:block}.board-note{display:none}}

.expanded-story{padding:22px 8px 0;color:#625c4f}.expanded-story .story-date{font-size:10px;letter-spacing:1px;color:#a48a61}.expanded-story>p{font-size:13px;line-height:2.1;white-space:pre-line;overflow-wrap:anywhere}.secret-note-button{background:#f9edcd;border:1px dashed #d7b678;color:#9c7942;border-radius:6px;padding:10px 15px;font:16px var(--hand);margin:3px 0 0}.expanded-story #expandedSecret{font:22px/1.8 var(--hand);color:var(--blue);padding:16px 15px;background:#f7efd9;animation:story-note-in .5s ease-out}.expanded-story #expandedSecret[hidden]{display:none}.photo-field-group{border:1px solid #e4dac7;padding:11px;border-radius:7px}.photo-field-group summary{font-size:11px;color:#8b795d;cursor:pointer}.photo-field-group label{margin-top:12px}.photo-dialog{width:min(760px,calc(100% - 28px))}.expanded-photo img{max-height:45dvh}.photo-field-group textarea{min-height:70px}@keyframes story-note-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.expanded-story{padding:18px 6px 0}.expanded-story>p{font-size:12px}.expanded-story #expandedSecret{font-size:20px}.photo-dialog .expanded-photo img{max-height:36dvh}}@media(prefers-reduced-motion:reduce){.expanded-story #expandedSecret{animation:none}}