/* Original miniature illustrations in warm paper, rose, sage and champagne. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.space-page #main .letters article>.heart-reactions{display:block;font-size:13px}
.space-page #main .letters article>.letter-gift-badge{justify-content:flex-start}
.space-page #main .letter-form>div:last-child{align-items:flex-start}
.space-page #main .letter-form>div:last-child>.button{flex-shrink:0}
.heart-icon{display:inline-block!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;flex-shrink:0;vertical-align:middle;max-width:100%}
.heart-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.heart-intro p{color:#827769;line-height:1.9}.heart-space{background:#fcf9f3}
.heart-reactions{margin:22px 0;min-width:0;color:#635a50;font-family:inherit}.heart-reaction-caption{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.04em;margin:0 0 12px}.heart-reaction-caption small{font-size:11px;color:#958a7b}
.heart-quick{display:flex;flex-wrap:wrap;gap:8px}.heart-quick form,.heart-picker form{margin:0!important;display:block!important;padding:0!important;min-width:0}
.heart-choice{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e6ddd0!important;background:#fffcf7!important;color:#756451!important;border-radius:16px!important;padding:8px 12px!important;font:inherit;font-size:12px!important;line-height:1.5;cursor:pointer;min-height:54px;max-width:100%;text-decoration:none!important;transition:background .18s,border-color .18s,box-shadow .18s}.heart-choice .heart-icon{width:36px!important;height:36px!important}.heart-choice:hover,.heart-choice[aria-pressed=true]{background:#f5e8df!important;border-color:#c29d81!important;box-shadow:inset 0 0 0 1px #cfb49b,0 3px 12px #967b4910}.heart-choice[aria-pressed=true] .heart-icon{filter:saturate(1.2)}.heart-choice:focus-visible,.sentiment-card:focus-visible{outline:3px solid #8e7760;outline-offset:4px}.heart-choice:disabled{cursor:wait;opacity:.65}
.heart-more{border:0!important;padding:0!important;background:none!important;margin-top:12px!important}.heart-more>summary{font-size:12px;color:#7f6d5c;cursor:pointer;padding:8px 0!important;list-style:revert!important}.heart-more>summary span{color:#a29282;margin-left:8px;font-size:10px;letter-spacing:.06em}.heart-picker{border:1px solid #e8dfd3;border-radius:18px;background:#fffcf8;padding:16px;margin:8px 0}.heart-picker fieldset{padding:0;border:0;margin:0 0 20px;min-width:0}.heart-picker fieldset:last-child{margin-bottom:0}.heart-picker legend{font-size:12px;color:#948470;padding:0 0 8px}.heart-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.heart-picker .heart-choice{flex-direction:column;width:100%;padding:10px 4px!important;font-size:11px!important;height:100%}.heart-picker .heart-icon{width:48px!important;height:48px!important}.heart-status{font-size:11px!important;line-height:1.7!important;color:#90816f;margin:9px 0 0!important;min-height:19px}.heart-reaction-caption [hidden]{display:none!important}
.heart-empty{text-align:center;padding:32px 20px;border:1px dashed #dfd4c5;border-radius:20px;margin:24px 0;background:#fffcf7}.heart-empty p{font-size:14px;color:#92806c;line-height:1.8}.heart-shelf>p,.treasure-section>p{color:#867968;font-size:14px}
.letter-gifts{border:1px solid #e4d8c9;border-radius:18px;padding:20px;margin:20px 0;min-width:0}.letter-gifts legend{font-size:14px;padding:0 8px;color:#766049}.letter-gifts p{font-size:12px;line-height:1.8}.letter-gifts h3{font-size:14px;margin:24px 0 12px}.letter-gifts details{margin-top:16px}.letter-gifts summary{font-size:13px;cursor:pointer}.gift-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0!important;align-items:stretch!important}.gift-option{display:flex!important;flex-direction:column;align-items:center;gap:5px;padding:14px 7px!important;border:1px solid #eadfd3;border-radius:14px;text-align:center;background:#fffcf6;cursor:pointer;min-width:0;margin:0!important;font-size:12px!important;position:relative}.gift-option input{width:15px!important;height:15px;margin:0!important;accent-color:#ab8b68;align-self:flex-start}.gift-option:has(input:checked){background:#f4e8db;border-color:#ac8d6b;box-shadow:inset 0 0 0 1px #cfb393}.gift-option small{font-size:10px;color:#a18a6f}.gift-option span{overflow-wrap:anywhere}.gift-none,.heart-check{display:flex!important;align-items:center;gap:10px!important;font-size:13px!important;line-height:1.7}.gift-none input,.heart-check input{width:16px!important;height:16px;margin:0!important;flex-shrink:0;accent-color:#ab8b68}
.letter-gift-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:14px 0;border:1px solid #e8dece;background:#f9f2e7;border-radius:12px;font-size:13px;color:#8c7459}.letter-moderation{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;padding-top:12px;border-top:1px solid #e4daca;margin-top:18px}.letter-state{font-size:11px!important;color:#9c7b52}.letters article:has(.heart-more[open]){overflow:visible}.letter-viewport:has(.heart-more[open]){max-height:900px}
.offering-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:25px}.offering{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px 22px;border-bottom:3px solid #e6d8c4;border-radius:16px 16px 3px 3px;background:linear-gradient(#fffcf6,#f4ecdf);text-decoration:none;color:#78664e;box-shadow:0 10px 14px -12px #80603f66;gap:5px;min-width:0}.offering strong{font-size:13px;overflow-wrap:anywhere}.offering small{font-size:10px;color:#9a8770}.offering>span{font-size:11px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere}
.treasure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.treasure-card{background:#fffcf7;border:1px solid #e5ddcf;border-radius:20px;overflow:hidden;min-width:0}.treasure-photos{display:flex;gap:4px;background:#f2eadf}.treasure-photos>img,.treasure-photos figure{width:50%;flex:1;min-width:0;margin:0;aspect-ratio:1;object-fit:cover}.treasure-photos>img:only-child{width:100%;aspect-ratio:4/3}.treasure-photos figure{position:relative}.treasure-photos figure img{width:100%;height:100%;object-fit:cover}.treasure-photos figcaption{position:absolute;bottom:10px;left:10px;border-radius:9px;background:#fff9;padding:4px 8px;font-size:10px}.treasure-copy{padding:22px}.treasure-copy h3{font-family:var(--font-serif,Georgia,serif);font-size:21px;margin:0 0 8px}.treasure-copy>small{font-size:11px;color:#9a8c7c}.treasure-copy>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px;margin:18px 0}.treasure-manage{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid #e6ddd1;padding-top:15px;margin-top:20px}.treasure-manage button{font-size:11px}.treasure-manage .pill{font-size:10px}
.heart-owner-form{padding:20px 0;margin-top:22px;border-top:1px solid #e3d8c9}.heart-owner-form>summary{cursor:pointer;font-size:14px;color:#826d53}.heart-owner-form>form{margin:20px 0;display:grid;gap:15px}.heart-owner-form label{display:grid;gap:8px;font-size:13px}.heart-owner-form input:not([type=checkbox]),.heart-owner-form select,.heart-owner-form textarea{width:100%;min-width:0}.heart-owner-form small{font-size:11px;line-height:1.7;color:#94836f}.favorite-row{display:flex!important;align-items:center;gap:10px;font-size:13px}.favorite-row span{flex:1;overflow-wrap:anywhere}.heart-notice{padding:15px 20px;border:1px solid #dfd4bd;border-radius:14px;background:#fbf5e6;font-size:13px;color:#806d51}
.film-heart-actions{display:flex;flex-wrap:wrap;gap:12px 22px;padding:16px 0;font-size:13px;color:#897054}.film-heart-actions a{color:inherit}.film-share-options{padding:18px;border:1px solid #e3d9ca;border-radius:16px;margin:22px 0}.film-share-options summary{cursor:pointer;font-size:13px}.film-share-options p{font-size:12px;line-height:1.8}.film-share-options form{margin:12px 0}.film-share-options .button{font-size:12px}.shared-memorial-film{max-width:900px;margin:70px auto;padding:0 24px}.shared-memorial-film>video{width:100%;max-height:70vh;border-radius:18px;background:#302d29;margin:22px 0}.shared-memorial-film>.muted{font-size:12px;line-height:1.9}
.sentiment-collection{max-width:1120px;margin:auto;padding:20px 36px 70px;color:#695c4b}.sentiment-hero{text-align:center;padding:55px 0 40px;background:radial-gradient(ellipse at 50% 43%,#f5ebdc77,transparent 62%)}.sentiment-hero>.eyebrow{font-size:10px;letter-spacing:.2em;color:#b29a79}.sentiment-hero-art{display:flex;align-items:center;justify-content:center;gap:18px;margin:32px 0 20px}.sentiment-hero-art>.heart-icon:first-child{transform:rotate(-12deg)}.sentiment-hero-art>.heart-icon:last-child{transform:rotate(9deg)}.sentiment-hero h1{font-family:'Gowun Batang','Malgun Gothic',serif;font-size:clamp(28px,3.5vw,44px);font-weight:400;line-height:1.55;letter-spacing:-.045em;margin:20px 0}.sentiment-hero>p:not(.eyebrow){font-size:14px;line-height:2;color:#92826e}.collection-edition{display:block;font-size:9px;letter-spacing:.2em;color:#b5a287;margin-top:30px}.sentiment-group-nav{display:flex;justify-content:center;gap:30px;border-top:1px solid #e7ddce;border-bottom:1px solid #e7ddce;padding:17px 0;margin:0 0 45px}.sentiment-group-nav a{color:#8b785e;font-size:12px;text-decoration:none}.sentiment-group{margin:40px 0 50px;scroll-margin-top:100px}.sentiment-group-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.sentiment-group-heading>span{font-family:Georgia,serif;color:#b99b70;font-style:italic;font-size:16px}.sentiment-group-heading h2{font-size:20px;font-weight:400;margin:0}.sentiment-group-heading p{font-size:12px;color:#9b8a75;margin:0 0 0 auto}.sentiment-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.sentiment-card{display:flex;flex-direction:column;align-items:center;min-width:0;padding:22px 8px 19px;gap:6px;border:1px solid #e7ddcf;border-radius:20px;background:linear-gradient(150deg,#fffcf7,#f6eee3);color:#78644d;cursor:pointer;box-shadow:0 4px 16px #97774805;transition:transform .2s,box-shadow .2s}.sentiment-card:nth-child(even){background:linear-gradient(150deg,#fffcf7,#f2f1e8)}.sentiment-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #97774814}.sentiment-card[aria-pressed=true]{border-color:#b28c64;box-shadow:inset 0 0 0 1px #b28c64;background:#f1e4d7}.sentiment-card .heart-icon{margin-bottom:10px}.sentiment-card strong{font-size:12px;font-weight:500;line-height:1.6}.sentiment-card small{font-size:10px;color:#a49078;line-height:1.6}.collection-preview-status{text-align:center;font-size:12px;color:#938069;min-height:25px}.sentiment-outro{text-align:center;padding:40px 0 10px;border-top:1px solid #e7ddce;margin-top:35px}.sentiment-outro p{font-family:'Gowun Batang',serif;font-size:18px;line-height:1.9;color:#9c876d;margin-bottom:30px}
@media(max-width:700px){.heart-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.heart-quick .heart-choice{width:100%;padding:6px!important;font-size:11px!important;gap:3px}.heart-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.heart-picker{padding:12px}.heart-picker .heart-choice{font-size:10px!important}.gift-options,.offering-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treasure-grid{grid-template-columns:1fr}.heart-intro>.heart-icon{width:72px;height:72px}.heart-intro{gap:10px}.heart-intro p{font-size:13px}.letter-gifts{padding:14px}.sentiment-collection{padding:15px 20px 45px}.sentiment-hero{padding:25px 0}.sentiment-hero-art{gap:4px}.sentiment-hero-art>.heart-icon:nth-child(2){width:98px;height:98px}.sentiment-hero-art>.heart-icon:not(:nth-child(2)){width:65px;height:65px}.sentiment-hero>p:not(.eyebrow){font-size:12px}.sentiment-group-nav{gap:0;justify-content:space-around;margin-bottom:30px}.sentiment-group-heading{flex-wrap:wrap;gap:8px}.sentiment-group-heading p{width:100%;margin:0 0 0 25px;font-size:11px}.sentiment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sentiment-card{padding:18px 6px;border-radius:16px}.sentiment-card .heart-icon{width:86px;height:86px}.sentiment-card strong{font-size:11px}.sentiment-card small{font-size:9px}.sentiment-group{margin:30px 0}.shared-memorial-film{padding:0 18px;margin:40px auto}.shared-memorial-film h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.heart-choice,.sentiment-card{transition:none}.sentiment-card:hover{transform:none}}

/* Small reaction chips and folded conversation, shared by all content cards. */
.content-social{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 10px;margin:12px 0 0;min-width:0;font-family:var(--sans);text-align:left}
.content-social .compact-reactions{margin:0;min-width:0;font-size:12px;grid-column:1;grid-row:1}
.reaction-summary,.comment-summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer;min-height:40px;padding:0;border:0;background:none;color:#8a775c;width:fit-content}
.reaction-summary::-webkit-details-marker,.comment-summary::-webkit-details-marker{display:none}
.applied-reactions{display:flex;flex-wrap:wrap;gap:4px}
.reaction-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid #e7dccb;background:#fffaf1;border-radius:18px;padding:3px 7px 3px 3px;min-height:34px}
.reaction-chip .heart-icon{width:26px!important;height:26px!important}
.reaction-chip small{font:11px/1 var(--sans);color:#968169}
.reaction-chip.is-selected{border-color:#b8a082;background:#f4e8da;box-shadow:0 0 0 1px #c7b08b44}
.reaction-add{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0}
.reaction-add svg,.comment-summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.content-social .heart-picker{padding:10px;margin:8px 0 0;background:#fffcf6;border:1px solid #d9cab6;box-shadow:0 6px 18px #67513712;border-radius:14px;width:100%;max-width:360px}
.content-social .heart-picker-grid{grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:5px}
.content-social .heart-picker .heart-choice{padding:3px!important;min-height:42px;border-radius:10px!important;border:0!important;background:transparent!important;width:100%}
.content-social .heart-picker .heart-choice .heart-icon{width:36px!important;height:36px!important}
.content-social .heart-choice:hover,.content-social .heart-choice[aria-pressed=true]{background:#f2e5d5!important;box-shadow:inset 0 0 0 1px #b79a7766}
.content-social .heart-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);min-height:0!important;margin:0!important}
.content-social .has-reaction-error .heart-status{position:static;width:auto;height:auto;clip-path:none;overflow:visible;color:#9c5642;margin-top:8px!important}
.content-social .content-comments{display:contents}
.content-social .content-comments::details-content{display:contents}
.content-social .content-comments:not([open])>.comment-panel{display:none}
.content-social .comment-summary{grid-column:2;grid-row:1;font:11px/1.5 var(--sans);gap:6px;min-width:42px;justify-content:flex-end}
.content-social .comment-panel{grid-column:1/-1;margin-top:10px;padding:16px;background:#f8f4ec;border:1px solid #e7ddce;border-radius:12px;min-width:0}
.content-social .comment-panel [hidden]{display:none!important}
.content-social .content-comment{background:none!important;border:0!important;border-bottom:1px solid #e6dccd!important;padding:12px 0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;display:block!important}
.content-social .comment-meta{display:flex!important;justify-content:space-between;align-items:center;gap:8px;font:11px/1.8 var(--sans);margin-bottom:5px;padding:0!important;border:0!important}
.content-social .comment-meta strong{font-weight:500;color:#665840}
.content-social .comment-meta time{color:#978b79;font-size:10px}
.content-social .content-comment>p{font:13px/1.8 var(--sans)!important;color:#665e51!important;white-space:pre-wrap!important;overflow-wrap:anywhere;margin:0 0 5px!important;padding:0!important}
.content-social .content-comment>small{font:10px/1.6 var(--sans);color:#96764f}
.content-social .content-comment>.text-button{font:10px/1.5 var(--sans);padding:6px 8px 6px 0;color:#96836c}
.content-social .comment-form{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;margin:14px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.content-social .comment-form label{margin:0;font-size:12px}
.content-social .comment-form textarea{display:block;min-height:64px;width:100%;border:1px solid #ded1be;border-radius:8px;padding:10px;font:13px/1.7 var(--sans);background:#fffdf8;resize:vertical;color:#574d40;margin:0}
.content-social .comment-form>.text-button{align-self:flex-end;font:11px/1.7 var(--sans);padding:6px 0;color:#816b4d}
.content-social .comment-status{font:11px/1.7 var(--sans);color:#8c7c64;margin:10px 0 0}
.content-social .comment-status:empty{display:none}
.content-social .comment-more{font:11px/1.7 var(--sans);margin-top:12px;color:#816b4d}
.content-social :is(summary,button,a):focus-visible{outline:2px solid #9a7f5c;outline-offset:3px}
.content-social :is(.reaction-summary,.comment-summary){min-height:44px}
.content-social .comment-summary{min-width:44px}
.content-social .heart-picker-grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}
.content-social .heart-picker .heart-choice{min-height:44px}
@media(max-width:480px){
 .space-album .content-social{gap:0 3px}
 .space-album .reaction-chip{padding:2px 5px 2px 2px;gap:2px}
 .space-album .reaction-chip .heart-icon{width:22px!important;height:22px!important}
 .space-album .reaction-add{width:25px}
 .space-album .applied-reactions{gap:2px}
 .space-album .comment-summary{min-width:44px;gap:3px}
 .space-album .content-social .comment-panel{padding:10px}
}

/* Give every feeling a readable name, including on touch screens. */
.content-social .heart-picker { max-width:440px; max-height:min(440px,65vh); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#c9b99f transparent; padding:16px; }
.content-social:has(.reaction-disclosure[open]) .compact-reactions { grid-column:1/-1; }
.content-social .heart-picker-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 10px; margin:0 0 18px; color:#74614c; font:13px/1.7 var(--sans); }
.content-social .heart-picker-heading>span { font-size:10px; color:#9a846a; }
.content-social .heart-picker fieldset { margin:0 0 18px; }
.content-social .heart-picker legend { font:11px/1.6 var(--sans); color:#8c745a; padding-bottom:8px; }
.content-social .heart-picker-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.content-social .heart-picker .heart-choice { gap:5px; min-height:76px; padding:7px 3px!important; border-radius:12px!important; }
.content-social .heart-choice-label { display:block; color:#756451; font:10px/1.5 var(--sans); text-align:center; overflow-wrap:anywhere; word-break:keep-all; }
.content-social .heart-picker .heart-choice[aria-pressed=true] { background:#f3e3d8!important; box-shadow:inset 0 0 0 1px #b59076; }
.content-social .heart-choice[aria-pressed=true] .heart-choice-label { color:#785036; }
@media(max-width:600px){.content-social .heart-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}