/* A rose-coloured atmosphere, with clear quiet space around every story. */
body{background-color:#fcedf2}
.rose-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 12% 12%,#f8bbd355,transparent 48%),radial-gradient(ellipse at 90% 65%,#f7afc955,transparent 48%)}
.rose-atmosphere::before,.rose-atmosphere::after{content:"";position:absolute;width:75vmax;height:75vmax;border-radius:50%;background:radial-gradient(circle,#f5a9cd38,transparent 65%);animation:rose-drift 22s ease-in-out infinite alternate;top:-35%;left:-25%}
.rose-atmosphere::after{left:45%;top:15%;animation-delay:-11s;background:radial-gradient(circle,#ffc9dc55,transparent 65%)}
.rose-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#fff9fbdd,#edbad329 55%,transparent 70%);animation:rose-bokeh 9s ease-in-out infinite alternate;animation-delay:var(--delay)}
.ambient i{background:linear-gradient(135deg,#f6b0ce88,#e591b344);box-shadow:0 0 12px #f3b9cf22}
.hero-collage::after{content:"♡";position:absolute;right:4%;bottom:12%;font:70px Georgia;color:#bd648888;transform:rotate(15deg);pointer-events:none}
.polaroid{box-shadow:0 18px 50px #9f4c7726,0 0 40px #f8b4ce18}
.button{box-shadow:0 5px 22px #b7608130;transition:transform .25s,box-shadow .25s,background .25s}
.button:hover{box-shadow:0 8px 28px #b7608150;transform:translateY(-2px)}
.reward-box,.diary-invite{background:linear-gradient(120deg,#fbe6ee,#f3d2e2,#fff0f3);background-size:200% 200%;animation:rose-wash 12s ease-in-out infinite alternate}
.envelope[open] .envelope-seal{box-shadow:0 0 0 7px #eab3cb44,0 0 25px #db91b544}
.music-playing .record{animation:record-turn 18s linear infinite}
#tender-sparkles{position:fixed;inset:0;pointer-events:none;z-index:90;overflow:hidden}
#tender-sparkles span{position:absolute;color:#c97199;font:23px Georgia;text-shadow:0 0 8px #fff7fb;animation:tender-rise 1.2s var(--delay) ease-out both}
.music-dock{position:fixed;z-index:60;bottom:max(15px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(570px,calc(100% - 24px));border:1px solid #ddb3c5;border-radius:22px;background:#fff4f8f5;box-shadow:0 10px 55px #71304c30;backdrop-filter:blur(18px);padding:14px 18px;display:grid;grid-template-columns:40px 1fr 70px 24px;gap:5px 12px;align-items:center}
.music-dock>button{border:0;background:none;color:#995375;min-height:36px;font-size:20px;padding:0}
.music-dock #music-play{grid-row:1/3;border-radius:50%;background:#b9678b;color:white;width:40px;height:40px;font-size:16px}
.music-title{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:.5px}.music-title span{font-family:var(--hand);font-size:19px;color:#a56580;letter-spacing:0}
.music-seek{grid-column:2;min-width:0}.music-dock input{accent-color:#b46b88;width:100%;cursor:pointer;min-width:0;display:block;margin:0;height:18px}.music-dock time{font-size:9px;color:#81516a;text-align:center}.music-volume{grid-column:3;grid-row:1}.music-dock #music-close{grid-column:4;grid-row:1/3}.music-dock p{grid-column:1/-1;font-size:11px;color:#954b6c;margin:0}.music-dock p:empty{display:none}.player-visible .site-footer{padding-bottom:115px}
@keyframes rose-drift{to{transform:translate(14%,15%) scale(1.12)}}
@keyframes rose-bokeh{0%{opacity:.25;transform:translateY(0) scale(.8)}100%{opacity:.8;transform:translateY(-35px) scale(1.2)}}
@keyframes rose-wash{to{background-position:100% 100%}}
@keyframes record-turn{to{transform:rotate(360deg)}}
@keyframes tender-rise{0%{opacity:0;transform:translate(-50%,0) scale(.5)}20%{opacity:.85}100%{opacity:0;transform:translate(calc(-50% + var(--drift)),-95px) scale(1.25)}}
@media(max-width:600px){.music-dock{gap:3px 9px;padding:11px 13px;grid-template-columns:36px 1fr 63px 20px}.music-dock #music-play{width:36px;height:36px}.music-title{font-size:10px}.music-title span{font-size:17px}.music-volume input{height:22px}.rose-atmosphere i:nth-child(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.rose-atmosphere::before,.rose-atmosphere::after,.rose-atmosphere i,.reward-box,.diary-invite,.music-playing .record{animation:none}.button{transition:none}.button:hover{transform:none}#tender-sparkles{display:none}}