@font-face{font-family:'AnniversaryHand';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2411-3@1.0/Ownglyph_ParkDaHyun.woff2') format('woff2');font-display:swap}
body.anniversary-archive-page{min-height:100vh;background:var(--rose-bg);color:var(--rose-ink)}
.anniversary-main{padding-top:10px}
.anniversary-hero{min-height:500px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:60px;padding-block:64px 72px;border-bottom:1px solid var(--rose-line)}
.anniversary-hero-copy h1{margin:14px 0 23px;font-size:clamp(54px,7vw,94px);font-weight:400;line-height:1.02;letter-spacing:-.045em}
.anniversary-hero-copy h1 em{color:var(--rose-accent);font-style:normal}
.anniversary-hero-copy h1 span{display:inline-block;margin-left:15px;color:var(--rose-pink);font-size:.62em;animation:anniversaryFloat 4s ease-in-out infinite}
.anniversary-hero-copy>p{max-width:680px;margin:0;color:var(--rose-muted);font-size:clamp(20px,2vw,25px);line-height:1.8;white-space:pre-line}
.anniversary-hero-mark{position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:1;justify-self:end;display:grid;place-content:center;border:1px solid var(--rose-line);border-radius:50%;background:radial-gradient(circle,var(--rose-surface) 0 54%,var(--rose-tint) 55% 70%,transparent 71%);text-align:center;box-shadow:0 20px 60px #9a526316}
.anniversary-hero-mark:before,.anniversary-hero-mark:after{content:'✦';position:absolute;color:var(--rose-accent);font-size:30px}
.anniversary-hero-mark:before{left:10%;top:22%}.anniversary-hero-mark:after{right:8%;bottom:22%;font-size:19px}
.anniversary-hero-mark span,.anniversary-hero-mark b{display:inline;font-size:clamp(55px,6vw,78px);font-weight:400;line-height:.85;color:var(--rose-ink)}
.anniversary-hero-mark b{color:var(--rose-accent)}
.anniversary-hero-mark i{display:block;margin:14px auto 4px;color:var(--rose-muted);font-style:normal}
.anniversary-hero-mark em{color:var(--rose-accent);font-size:50px;font-style:normal}
.anniversary-index{padding-top:74px}
.anniversary-count{align-self:flex-end;color:var(--rose-muted);font-size:18px}
.anniversary-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin-top:30px;border-top:1px solid var(--rose-line)}
.anniversary-event-card{--anniv-card:#f8dde3;position:relative;min-width:0;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:28px 5px;border-bottom:1px solid var(--rose-line);color:inherit;text-decoration:none;overflow:hidden;transition:background .22s,transform .22s}
.anniversary-event-card[data-color='cream']{--anniv-card:#f8ead8}.anniversary-event-card[data-color='yellow']{--anniv-card:#fff0a9}.anniversary-event-card[data-color='lilac']{--anniv-card:#e9def7}.anniversary-event-card[data-color='mint']{--anniv-card:#dcefe5}.anniversary-event-card[data-color='blue']{--anniv-card:#dbe9f4}
.anniversary-event-card:before{content:'';position:absolute;inset:8px 0;background:linear-gradient(90deg,var(--anniv-card),transparent 72%);opacity:0;transition:opacity .22s;z-index:-1}
.anniversary-event-card:hover{transform:translateX(5px)}.anniversary-event-card:hover:before{opacity:.6}
.anniversary-event-number{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:var(--anniv-card);color:var(--rose-accent);font-size:20px}
.anniversary-event-copy{min-width:0}.anniversary-event-copy time{display:block;margin-bottom:5px;color:var(--rose-accent);font-size:16px;letter-spacing:.08em}.anniversary-event-copy h3{margin:0;font-size:clamp(25px,2.2vw,33px);font-weight:400;line-height:1.3}.anniversary-event-copy p{margin:8px 0 0;color:var(--rose-muted);font-size:18px;line-height:1.65;overflow-wrap:anywhere}.anniversary-event-arrow{color:var(--rose-accent);font-size:29px}
.anniversary-detail{margin-top:80px;padding-top:70px;border-top:1px solid var(--rose-line)}
.anniversary-detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.anniversary-detail-top time{color:var(--rose-muted);font-size:19px;letter-spacing:.05em}
.anniversary-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:46px}.anniversary-detail-heading h2{margin:8px 0 0;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1.08}.anniversary-detail-heart{color:var(--rose-accent);font-size:clamp(62px,9vw,118px);line-height:.7}
.anniversary-detail-summary{max-width:900px;margin:27px 0 0;color:var(--rose-accent);font-size:clamp(24px,2.7vw,36px);line-height:1.55}
.anniversary-detail-body{max-width:900px;margin-top:36px;padding:31px 35px;border:1px solid var(--rose-line);border-radius:7px;background:var(--rose-tint);font-size:22px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}
.anniversary-source-wrap{margin-top:24px}
.anniversary-note-section{margin-top:78px}
.anniversary-note-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--rose-line)}.anniversary-note-head h3{margin:7px 0 0;font-size:clamp(36px,4vw,56px);font-weight:400}.anniversary-note-head strong{color:var(--rose-accent);font-size:21px;font-weight:400}
.anniversary-note-guide{margin:18px 0 24px;color:var(--rose-muted);font-size:18px}
.anniversary-note-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.anniversary-postit{--note-bg:#fff0ad;--note-tilt:-1deg;position:relative;min-width:0;transform:rotate(var(--note-tilt));filter:drop-shadow(0 12px 15px #80556919);transition:transform .2s,filter .2s;animation:anniversaryNoteIn .4s both}
.anniversary-postit:nth-child(4n+2){--note-bg:#f6dbe7;--note-tilt:1.1deg}.anniversary-postit:nth-child(4n+3){--note-bg:#e8dcf5;--note-tilt:-.5deg}.anniversary-postit:nth-child(4n){--note-bg:#dceee4;--note-tilt:.8deg}
.anniversary-postit:before{content:'';position:absolute;z-index:2;top:-7px;left:50%;width:74px;height:20px;transform:translateX(-50%) rotate(-2deg);background:#ffffffa6;border:1px solid #bc92731a;box-shadow:0 2px 5px #70443410;pointer-events:none}
.anniversary-postit:hover,.anniversary-postit.is-open{z-index:3;transform:rotate(0) translateY(-5px) scale(1.015);filter:drop-shadow(0 18px 20px #8055692b)}
.anniversary-postit-button{display:block;width:100%;min-height:220px;padding:31px 24px 24px;border:0;border-radius:2px;background:linear-gradient(145deg,#ffffff42,transparent 42%),var(--note-bg);color:#4f3944;text-align:left;font:inherit;cursor:pointer}
.anniversary-postit-button strong{display:block;padding-bottom:10px;border-bottom:1px solid #7a53672e;color:#7e3f5a;font-size:21px;font-weight:400;overflow-wrap:anywhere}
.anniversary-postit-button p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;margin:15px 0 0;font-family:'AnniversaryHand',var(--font-primary);font-size:20px;line-height:1.58;white-space:pre-line;overflow-wrap:anywhere}
.anniversary-postit.is-open .anniversary-postit-button p{display:block;overflow:visible}
.anniversary-postit-button small{display:block;margin-top:15px;color:#805d6c;font-size:14px;text-align:right}
.anniversary-note-empty{grid-column:1/-1;padding:38px;border:1px dashed var(--rose-line);border-radius:7px;background:var(--rose-tint);color:var(--rose-muted);font-size:20px;text-align:center}
.anniversary-more-button{display:flex;margin:34px auto 0}
.theme-dark .anniversary-hero-mark{background:radial-gradient(circle,#34262f 0 54%,#4a2b3a 55% 70%,transparent 71%)}.theme-dark .anniversary-postit-button{color:#352831}.theme-dark .anniversary-postit-button strong{color:#743a54}
@keyframes anniversaryFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes anniversaryNoteIn{from{opacity:0;transform:translateY(18px) rotate(var(--note-tilt))}to{opacity:1;transform:translateY(0) rotate(var(--note-tilt))}}
@media(max-width:1050px){.anniversary-hero{grid-template-columns:minmax(0,1fr) 270px;gap:35px}.anniversary-event-grid{grid-template-columns:1fr}.anniversary-note-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.anniversary-main{padding-top:0}.anniversary-hero{min-height:0;grid-template-columns:1fr;padding-top:35px;gap:35px}.anniversary-hero-copy h1{font-size:clamp(49px,15vw,70px)}.anniversary-hero-mark{width:230px;justify-self:center}.anniversary-index{padding-top:52px}.anniversary-event-grid{margin-top:20px}.anniversary-event-card{grid-template-columns:54px minmax(0,1fr) auto;gap:13px;padding:23px 2px}.anniversary-event-number{width:48px;height:48px;font-size:17px}.anniversary-event-copy p{font-size:17px}.anniversary-detail{margin-top:55px;padding-top:42px}.anniversary-detail-heading{margin-top:31px}.anniversary-detail-heart{display:none}.anniversary-detail-body{padding:23px 21px;font-size:20px}.anniversary-note-section{margin-top:58px}.anniversary-note-board{grid-template-columns:1fr;gap:22px}.anniversary-postit{transform:none}.anniversary-postit-button{min-height:190px}.anniversary-note-head{align-items:flex-start;flex-direction:column}.anniversary-detail-top{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.anniversary-hero-copy h1 span,.anniversary-postit{animation:none!important}.anniversary-event-card,.anniversary-postit{transition:none!important}}