.collection-saved.collection-moment{position:relative;display:grid;grid-template-columns:100px 1fr auto;gap:28px;isolation:isolate;overflow:hidden;padding:28px 32px;margin:32px 0 48px;border:1px solid #cba8719c;border-radius:18px;background:radial-gradient(ellipse at 10% 50%,#8b603b45,transparent 55%),linear-gradient(115deg,#382334,#21151f);box-shadow:0 14px 55px #12081355,inset 0 1px #ffe5b21c;color:#e4cbb3}
.collection-moment::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffe0ad16 48%,transparent 65%);transform:translateX(-130%);z-index:-1}
.collection-moment.is-new::after{animation:collection-sweep 1.7s .8s 2}
.collection-keepsake{position:relative;display:grid;place-items:center;width:94px;height:142px;flex-shrink:0;perspective:500px}
.collection-keepsake>img{position:relative;width:77px;height:124px;object-fit:cover;border:1px solid #ffe0a4a8;border-radius:6px;transform:rotate(-8deg);box-shadow:5px 8px 0 -3px #7b5e48,9px 13px 0 -4px #34202b,0 12px 28px #0008}
.collection-halo{position:absolute;width:150px;height:150px;border:1px solid #cfb07240;border-radius:50%;background:radial-gradient(circle,#d1a25933,transparent 67%);box-shadow:0 0 0 14px #d1a25908,0 0 0 30px #d1a25905}
.collection-keepsake>b{position:absolute;right:0;bottom:4px;display:grid;place-items:center;width:27px;height:27px;background:#eed5a0;color:#3b2533;border:3px solid #382334;border-radius:50%;font-size:15px}
.collection-moment-copy h2{font-size:clamp(20px,2.5vw,27px);line-height:1.5;margin:6px 0 9px;color:#fff0d3;font-family:var(--font-serif,'MaruBuri',serif)}
.collection-moment-copy .micro-label,.collection-today .micro-label{color:#d2ab73;letter-spacing:.13em;font-size:10px;margin:0}
.collection-moment-copy p{margin:0 0 6px;font-size:13px}.collection-moment-copy small{font-size:12px;color:#bba8b3}
.collection-saved .collection-moment-link{position:relative;display:flex;gap:20px;align-items:center;padding:15px 21px;border:1px solid #e7c38a;border-radius:8px;background:linear-gradient(120deg,#f0d8ac,#c59a64);box-shadow:0 4px 24px #d1a25922;color:#33202d;font-size:13px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s}
.collection-moment-link:hover,.collection-moment-link:focus-visible{transform:translateY(-3px);box-shadow:0 7px 25px #d1a25955}.collection-moment-link b{font-size:23px;font-weight:400}
.collection-sparks{position:absolute;inset:-20px;pointer-events:none}.collection-sparks i{--angle:calc(var(--spark)*30deg);position:absolute;left:50%;top:50%;font-size:9px;font-style:normal;color:#efce8d;opacity:0;transform:rotate(var(--angle)) translateY(-80px) rotate(calc(-1*var(--angle)))}
.is-new .collection-sparks i{animation:collection-spark 2s calc(.7s + var(--spark)*.05s) 2}
.is-new .collection-keepsake>img{animation:collection-card-land 1.4s .65s both}.is-new .collection-halo{animation:collection-halo 2s .8s 2}
.collection-arrival{position:fixed;right:26px;bottom:26px;z-index:800;display:flex;align-items:center;gap:17px;width:min(370px,calc(100vw - 32px));padding:20px 40px 20px 20px;box-sizing:border-box;border:1px solid #d6b27d;border-radius:15px;background:radial-gradient(ellipse at 0 100%,#704b3c,#2c1d2beF 80%);box-shadow:0 15px 65px #0009,0 0 28px #e2b56122;animation:collection-notice-in .55s .7s backwards}
.collection-arrival>img{width:46px;height:74px;object-fit:cover;border-radius:4px;transform:rotate(-8deg);box-shadow:0 0 20px #eac99025}.collection-arrival p{font-size:12px;margin:0 0 6px;color:#e8c99a}.collection-arrival strong{display:block;font-size:19px;color:#fff0d3}.collection-arrival a{display:inline-block;margin-top:9px;color:#ebd8bf;font-size:12px;text-underline-offset:4px}.collection-arrival button{position:absolute;right:9px;top:8px;width:28px;height:28px;border:0;background:none;color:#d0b8bf;font-size:22px;cursor:pointer}
.collection-today{position:relative;isolation:isolate;overflow:hidden;display:flex;gap:55px;align-items:center;padding:42px 52px;margin:30px 0 45px;border:1px solid #c6a27675;border-radius:20px;background:radial-gradient(ellipse at 14% 50%,#a8784933,transparent 65%),linear-gradient(120deg,#362534e8,#221720);box-shadow:0 16px 55px #11091044}
.collection-today>.collection-keepsake{width:150px;height:215px}.collection-today .collection-keepsake>img{width:118px;height:190px;animation:collection-card-land 1.1s both}.collection-today .collection-halo{width:225px;height:225px}.collection-today .collection-keepsake>b{right:5px;bottom:6px;width:32px;height:32px}.collection-today .collection-sparks i{opacity:.65;transform:rotate(var(--angle)) translateY(-112px) rotate(calc(-1*var(--angle)));font-size:7px}
.collection-today-copy{position:relative;z-index:1}.collection-today-date{font-size:12px;color:#c9b4ad;margin:12px 0}.collection-today-copy h2{font:36px/1.4 var(--font-serif,'MaruBuri',serif);color:#ffe9c7;margin:0 0 9px}.collection-today-copy>p:not([class]){font-size:13px;color:#c9b4ad;margin:0 0 16px}.collection-meeting{display:inline-block;padding:5px 11px;border:1px solid #ccaa7344;border-radius:30px;font-size:11px;color:#e2c292;background:#c99d6a0c}.collection-today-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.collection-today-actions .primary-action{font-size:12px;padding:12px 16px;min-width:0}.collection-today-actions .text-action{font-size:12px}.collection-today-number{position:absolute;right:12px;bottom:-20px;z-index:-1;font:200px/1 Georgia,serif;color:#eac99006}
.collection-card.is-today .collection-card-art{border:1px solid #dfbd7d;box-shadow:0 0 0 3px #c89f5922,0 0 28px #d4ab5733}.collection-card.is-today>strong{color:#f1d5a0}.collection-card .collection-today-tag{display:inline-block;align-self:center;margin:7px 0 0;padding:4px 8px;color:#e8c48e;border:1px solid #cba15a55;border-radius:20px;font-size:10px;line-height:1.4}.collection-progress i{transform-origin:left;animation:collection-progress-in 1s ease-out both}
.collection-today-actions a.primary-action{color:#33202d;font-weight:700;text-decoration:none}
.collection-moment-copy h2{word-break:keep-all;overflow-wrap:anywhere}
@keyframes collection-card-land{0%{opacity:0;transform:translateY(-35px) rotateY(-35deg) rotate(-17deg) scale(.85)}65%{opacity:1;transform:translateY(5px) rotateY(0) rotate(-4deg) scale(1.04)}100%{opacity:1;transform:rotate(-8deg)}}
@keyframes collection-halo{0%,100%{transform:scale(.93);opacity:.5}50%{transform:scale(1.13);opacity:1}}
@keyframes collection-spark{0%,100%{opacity:0;scale:.5}35%,55%{opacity:1;scale:1.3}}
@keyframes collection-sweep{to{transform:translateX(130%)}}
@keyframes collection-notice-in{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes collection-progress-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.collection-saved.collection-moment{grid-template-columns:82px 1fr;gap:18px;padding:25px}.collection-moment .collection-keepsake{grid-row:1/3;width:78px}.collection-moment .collection-moment-link{justify-self:start;padding:11px 15px;gap:15px}.collection-today{padding:35px;gap:35px}.collection-today-actions{gap:14px}}
@media(max-width:540px){.collection-saved.collection-moment{grid-template-columns:65px 1fr;gap:13px;padding:22px 18px;margin:25px 0 35px}.collection-moment .collection-keepsake{width:62px;height:108px;align-self:start;margin-top:17px}.collection-moment .collection-keepsake>img{width:55px;height:90px}.collection-moment .collection-halo{width:100px;height:100px}.collection-moment-copy h2{font-size:20px}.collection-moment-copy small{font-size:11px;line-height:1.7;display:block}.collection-moment .collection-moment-link{grid-column:2;font-size:11px;width:100%;box-sizing:border-box;justify-content:space-between;padding:10px 12px}.collection-moment .collection-sparks{inset:-10px}.collection-moment .collection-sparks i{transform:rotate(var(--angle)) translateY(-55px) rotate(calc(-1*var(--angle)))}.collection-arrival{right:16px;bottom:max(16px,env(safe-area-inset-bottom));padding:17px 35px 17px 17px}.collection-today{flex-direction:column;gap:28px;padding:32px 22px;text-align:center}.collection-today-copy h2{font-size:32px}.collection-today-actions{justify-content:center;flex-direction:column;gap:12px}.collection-today-number{font-size:150px}.collection-today .micro-label{font-size:9px}.collection-card .collection-today-tag{font-size:9px;padding:3px 6px}}
@media(prefers-reduced-motion:reduce){.collection-moment *,.collection-moment::after,.collection-arrival,.collection-today *,.collection-progress i{animation:none!important;transition:none!important}.collection-moment-link:hover,.collection-moment-link:focus-visible{transform:none}.is-new .collection-sparks i{opacity:.65}.is-new .collection-keepsake>img{opacity:1;transform:rotate(-8deg)}}