:root{--gold:#f5c531;--gold-light:#fff3c4;--gold-deep:#b8860b;--night:#171029;--night-deep:#0c0818;--plum:#3d1f4f;--text:#f7ecd0;--text-soft:#f7ecd0bf;--font-display:"Cinzel Decorative", "Georgia", serif;--font-script:"Caveat", cursive;--font-body:"Quicksand", system-ui, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);background:var(--night)}#root{min-height:100vh}h1,p{margin:0}.page{background:radial-gradient(60% 50% at 50% 18%, #f5c53129, transparent 70%), radial-gradient(120% 90% at 50% 100%, var(--plum) 0%, var(--night) 55%, var(--night-deep) 100%);min-height:100vh;position:relative;overflow-x:hidden}.page:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(30deg,#f5c5310d 1px,#0000 1px),linear-gradient(150deg,#f5c5310d 1px,#0000 1px),linear-gradient(270deg,#f5c5310d 1px,#0000 1px);background-size:64px 110px;position:fixed;inset:0}.stage{z-index:2;text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:clamp(2rem,6vw,4.5rem) 1.25rem 3rem;display:flex;position:relative}.emblem{justify-content:center;align-items:center;width:100%;height:clamp(140px,24vw,220px);margin-bottom:.5rem;display:flex;position:relative}.eyebrow{font-family:var(--font-script);color:var(--gold-light);opacity:.85;margin:.5rem 0 .25rem;font-size:clamp(1.1rem,2.4vw,1.5rem)}.title{font-family:var(--font-display);background:linear-gradient(135deg, #fff8e1, var(--gold) 45%, var(--gold-deep) 100%);color:#0000;filter:drop-shadow(0 2px 18px #f5c53159);-webkit-background-clip:text;background-clip:text;max-width:18ch;margin:.25rem 0 clamp(1.5rem,4vw,2.5rem);font-size:clamp(1.9rem,5.5vw,3.4rem);font-weight:700;line-height:1.15}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#3d1f4f8c,#0c0818a6);border:1px solid #f5c53159;border-radius:22px;width:min(92vw,620px);padding:clamp(1.75rem,5vw,3rem) clamp(1.5rem,5vw,3rem);position:relative;box-shadow:inset 0 0 0 1px #f5c53114,0 20px 60px #00000073,0 0 40px #f5c53114}.card:before{content:"";pointer-events:none;border:1px dashed #f5c53140;border-radius:16px;position:absolute;inset:8px}.message{font-family:var(--font-body);white-space:pre-line;color:var(--text);margin:0;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:500;line-height:1.75}.signature{font-family:var(--font-script);color:var(--gold-light);text-align:right;margin:1.25rem 0 0;font-size:clamp(1.3rem,3vw,1.7rem)}.signature-block{flex-direction:column;align-items:flex-end;display:flex}.epithet{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-light);opacity:.8;align-items:center;gap:.4rem;margin:.15rem 0 0;font-size:clamp(.75rem,1.8vw,.9rem);display:flex}.epithet-icon{object-fit:contain;filter:drop-shadow(0 0 6px #f5c53180);width:1.3em;height:1.3em}.footer{color:var(--text-soft);max-width:32ch;margin-top:clamp(2rem,5vw,3rem);font-size:.85rem}.footer p{cursor:help;justify-content:center;align-items:center;gap:.4rem;margin:0;display:flex}.footer-icon{object-fit:contain;filter:drop-shadow(0 0 6px #f5c53159);flex-shrink:0;width:5rem;height:5rem}@media (width<=480px){.title{max-width:14ch}.card{padding:1.5rem 1.25rem}}.magic-circle{filter:drop-shadow(0 0 18px #f5c53140);pointer-events:none;width:min(80vw,620px);height:min(80vw,620px);margin:auto;animation:90s linear infinite spin-slow;position:absolute;inset:0}.magic-circle .ring{fill:none;stroke:url(#circleGold)}.ring--outer{stroke-width:.6px;opacity:.55}.ring--dashed{stroke-width:.5px;stroke-dasharray:4 6;opacity:.4;transform-origin:100px 100px;animation:70s linear infinite spin-reverse}.ring--inner{stroke-width:.4px;opacity:.3}.tick{stroke:#f5c531;stroke-width:.8px;opacity:.45}.rune-dot{fill:#fff3c4;opacity:.6}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.magic-circle,.ring--dashed{animation:none}}.soul-gem-wrapper{justify-content:center;animation:5s ease-in-out infinite float;display:flex}.soul-gem{filter:drop-shadow(0 0 14px #ffd54aa6)drop-shadow(0 0 28px #f5a62359);width:clamp(70px,10vw,108px);height:auto;animation:3.2s ease-in-out infinite gem-pulse;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gem-pulse{0%,to{filter:drop-shadow(0 0 12px #ffd54a8c)drop-shadow(0 0 22px #f5a6234d)}50%{filter:drop-shadow(0 0 20px #ffd54ad9)drop-shadow(0 0 36px #f5a62380)}}@media (prefers-reduced-motion:reduce){.soul-gem-wrapper,.soul-gem{animation:none}}.falling-petals{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.petal-slot{animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-10%}.petal-flower{opacity:.85;animation:3.6s ease-in-out infinite sway;display:block}@keyframes fall{0%{transform:translateY(-10vh)translate(0)rotate(0)}to{transform:translateY(115vh) translateX(var(--drift,20px)) rotate(340deg)}}@keyframes sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.flower-row{justify-content:center;align-items:flex-end;gap:clamp(.25rem,1.5vw,.75rem);margin-top:clamp(1rem,3vw,1.75rem);display:flex}.flower--front{filter:drop-shadow(0 4px 6px #00000059);animation:4.2s ease-in-out infinite sway}.flower--back{opacity:.75;animation:3.4s ease-in-out infinite reverse sway;transform:translateY(6px)}@media (prefers-reduced-motion:reduce){.petal-slot,.petal-flower,.flower--front,.flower--back{animation:none}}@media (width<=480px){.falling-petals span:nth-child(n+9){display:none}}.sparkles{pointer-events:none;z-index:0;position:fixed;inset:0}.sparkle{background:#fff3c4;border-radius:50%;animation:3.2s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 6px 1px #fff3c4cc}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.sparkle{opacity:.5;animation:none}}.music-player{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#3d1f4fb3,#0c0818bf);border:1px solid #f5c53159;border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .9rem .4rem .4rem;display:flex;position:fixed;bottom:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);box-shadow:0 10px 30px #0006}.music-player__button{color:#3d1f4f;cursor:pointer;background:radial-gradient(circle at 35% 30%,#fff3c4,#f5c531 55%,#b8860b 100%);border:1px solid #f5c53180;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1rem;line-height:1;transition:transform .2s,box-shadow .2s;display:flex}.music-player__button:hover{transform:scale(1.08)}.music-player__button:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.music-player.is-playing .music-player__button{animation:1.6s ease-in-out infinite note-pulse}.music-player__label{font-family:var(--font-script);color:var(--gold-light);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:clamp(.95rem,2vw,1.15rem);overflow:hidden}@keyframes note-pulse{0%,to{box-shadow:0 0 #f5c53100}50%{box-shadow:0 0 16px 4px #f5c5318c}}@media (prefers-reduced-motion:reduce){.music-player.is-playing .music-player__button{animation:none}}@media (width<=480px){.music-player__label{display:none}}.message-blocks{flex-direction:column;align-items:center;gap:.4rem;display:flex}.message-gif img{border:1px solid #f5c53159;border-radius:14px;max-width:100%;height:auto;display:block;box-shadow:0 10px 24px #00000059,0 0 18px #f5c53126}.message-gif figcaption{font-family:var(--font-script);color:var(--gold-light);opacity:.85;text-align:center;font-size:clamp(.95rem,2vw,1.1rem)}