.modal{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(222,232,232,.45);backdrop-filter:blur(11px)}.modal::backdrop{background:transparent}.modal-box{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);max-height:82dvh;overflow:auto;padding:23px 20px calc(17px + env(safe-area-inset-bottom));background:rgba(249,251,251,.975);border:1px solid var(--line);border-bottom:0;border-radius:17px 17px 0 0;box-shadow:0 -16px 48px rgba(52,77,80,.11);animation:up .2s ease}.close{position:absolute;right:12px;top:9px;width:25px;height:25px;border:0;background:transparent;color:#879699;font-size:18px;font-weight:200}.modal h2{font-size:17px;font-weight:500;letter-spacing:.06em;margin:5px 0 16px}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:48px 9px 1fr;gap:8px;min-height:48px}.timeline-time{font-size:8px;color:#8e9c9f}.timeline-dot{width:5px;height:5px;border:1px solid #7e9b9d;border-radius:50%;margin-top:3px}.timeline-item.current .timeline-dot{background:#7fa5a5;box-shadow:0 0 0 4px rgba(111,155,157,.09)}.timeline-name{font-size:10px;color:#667679}.timeline-item.current .timeline-name{color:#34484b}.memory{padding:12px 0;border-bottom:1px solid var(--line)}.memory time,.letter-row time{font-size:7px;letter-spacing:.12em;color:#95a2a5}.memory h3,.letter-row h3{font-size:11px;font-weight:500;margin:6px 0 4px}.memory p,.profile-section p{font-size:9px;line-height:1.8;color:#7e8e91;margin:0}.letter-row{display:grid;grid-template-columns:24px 1fr 16px;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.letter-row>span{font-size:7px;color:#a0abad}.letter-row p{font-size:8px;color:#9aa7a9;margin:0}.letter-row>b{font-weight:400;color:#849497}.date-card{display:grid;grid-template-columns:48px 58px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.date-card>span{font-size:6px;letter-spacing:.14em;color:#9ba8aa}.date-card time{font-size:14px;color:#577174;letter-spacing:.04em}.date-card b{display:block;font-size:9px;font-weight:450}.date-card small{display:block;font-size:7px;color:#9aa7a9;margin-top:3px}.date-card.next{padding:15px 9px;border:1px solid rgba(102,143,146,.18);border-radius:11px;background:rgba(230,239,239,.35);margin-bottom:7px}.note-card{padding:13px;border:1px solid var(--line);border-radius:11px;margin-bottom:7px;background:rgba(255,255,255,.35)}.note-card.faint{opacity:.72}.note-card span{font-size:6px;letter-spacing:.14em;color:#8d9b9e}.note-card p{font-size:10px;color:#627477;margin:9px 0 13px}.note-card time{font-size:6px;color:#a0abad}.profile-couple{display:flex;align-items:center;justify-content:center;gap:12px;margin:3px 0 16px}.avatar.large{width:44px;height:44px;font-size:7px}.profile-join{font-size:13px;color:#a0adaf}.profile-card{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.45)}.profile-card b{font-size:11px;font-weight:500}.profile-card p{font-size:8px;color:#8b999c;margin:3px 0 0}.profile-section{padding:14px 2px;border-bottom:1px solid var(--line)}.profile-section>span{font-size:7px;color:#8c9a9d;letter-spacing:.13em;display:block;margin-bottom:6px}@keyframes up{from{transform:translate(-50%,14px);opacity:.5}to{transform:translate(-50%,0);opacity:1}}