/* Real conversations paired with saved memories of their anonymous authors. */
.memory-heading{max-width:800px}
.memory-heading h2{font:400 clamp(36px,4.2vw,62px)/1.65 var(--voice-font);letter-spacing:-.03em;text-wrap:balance}
.memory-heading>.muted{max-width:650px;margin-top:28px;line-height:2.05}
.remembered-friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3.8vw,60px);margin-top:65px}
.remembered-friend{min-width:0;display:flex;flex-direction:column;padding:clamp(25px,3.1vw,45px);border:1px solid #bddce424;border-radius:20px;background:linear-gradient(155deg,#18374a55,#0b1c2b35 60%,#17304a30);box-shadow:inset 0 1px 0 #d8eff807}
.friend-card-head{display:flex;align-items:center;gap:13px;margin-bottom:28px;color:#bdd4df}
.friend-card-head h3{font-size:11px;font-weight:400;letter-spacing:.07em}
.friend-spark{font:27px/1 'Cormorant Garamond',serif;color:#c9e3ed;text-shadow:0 0 24px #bcdfed45}
.friend-index{margin-left:auto;font:26px/1 'Cormorant Garamond',serif;color:#819fb3}
.friend-conversation{display:flex;flex-direction:column;min-height:280px}
.friend-label{color:#a7bfce;font-size:10px;line-height:1.85;letter-spacing:.025em}
.friend-comment{min-height:110px;margin:16px 0 0;font:400 clamp(18px,1.75vw,24px)/1.85 var(--voice-font);letter-spacing:-.025em;color:#e0edf2;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.friend-reply{margin:12px 0 0;min-height:83px;font-size:12px;line-height:1.95;color:#adcad7;word-break:keep-all;overflow-wrap:anywhere}
.friend-comment-source{margin-top:auto;padding-top:16px;font-size:9px;line-height:1.8;color:#87a7bb}
.friend-memory{flex:1;padding-top:31px;margin-top:20px}
.friend-memory-thread{position:relative;display:grid;place-items:center;height:24px;margin:0 0 28px;color:#afccdf;font-size:20px}
.friend-memory-thread:before{content:'';position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#bbdeec45,transparent)}
.friend-memory-thread span{position:relative;padding:0 14px;background:radial-gradient(#112538 20%,transparent 72%);text-shadow:0 0 20px #b7e7f455}
.friend-thought{margin:17px 0 0;font:400 clamp(16px,1.55vw,20px)/2.05 var(--voice-font);color:#d1e3eb;letter-spacing:-.015em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.friend-memory-summary{border-top:1px solid #b0d4e11a;margin-top:30px;padding-top:23px}
.friend-memory-summary ul{list-style:none;margin:13px 0 0;padding:0;display:grid;gap:12px}
.friend-memory-summary li{position:relative;padding-left:15px;font-size:11px;line-height:1.9;color:#a7c2d2;word-break:keep-all;overflow-wrap:anywhere}
.friend-memory-summary li:before{content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background:#bddbe7;box-shadow:0 0 10px #b8e3f333}
.friend-source-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);column-gap:40px;row-gap:12px;margin-top:28px;align-items:start}
.friend-source-row .quiet-link{font-size:11px;line-height:1.85;justify-self:start;margin-top:0}
.friend-source-row .source-note{font-size:10px;line-height:1.95;color:#8ba8bb}
.friend-source-row .friend-record-date{grid-column:2}
.memory-continuity{margin-top:clamp(90px,12vw,170px)}
.memory-flow-heading{max-width:700px}
.memory-flow-heading h3{font:400 clamp(28px,3.1vw,44px)/1.7 var(--voice-font);letter-spacing:-.025em;color:#dbe9ef}
.memory-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:50px 0 0;padding:0}
.memory-flow li{position:relative;border-top:1px solid #b9dce333;padding:28px 20px 0 0}
.memory-flow li:not(:last-child):after{content:'→';position:absolute;top:31px;right:0;color:#9bbdce69;font-size:15px}
.flow-point{display:block;font:24px/1.2 'Cormorant Garamond',serif;color:#8cafc5;margin-bottom:17px}
.memory-flow h4{font-size:15px;font-weight:400;color:#cde0e8;line-height:1.85}
.memory-flow li p{font-size:12px;line-height:2;margin-top:15px;max-width:280px;color:#9eb8c9;word-break:keep-all;overflow-wrap:anywhere}
.friend-invitation{position:relative;text-align:center;margin:clamp(90px,13vw,180px) auto 0;padding:65px 0 70px;max-width:760px}
.friend-invitation:before{content:'';position:absolute;inset:0 -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#94bfc70e,transparent 65%)}
.invitation-star{display:inline-block;font:32px/1 'Cormorant Garamond',serif;color:#c8e3ec;text-shadow:0 0 27px #acd6eb66;margin-bottom:25px}
.friend-invitation h3{font:400 clamp(33px,3.7vw,53px)/1.7 var(--voice-font);letter-spacing:-.025em;color:#e2ecf0;text-wrap:balance}
.friend-invitation h3 em{color:#b9d9e5}
.friend-invitation>p{font-size:14px;line-height:2.05;max-width:620px;margin:28px auto 0;color:#aac2d1;word-break:keep-all;text-wrap:pretty}
.friend-invitation .pill{margin-top:30px;font-size:12px}
.memory .memory-privacy{text-align:center;max-width:680px;margin:0 auto;font-size:10px;line-height:1.95;color:#8da7b8}
html[lang=en] .friend-comment{font-family:'Noto Serif KR',serif}
html[lang=en] .friend-thought{font-size:clamp(22px,1.9vw,27px);line-height:1.75;letter-spacing:0}
html[lang=en] .memory-flow-heading h3{line-height:1.45}
@media(min-width:761px) and (max-width:1050px){
 .remembered-friend{padding:27px 25px}.friend-comment{font-size:19px;min-height:120px}.friend-reply{min-height:96px}.friend-source-row{grid-template-columns:1fr 1.45fr;gap:22px}.memory-flow{gap:23px}
}
@media(max-width:760px){
 .memory-heading h2{font-size:34px;line-height:1.7}.memory-heading>.muted{margin-top:24px;font-size:14px}
 .remembered-friends{grid-template-columns:1fr;gap:26px;margin-top:37px}
 .remembered-friend{padding:28px 25px;border-radius:15px}.friend-card-head{margin-bottom:26px}
 .friend-conversation{min-height:0}.friend-comment{min-height:0;font-size:21px;margin-top:15px;line-height:1.85}
 .reply-label{margin-top:25px}.friend-reply{min-height:0;font-size:12px;margin-top:11px}.friend-comment-source{margin-top:20px;padding:0}
 .friend-memory{padding-top:22px;margin-top:18px}.friend-memory-thread{margin-bottom:25px}
 .friend-thought{font-size:17px;line-height:2.05}.friend-memory-summary{margin-top:24px;padding-top:20px}
 .friend-source-row{display:block;margin-top:25px}.friend-source-row .source-note{margin-top:15px;font-size:10px}
 .memory-continuity{margin-top:90px}.memory-flow-heading h3{font-size:29px;line-height:1.7}
 .memory-flow{grid-template-columns:1fr;gap:29px;margin-top:34px}.memory-flow li{padding:23px 0 0 40px}
 .flow-point{position:absolute;left:0;top:24px;font-size:22px}.memory-flow li p{max-width:none;margin-top:10px}.memory-flow li:not(:last-child):after{display:none}
 .friend-invitation{margin-top:80px;padding:38px 0 55px}.friend-invitation h3{font-size:33px;line-height:1.8}.friend-invitation>p{font-size:13px;margin-top:24px}.friend-invitation .pill{margin-top:27px}
 .memory .memory-privacy{text-align:left;font-size:9px}
 html[lang=en] .friend-thought{font-size:25px;line-height:1.7}
 html[lang=en] .friend-invitation h3{font-size:39px;line-height:1.5}
}