:root{--bg-cream:#faf6f0;--bg-card:#fffdf9;--bg-sand:#efe6dd;--terracotta:#c87d65;--terracotta-dark:#a65e46;--espresso:#2c221e;--taupe:#7a685f;--font-serif:"Cormorant Garamond", Georgia, serif;--font-handwriting:"Caveat", cursive;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--espresso);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;line-height:1.5;overflow-x:hidden}::selection{color:var(--espresso);background-color:#c87d6540}.font-serif-display{font-family:var(--font-serif)}.font-handwriting{font-family:var(--font-handwriting)}.mobile-container{max-width:440px;margin:0 auto;padding:0 16px}.music-player-pill{-webkit-backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #c87d6538;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 8px 24px -4px #2c221e1f,0 2px 6px -1px #2c221e0f}@keyframes barBounce1{0%,to{height:6px}50%{height:20px}}@keyframes barBounce2{0%,to{height:16px}50%{height:8px}}@keyframes barBounce3{0%,to{height:10px}50%{height:22px}}@keyframes barBounce4{0%,to{height:20px}50%{height:6px}}@keyframes barBounce5{0%,to{height:14px}50%{height:12px}}.soundwave-bar{background-color:var(--terracotta);border-radius:2px;width:2.5px;transition:height .2s}.soundwave.playing .bar-1{animation:.8s ease-in-out infinite barBounce1}.soundwave.playing .bar-2{animation:.65s ease-in-out infinite barBounce2}.soundwave.playing .bar-3{animation:.9s ease-in-out infinite barBounce3}.soundwave.playing .bar-4{animation:.75s ease-in-out infinite barBounce4}.soundwave.playing .bar-5{animation:.85s ease-in-out infinite barBounce5}.soundwave.paused .soundwave-bar{opacity:.5;height:4px!important;animation:none!important}.timeline-dotted-line{background-image:linear-gradient(#c87d65 50%,#c87d6500 0%);background-position:0;background-repeat:repeat-y;background-size:2px 10px;padding-left:24px;position:relative}.timeline-node{background-color:var(--terracotta);border:3px solid var(--bg-cream);border-radius:9999px;width:16px;height:16px;position:absolute;top:4px;left:-31px;box-shadow:0 1px 3px #2c221e26}.polaroid-card{background:var(--bg-card);border:1px solid #c87d652e;border-radius:18px;padding:14px 14px 18px;transition:transform .28s cubic-bezier(.2,0,0,1),box-shadow .28s;box-shadow:0 10px 28px -6px #2c221e1f,0 3px 8px -2px #2c221e0d}.rotate-left-1{transform:rotate(-1.2deg)}.rotate-right-1{transform:rotate(1.2deg)}.rotate-left-2{transform:rotate(-2deg)}.rotate-right-2{transform:rotate(2deg)}.polaroid-card:hover{transform:rotate(0)scale(1.01);box-shadow:0 14px 34px -6px #2c221e29}@keyframes fadeSlide{0%{opacity:.35;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.animate-photo-swap{animation:.24s ease-out forwards fadeSlide}.icon-btn{background:var(--bg-cream);width:32px;height:32px;color:var(--taupe);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #c87d6540;border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-sand);color:var(--espresso)}.icon-btn:active{transform:scale(.94)}.btn-primary{background-color:var(--terracotta);color:#fffdf9;cursor:pointer;border:none;border-radius:12px;font-weight:600;transition:all .2s}.btn-primary:hover{background-color:var(--terracotta-dark)}.btn-primary:active{transform:scale(.97)}.pill-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fffdf9;background:#2c221ea6;border-radius:9999px;padding:3px 10px;font-size:10px;font-weight:600}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#2c221ed9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--bg-sand);border-radius:24px;width:100%;max-width:380px;padding:20px;position:relative;box-shadow:0 25px 50px -12px #00000059}