:root{--vh: 1vh;--vw: 1vw}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:fixed;width:calc(var(--vw, 1vw) * 100);min-width:100vw;max-width:100vw;touch-action:none}#root{height:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden}@keyframes sparkle{0%,to{box-shadow:0 0 20px #f39c12,0 0 40px #f39c12;transform:scale(1)}25%{box-shadow:0 0 30px #f39c12,0 0 60px #f39c12,0 0 80px #f39c12;transform:scale(1.02)}50%{box-shadow:0 0 40px #f39c12,0 0 80px #f39c12,0 0 120px #f39c12;transform:scale(1.05)}75%{box-shadow:0 0 30px #f39c12,0 0 60px #f39c12,0 0 80px #f39c12;transform:scale(1.02)}}@keyframes emotionalArchive{0%{box-shadow:0 0 15px #e74c3c,0 0 30px #e74c3c;transform:scale(1);opacity:1}25%{box-shadow:0 0 25px #e74c3c,0 0 50px #e74c3c,0 0 75px #e74c3c;transform:scale(1.03);opacity:.9}50%{box-shadow:0 0 35px #e74c3c,0 0 70px #e74c3c,0 0 105px #e74c3c;transform:scale(1.08);opacity:.8}75%{box-shadow:0 0 45px #e74c3c,0 0 90px #e74c3c,0 0 135px #e74c3c;transform:scale(1.1) rotateY(15deg);opacity:.6}to{box-shadow:0 0 60px #27ae60,0 0 120px #27ae60;transform:scale(.8) translateY(-20px);opacity:.3}}@keyframes archiveSuccess{0%{box-shadow:0 0 20px #27ae60,0 0 40px #27ae60;transform:scale(1);background-color:#d5f4e6}50%{box-shadow:0 0 40px #27ae60,0 0 80px #27ae60,0 0 120px #27ae60;transform:scale(1.05);background-color:#b8e6d2}to{box-shadow:0 0 20px #27ae60,0 0 40px #27ae60;transform:scale(1);background-color:#d5f4e6}}