:root{--night: #0b0a09;--ink: #f5efe6;--muted: #a89f93;--gold: #e9b45a;--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--night);color:var(--ink);font-family:var(--serif)}.page{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;transition:background 2s ease}.page:has(>.mute){padding-top:72px}.page--candle:has(.candle--lit){background:radial-gradient(circle at 50% 40%,#3a2410 0%,var(--night) 70%)}.logo{width:min(60vw,260px);opacity:.85}.envelope{width:min(86vw,360px);aspect-ratio:3 / 2;background:#1a1714;border:1px solid #3a342d;border-radius:6px;color:var(--ink);font:inherit;display:grid;place-content:center;gap:12px;cursor:pointer}.envelope__to{font-size:2rem;font-style:italic}.envelope__hint{color:var(--muted);font-size:.9rem;letter-spacing:.1em}.letter{max-width:34rem;font-size:1.2rem;line-height:1.7}.letter__trait{font-size:2.2rem;font-style:italic;margin:0;text-align:center}.letter__scent{color:var(--muted);text-align:center;margin-top:0}.letter__para{white-space:pre-line;opacity:0;animation:fade-in 1.2s ease forwards}.photos{display:grid;gap:24px;justify-items:center}.polaroid{background:#f7f3ec;color:#222;padding:10px 10px 28px;margin:0;max-width:300px}.polaroid img{width:100%;display:block}.polaroid figcaption{text-align:center;margin-top:8px}.link-button{background:none;border:none;color:var(--gold);font:inherit;font-style:italic;cursor:pointer;padding:12px;display:block;margin:24px auto 0}.candle{display:grid;justify-items:center;gap:24px}.candle__wick{width:6px;height:40px;background:#333;border:none;border-radius:3px;cursor:pointer}.candle--lit .candle__wick{box-shadow:0 -30px 40px 10px var(--gold)}.candle__hint,.candle__closing{color:var(--muted);font-style:italic;text-align:center;max-width:28rem}.candle__closing{color:var(--ink);animation:fade-in 2s ease forwards}@keyframes fade-in{to{opacity:1}0%{opacity:0}}@media(prefers-reduced-motion:reduce){.letter__para,.candle__closing{animation:none;opacity:1}}.mute{position:fixed;top:12px;right:12px;min-height:44px;padding:0 14px;background:var(--night);border:1px solid #3a342d;border-radius:22px;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer}